@charset "gbk";
/*当浏览器尺寸小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; max-width:100%; height:auto;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*简介*/
.iabout{background:#e1e2e6 url(../images/iabout.png) no-repeat center center; margin-top:0px; padding:40px 0 20px 0}
.about_c{ width:100%; height:auto; overflow:hidden}
.about_c>.l{width:100%; height:auto;}
.about_c>.r{width:100%; height:auto; padding-top:20px}

.a_h2{ font-size:0.23rem; font-weight:bold; line-height: 1.2; color:#d8222f; text-align:center}
.a_h2 span{ display:block; font-size:0.18rem; font-weight:100; line-height: 1.2; margin-top:10px}
.a_c{ font-size:0.14rem; line-height:0.28rem; color: #5f5f5f; margin-top:20px;}

.gundong{ width:92%; height:auto; margin:0 auto; overflow:hidden; padding:20px 0;}
.gundong>.l{ float:left; width:60%; height:auto; font-size:0.36rem; font-weight:bold; color:#d6000f; }
.gundong>.r{ float:right;width:40%; height:auto; line-height:2}
/*简介end*/

/*more*/
.more{ background:url(/images/x.jpg) no-repeat center 22px; text-align:center; margin-top:26px}
.more span{ display:inline-table; font-size:16px; border:1px solid #cccccc; padding:10px 30px; background-color:#FFFFFF}
.more span:hover{background-color:#013e8b;}
.more span:hover a{color:#FFFFFF}

/*标题专用*/
.title_index{width:90%; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:0.18rem; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:0.14rem; line-height:0.22rem; color:#999; font-weight:100; padding-top:20px;}
.title_index:before{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; left:0; top:60px}
.title_index:after{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; right:0; top:60px}

/*动态*/
.news{width:100%; height:auto; overflow:hidden }
.news .l{width:100%; height:auto; position:relative}
.news .l img{ width:100%; height:100%}
.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news .l .nbox span{ display:block; color:#FFF}
.news .l .nbox b{ display:block; color:#FFF; font-size:0.18rem; line-height:0.36rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:0.14rem; line-height:0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.news .r{width:100%; height:auto; margin-top:10px}

.index_news { width:100%; height:auto;}
.index_news li {width:100%; height:auto; margin-bottom:10px; padding:15px; background-color:#F7F7F7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li a {display: block;}
.index_news li:before{content: ""; width:0px; height:5px; background-color:#FFCC00; position:absolute; left:0; bottom:0; transition:all 0.5s; z-index:1}
.index_news li:hover:before{ width:100%; }
.index_news li:after{content: ""; width:100%; height:5px; background-color:#EBEBEB; position:absolute; left:0; bottom:0;}
.index_news li h4 {font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li p { margin-top:10px; color: #666; line-height: 1.8; height:0.5rem; overflow: hidden;}
.index_news li:hover {background-color:#a12b21; color:#fff;}
.index_news li a:hover{ color:#FFF}
.index_news li:hover p{color:#FFF}
.index_news li:last-child{margin-bottom:0;}

/*网站案例*/
.indexE{padding:40px 0; background:#FFF url(/images/case.jpg) no-repeat center; background-size:cover; margin-top:20px}
.indexE h3{font-size:0.18rem; color:#333;line-height:1;font-weight:700; text-align:center}
.indexE h3 span{ display:block; font-size:0.14rem; color:#666; line-height:1; font-weight:100; text-align:center; margin-top:20px}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:20px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:20px;}
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0;}
.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:5px}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:0.2rem; color:#666; font-size:0.14rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*首页底部*/
.index_db{background: url(/images/ddd.jpg) no-repeat center;background-attachment: fixed; height:auto; padding:40px 0; margin-top:20px;}
.index_db h5{font-size:0.2rem; font-weight: bold; line-height:0.3rem; color:#fff; text-align:right}
.index_db h6{font-size:0.16rem; line-height:0.26rem; color:#fff; font-weight:400; margin-top:15px; text-align:right}

.db_box{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-right:0}
.db_box .l{width:100%; height:300px; background-color:#f1ca2f; position:relative}

.db_box_l{ position:absolute; left:30px; top:30px; width:85%; height:auto; z-index:2; text-align:left;}
.db_box_l h3{font-size:0.23rem; line-height:0.26rem; color: #4f4f4f; font-weight: bold; }
.db_box_l h4{font-size:0.14rem; line-height:0.26rem; font-weight:400; color: #4f4f4f; margin-top:20px}

.db_box .l .ip5_icon{width:70px; height:12px; background:url(/images/ipart05_4.png) no-repeat center; position:absolute; right:30px; bottom:40px; transition:all 0.5s ease;}
.db_box .l:hover .ip5_icon{right:50px;}

.db_box .r{ width:100%; height:auto; margin-top:20px;}
.db_box_r{ width:100%; height:auto}
.db_box_r li{ float:left; width:49%; height:1.45rem; margin-right:2%; background-color:#d81e06; position:relative}
.db_box_r li:nth-of-type(2n+0){ margin-right:0}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{ position:absolute; left:0; top:40px; width:100%; height:auto; z-index:2}
.db_box_r li .text h5{font-size: 0.16rem; line-height:0.26rem; color: #fff; font-weight:400; text-align:center}
.db_box_r li .text h6{font-size: 0.2rem; line-height:0.26rem; color: #fff; font-weight:bold; text-align:center; margin-top:12px;}
.db_box_r li:nth-of-type(2n+0){ margin-bottom:0}

/**/
.two {
	padding: 80px 0;
    background: url(/images/pro1.jpg) no-repeat center;
    background-size: cover;
    margin-top:20px;
	position:relative
}
.two::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}
.twobox{ border-bottom: 1px solid rgba(255,255,255,0.3); color:#FFF; position:relative; z-index:2;}

.two_ul{
	width:90%;
	height:auto;
	margin:0 auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.two_ul li{ width:100%; height:auto; padding-bottom:50px; position:relative;}
.two_ul li h6{ font-size:0.26rem; text-align:center; color:#FFF; position:relative; text-transform:Uppercase}
.two_ul li h6:before{content: ""; width:90px; height:4px; margin:0 auto; background-color:#fff; position:absolute; left:0; right:0; top:0.45rem; z-index:-1}
.two_ul li h5{width:85%; height:auto; margin:0 auto; font-size:0.22rem; text-align:center; color:#FFF; margin-top:30px}
.two_ul li h4{ width:88%; height:auto; margin:0 auto; font-size:0.14rem; font-weight:400; text-align:center; color:#FFF; margin-top:25px; line-height:30px}
.two_ul li:before{content: ""; width:0px; height:1px; background-color:#fff; position:absolute; left:0; bottom:-1px; transition:all 0.5s;}
.two_ul li:hover:before{ width:100%; }

/*图片2*/
.piclist{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.piclist li{width:49%; height:auto; margin-bottom:10px; overflow:hidden; position:relative}
.piclist li span{width:100%; height:auto; display:block; position:relative}
.piclist li span img{width:100%; height:auto; }
.piclist li span:before{content: ""; position:absolute; width:100%; height:100%; border:1px solid #fff; z-index:1; transition:all 0.5s; opacity:0;}
.piclist li:hover span:before{opacity:1; transform:scale(0.9,0.85)}
.piclist li a{ display:block}
.piclist li p{ position:absolute; left:0; right:0; bottom:0; width:93%; height:0.5rem; line-height:0.5rem; margin:0 auto; font-size:0.14rem; color:#FFF; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*品牌介绍*/
.pinpai{width:100%; height:auto; margin-top:20px; overflow:hidden}
.pinpai .l{width:100%; height:auto; }
.pinpai .c{width:100%; height:auto; margin-top:20px; overflow:hidden}
.pinpai .r{width:100%; height:auto; margin-top:20px;}

.pinpai .r p{ line-height:0.6rem; background:url(/images/gbook.jpg); color:#FFF; text-align:center; font-size:0.2rem; font-weight:bold}

/*小幻灯片*/
.xiao_hdp{width:100%; height:auto; overflow:hidden; position:relative}
.xiao_hdp .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.xiao_hdp .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.xiao_hdp .hd li.on{ background:#00ac97;  }
.xiao_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.xiao_hdp .bd li img{display:block; width:100%; height:auto;}
.xiao_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.pp_title{ width:100%; height:auto; padding-bottom:20px; border-bottom:1px solid #d2d2d2}
.pp_title span{ display:block; font-size:0.22rem}
.pp_title em{ display:block; font-size:0.16rem; margin-top:10px; text-transform: uppercase; color:#999}

.pp_content{width:100%; height:auto; margin-top:15px; line-height:0.3rem; font-size:0.16rem; color:#999; overflow:hidden}

/*留言*/
.gbook{ width:100%; height:auto}
.gbook li{ padding:5px 0}

/*表单*/
.input_2023{width:99%; height:45px; line-height:40px; border:1px solid #ff6a00; background:#fff; font-size:14px; text-indent:5px;}
.save_2023{background:#f60; border:1px solid #f60; color:#fff; cursor:pointer; font-size:20px; width:100%; height:50px; line-height:50px; text-align:center}
.save_2023:hover{background:#d81e06;border:1px solid #d81e06;}
}

/*当浏览器尺寸大于992px时候*/
@media screen and (min-width:992px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox:before{content: ""; position:absolute; left:0; top:0; width:100%; height:100px; background: rgba(0, 0, 0, 0.2); z-index:1;}
.slideBox .hd{ width:100%; position:absolute; height:80px; line-height:30px; left:0; bottom:100px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  image-rendering: -webkit-optimize-contrast;}
.slideBox .bd li img{vertical-align:top; max-width:100%; height:auto; object-fit: none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*幻灯片底部广告词*/
.hdp_gg{position:absolute; left:0; bottom:0; width:100%; height:100px; background-color: rgba(0,0,0,0.4);}
.ul_gg{width:95%; height:auto; margin:0 auto; margin-top:25px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/ justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/}
.ul_gg li{width:20%; height:50px; text-align:center;}
.ul_gg li h3{ font-weight:bold; color:#FFF; font-size:24px; line-height:25px;}
.ul_gg li h3 span{ font-weight:400; font-size:14px; padding-left:2px}
.ul_gg li p{ font-size:14px; color:#FFF; padding-top:4px;}

/*简介*/
.iabout{background:url(/images/aboutabout.jpg) no-repeat top center; padding: 70px 0; margin-top:0px; position:relative}
.about_c{ width:100%; height:auto; overflow:hidden}
.about_c>.l{ float:left; width:60%; height:auto;}
.about_c>.r{ float:right; width:30%; height:auto; padding-top:20px}

.a_h2{ font-size:40px; font-weight:bold; line-height: 1.2; color:#d8222f}
.a_h2 span{ display:block; font-size:36px; font-weight:100; line-height: 1.2;  margin-top:10px}
.a_c{ font-size:14px; line-height:28px; color: #5f5f5f; margin-top:30px;}

.gundong{ width:100%; height:auto; overflow:hidden; padding:20px 0;}
.gundong>.l{ float:left; width:50%; height:auto; font-size:48px; font-weight:bold; color:#d6000f; }
.gundong>.r{ float:right;width:50%; height:auto; line-height:2}
/*简介end*/

/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:12px;}
.title_index:before{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; left:0; top:67px}
.title_index:after{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; right:0; top:67px}

/*动态*/
.news{width:100%; height:auto; overflow:hidden }
.news .l{ float:left; width:48%; height:400px; position:relative}
.news .l img{ width:100%; height:100%}
.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news .l .nbox span{ display:block; color:#FFF}
.news .l .nbox b{ display:block; color:#FFF; font-size:18px; line-height:36px}
.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:14px; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.news .r{ float:right; width:50%; height:auto;}

.index_news { width:100%; height:auto; overflow:hidden}
.index_news li {width:100%; height:auto; margin-bottom:20px; padding:18px; background-color:#F7F7F7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li a {display: block;}
.index_news li:before{content: ""; width:0px; height:5px; background-color:#FFCC00; position:absolute; left:0; bottom:0; transition:all 0.5s; z-index:1}
.index_news li:hover:before{ width:100%; }
.index_news li:after{content: ""; width:100%; height:5px; background-color:#EBEBEB; position:absolute; left:0; bottom:0;}
.index_news li h4 {font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li p { margin-top:10px; color: #666; font-size:14px; line-height: 1.8; height:50px; overflow: hidden;}
.index_news li:hover {background-color:#d81e06; color:#fff;}
.index_news li a:hover{ color:#FFF}
.index_news li:hover p{color:#FFF}
.index_news li:last-child{margin-bottom:0;}

/*网站案列*/
.indexE{padding:60px 0; background:url(/images/case.jpg) no-repeat center; background-size:cover; margin-top:35px}
.indexE h3{font-size:30px; color:#a12b21; line-height:1; font-weight:700; text-align:center; margin-top:5px}
.indexE h3 span{ display:block; font-size:18px; color:#666; line-height:1; font-weight:100; text-align:center; margin-top:20px}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:40px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:23.5%; height:auto; margin-right:2%;}
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0;}
.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:8px}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:26px; color:#333; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*首页底部*/
.index_db{background: url(/images/ddd.jpg) no-repeat center;background-attachment: fixed; height:auto; padding:80px 0; margin-top:30px;}
.index_db h5{font-size:36px; font-weight: bold; line-height:36px; color:#fff; text-align:right}
.index_db h6{font-size:16px; line-height:26px; color:#fff; font-weight:400; margin-top:15px; text-align:right}

.db_box{ width:799px; height:auto; overflow:hidden; margin-top:40px; margin-right:0}
.db_box .l{ float:left; width:529px; height:397px; background-color:#f1ca2f; position:relative}

.db_box_l{ position:absolute; left:30px; top:60px; width:469px; height:auto; z-index:2; text-align:left;}
.db_box_l h3{font-size:26px; line-height: 26px; color: #4f4f4f; font-weight: bold; }
.db_box_l h4{font-size:14px; line-height:26px; font-weight:400; color: #4f4f4f; margin-top:20px}

.db_box .l .ip5_icon{width:70px; height:12px; background:url(/images/ipart05_4.png) no-repeat center; position:absolute; right:30px; bottom:40px; transition:all 0.5s ease;}
.db_box .l:hover .ip5_icon{right:50px;}

.db_box .r{ float:right; width:253px; height:auto}
.db_box_r{ width:253px; height:auto}
.db_box_r li{ width:253px; height:190px; margin-bottom:17px; background-color:#d81e06; position:relative}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{ position:absolute; left:0; top:60px; width:100%; height:auto; z-index:2}
.db_box_r li .text h5{font-size: 16px; line-height: 26px; color: #fff; font-weight:400; text-align:center}
.db_box_r li .text h6{font-size: 24px; line-height: 26px; color: #fff; font-weight:bold; text-align:center; margin-top:12px;}
.db_box_r li:nth-of-type(2n+0){ margin-bottom:0}

/**/
.two {
	padding: 100px 0;
    background: url(/images/pro1.jpg) no-repeat center;
    background-size: cover;
    margin-top:0px;
	position:relative
}
.two::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
}
.twobox{ border-bottom: 1px solid rgba(255,255,255,0.3); color:#FFF; position:relative; z-index:2;}

.two_ul{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.two_ul li{ width:50%; height:auto; padding-bottom:50px; position:relative;}
.two_ul li h6{ font-size:27px; text-align:center; color:#FFF; text-transform:Uppercase; position:relative; }
.two_ul li h6:before{content: ""; width:90px; height:3px; margin:0 auto; background-color:#fff; position:absolute; left:0; right:0; top:45px; z-index:-1}
.two_ul li h5{width:85%; height:auto; margin:0 auto; font-size:30px; text-align:center; color:#FFF; margin-top:30px}
.two_ul li h4{ width:85%; height:auto; margin:0 auto; font-size:14px; font-weight:400; text-align:center; color:#FFF; margin-top:25px; line-height:30px; text-indent: 2em;}
.two_ul li:before{content: ""; width:0px; height:1px; background-color:#fff; position:absolute; left:0; bottom:-1px; transition:all 0.5s;}
.two_ul li:hover:before{ width:100%; }

/*图片2*/
.piclist{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.piclist li{width:23.5%; height:auto; margin-bottom:40px; overflow:hidden; position:relative}
.piclist li span{width:100%; height:auto; display:block; position:relative}
.piclist li span img{width:100%; height:auto; }
.piclist li span:before{content: ""; position:absolute; width:100%; height:100%; border:1px solid #fff; z-index:1; transition:all 0.5s; opacity:0;}
.piclist li:hover span:before{opacity:1; transform:scale(0.9,0.85)}
.piclist li a{ display:block}
.piclist li p{ position:absolute; left:0; right:0; bottom:0; width:93%; height:50px; margin:0 auto; line-height:50px; font-size:14px; color:#FFF; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

/*品牌介绍*/
.pinpai{width:100%; height:auto; margin-top:50px; overflow:hidden}
.pinpai .l{ float:left; width:40%; height:auto;}
.pinpai .c{ float:left; width:35%; height:auto; margin-left:4%; overflow:hidden;}
.pinpai .r{ float:right; width:17%; height:auto;}

.pinpai .r p{ line-height:107px; background:url(/images/gbook.jpg); color:#FFF; text-align:center; font-size:22px; font-weight:bold}

/*小幻灯片*/
.xiao_hdp{width:100%; height:auto; overflow:hidden; position:relative}
.xiao_hdp .hd{ position:absolute; width:100%; height:40px; bottom:30px; left:0; z-index:1; text-align:center}
.xiao_hdp .hd img{ width:40px; height:40px;  }
.xiao_hdp .prev{cursor:pointer}
.xiao_hdp .next{cursor:pointer}

.xiao_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.xiao_hdp .bd li img{display:block; width:100%; height:auto;}
.xiao_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.pp_title{ width:100%; height:auto; padding-bottom:20px; border-bottom:1px solid #d2d2d2}
.pp_title span{ display:block; font-size:26px}
.pp_title em{ display:block; font-size:18px; margin-top:10px; text-transform: uppercase; color:#999}

.pp_content{width:100%; height:auto; margin-top:15px; line-height:32px; font-size:16px; color:#999; overflow:hidden}

/*留言*/
.gbook{ width:100%; height:auto}
.gbook li{ padding:5px 0}

/*表单*/
.input_2023{width:99%; height:45px; line-height:40px; border:1px solid #ff6a00; background:#fff; font-size:14px; text-indent:5px;}
.save_2023{background:#f60; border:1px solid #f60; color:#fff; cursor:pointer; font-size:20px; width:100%; height:50px; line-height:50px; text-align:center}
.save_2023:hover{background:#d81e06;border:1px solid #d81e06;}
}