@charset "utf-8";

/* reset */
body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, input, textarea, th, tr, td, select, figure, figcaption {
	margin: 0;
	padding: 0;
}
body {
	font-size: 16px;
	font-family: Arial, 微软雅黑;
	color: #666;
	margin: 0 auto;
	padding-top:95px;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
em, i {
	font-style: normal;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:focus {
	text-decoration: none;
	outline: none;
}

img {
	border: none;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
input, textarea {
	outline: none;
	background: #fff;
	border: none;
}
textarea {
	resize: none;
	overflow: auto;
}
/* public */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.img_box, .pic_box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.main {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.btn {
	font-family: '微软雅黑';
	cursor: pointer;
}
.bl {
	display: inline-block;
	float: left;
}
.br {
	display: inline-block;
	float: right;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
.text_omit {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.img_fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@keyframes movelr
{
    0%   { transform: translateX(0px); }
    50%  { transform: translateX(60px); }
    100% { transform: translateX(0px); }
}





/* 页头 */
.header {position: fixed;top: 0;left: 0;right: 0;z-index: 999;background-color:#fbfafa; padding-top:20px;}
.header_box { height:auto; overflow: hidden}
.header_box h1 {width: 233px;height:106px;background:url(../images/pchb_03.jpg) no-repeat ;background-size: 100% auto;display: inline-block;float: left;}
.header_box h1 a {display: inline-block;width: 100%;height: 100%;text-indent: -9999px;}

.header_box .nav {margin: 15px 200px 0 340px;}
.header_box .nav ul {height: 80px;display: flex;justify-content: space-around;align-items: center;}
.header_box .nav ul li {display: inline-block;float: left;font-size: 16px;line-height:80px;position: relative;color: #4f4f4f;}
.header_box .nav a {display: block;width: 100%;line-height:80px;text-align: center;font-size: 16px;padding:0 15px;}
.header_box .nav a:hover{color:white; background:#ca0303;}
.header_box .nav li.on:after,.header_box .nav li:hover:after {content: "";position: absolute;left:50%; bottom:10px;width:30px;height: 2px;background-color: #ef8080; }
.header_box .nav li.on a{color:white; background:#ca0303;}


/**/
.banner{ width: 100%; height: 100%; overflow: auto;}
.banner source{ width: 100%; height: 100%; }
.banner .swiper-slide{ width:100%!important; background-size: cover;  text-align: center; }
.banner.swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{ bottom: 50px; }
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; }
.banner .swiper-pagination-bullet{ width: 20px; height: 20px; font-size: 16px; color: #fff; opacity: 1; background-color: transparent; }
.banner .swiper-pagination-bullet-active{ width: auto; color: #99826e; }
.banner .swiper-pagination-bullet-active::after{ content: "　————"; }
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::after{ content: ""; }
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::before{ content: "————　"; }
.banner .swiper-button-next,.banner .swiper-button-prev{ width: 20px; height: 20px; top: auto; bottom: 52px; background-size: 9px 13px; }
.banner .swiper-button-prev{ background-image: url(../images/banner_prev.png); left: auto; right: 50%; margin-right: 120px; }
.banner .swiper-button-next{ background-image: url(../images/banner_next.png); left: 50%; right: auto; margin-left: 120px;}



/**/
.conten{ width:100%; height:auto ;overflow: hidden; max-width:1920px; background:#fff;}



.about{ width:100%; height:810px; margin:30px auto; background: url(../images/pchb_10.jpg)  center right no-repeat #fafbfd; position: relative }
.about .con{ width:870px; height:600px; background:#fff; position: absolute; top:100px; left:10%; box-sizing: border-box; padding:70px;}


.about .txt{width:100%; float: left}
.about .txt h3{ text-align: right; margin-right:30px}
.about .txt h4{font-size:18px; color:#080808; line-height:2em; margin-top:10px}
.about .txt p{font-size:12px; color:#373737; line-height:2em; text-indent:2em; margin-top:10px}

.about .title{ width:200px; height:80px; float: left; text-align: center; position: relative}
.about .title  h3{font-size:30px; color:#080808; }
.about .title  span{color:#ca0303; }
.about .title  p{font-size:14px; color:#999; margin-top:10px; background: #fff; padding:0 5px; display: inline-block; z-index:2; position: relative}

.about .title:after{ content: "";position: absolute;left:50%; margin-left:-50px; bottom:20px;width:100px;height: 1px;background-color: #999;z-index:0;}


/* iproduct */


@keyframes mo
{
	from {top:-100%;}
	to {top:0;}
}

@-webkit-keyframes mo /* Safari 和 Chrome */
{
	from {top:-100%;}
	to {top:0;}
}
.iproduct{ width:80%; height:auto; margin:25px auto; position: relative;}
.iproduct .item{ width: 100%; height: 100%; }
.iproduct .prot{ box-sizing: border-box; width:100%; height: 100%; text-align: center; overflow: hidden  }
.prot li{ width:31%; height:auto;float: left; display:block; margin:15px 1%; position:relative;overflow:hidden}
.prot li img{ width:100%; }
.iproduct .prot .txtp{width: 100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; z-index: 1; top:-100% }
.iproduct .prot .txtp p{ text-align:center;font-size: 16px; color:#fff; padding-top:30% }
.iproduct .prot li:hover .txtp{animation:mo 1s;animation-iteration-count:1;animation-fill-mode:forwards;}

.iproduct .imore{ width:145px; height: 38px; text-align: center; line-height:38px; border:1px solid #e2b87b; border-radius:5px;
position: absolute; top:15px; right:30px; color:#e2b87b}
.iproduct .imore a{color:#e2b87b}

/**/
.jidi {background:#fff url(../images/pchb_25.jpg) no-repeat center/cover;width: 100%; height: 756px; margin: 0 auto;}
.about-box {margin:70px 0 0 0;}
.about-box .tit { text-align: center;}
.about-box .tit h5 { display:inline-block; padding:0 1%;font-size: 36px; color: #133a6b;font-family: 'RuiZiChaoPaiHaoHengHeiJian'; position:relative;margin:3% 0 2% 0; z-index:1}
.about-box .tit h5:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom:-20px;
    width: 100%;
    height:8px;
    background: #dd6161;
    z-index:-1;
}
.about-box .tit .p1 { font-size: 14px;color: #cacaca;text-transform: uppercase;}
.about-box .tit .p2 {  width:60%;max-width: 600px; height:1px; background:#cacaca; margin:1% auto;}
.about-box .tit .p3 { font-size: 14px; color: #999;}
.about-box .number-box { margin-top: 4%;}
.about-box .number-box ul {text-align: center;}
.about-box .number-box ul li { display:inline-block;padding:0 5%;}
.about-box .number-box ul li .icon {width: 50px; margin:10% auto;}
.about-box .number-box ul li .top {}
.about-box .number-box ul li .top .number {font-size: 56px;color: #133a6b;font-weight: bold;font-family: 'Futura';}
.about-box .number-box ul li .top p { display:inline-block;}
.about-box .number-box ul li .top span {  display:block; font-size: 18px;color: #133a6b;}
.about-box .number-box ul li .bottom { font-size: 16px;color: #b4b4b4;margin-top:8%;}
.about-box .more {margin-top: 8%;transition: all 1s;}
.about-box .more a {display: block;width: 140px;height: 42px;line-height: 42px;margin:0 auto;padding: 0 2%;
    border-radius: 25px;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
}



/**/

.box_otx{width:100%; height:auto; margin:25px auto; overflow: hidden}
.box_otx li{width:20%; height:670px; float: left; background-color:#a40000; text-align: center; color: white;}
.box_otx li img{width:100%; height:670px}
.box_otx li h3{font-size:36px; margin-top:150px; position: relative}
.box_otx li h3:after{ content: "";position: absolute;left:50%; margin-left:-40px; bottom:-20px;width:80px;height: 2px;background-color: #fff;z-index:0;}
.box_otx li h4{font-size:18px; text-transform:uppercase; margin:35px 0 50px 0; }
.box_otx li p{font-size:18px; margin-top:5px;}
.box_otx li span{width:150px; height:50px; margin-top:50px; border:2px solid #fff; text-align: center; line-height:50px; text-transform: uppercase; display: inline-block}




/* index_news */

.index_news {padding:80px 0 0 0;  width:80%; height: auto; margin:0 auto; }
.index_news .list_box {padding-bottom:80px;}
.index_news .list_box .list {float:left;width:31.4%;margin-right:2.8%;position:relative;}
.index_news .list_box .list .day {position:absolute;top:20px;right:20px;z-index:11;background:#343434;width:75px;padding:10px 0;}
.index_news .list_box .list .day i {color:#fff;font-size:32px;line-height:35px;text-align:center;display:block;}
.index_news .list_box .list .day p {color:#fff;font-size:15px;line-height:20px;text-align:center;display:block;}
.index_news .list_box .list .day p {}
.index_news .list_box .list:nth-child(3n) {margin-right:0;}
.index_news .list_box .list .pic {width:100%;padding-top:61.3%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.index_news .list_box .list .text_box {padding:25px 0 0 0;}
.index_news .list_box .list .text_box h3 {color:#444;font-size:18px;line-height:38px;margin-bottom:10px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_news .list_box .list:hover .text_box h3 {color:#000;}
.index_news .list_box .list .text_box .text {color:#888;font-size:15px;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}






/**/
.intil {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	text-align:center; 
	box-sizing: border-box;
}
.intil h2 {
	font-size:80px; color: #99826e; text-transform: uppercase; text-align: center;
}
.intil h3 {
font-size:25px; color: #fff; margin-bottom:30px; text-align: center;
}





/* more */
.more_a {
	display: block;
	width: 170px;
	height: 30px;
	overflow: hidden;
	float: left
}
.more_a .ani_line {
	position: relative;
	float: left;
	display: block;
	width: 87px;
	height: 10px;
	border-bottom: 1px solid #dcdcdc;
}


.more_a .tt {
	float: left;
	display: block;
	height: 20px;
	color: #333;
	font-size: 14px;
	margin-left: 15px;
}






/**/

.infot {
	margin: 0 auto;
	width:80%;
	max-width: none;
	color: #FFFFFF;
	position: relative;
	padding-bottom:10px;
	border-top:1px solid #ededed;
}

.ftxt {
	margin: 0 auto;
	width:100%;
	height: auto;
	overflow: hidden;
	padding:30px 15px;
	text-align:left;
	box-sizing: border-box;
	border-bottom:1px solid #ededed;
}


.ftxt .ft1{width:20%; height: auto;overflow: hidden; float: left}
.ftxt .ft2{width:60%;height: auto;overflow: hidden; float: left}
.ftxt .ft3{width:20%; height: auto;overflow: hidden;float: left}
.ftxt .ft3 p {
	font-size: 16px;
	line-height: 2em;
	color: #444;
	padding-bottom:5px;
}
.ftxt .ft2 li{ width:20%; height:auto; line-height:35px;color: #666; text-align:center; float: left; }
.ftxt .ft2 li h3{color:#444 }
.ftxt .ft2 li a{width:100%; display: inline-block;  }


.fcopy {
	margin: 0 auto;
	bottom: 20px;
	width:100%;
	padding: 0 15px;
	text-align:left;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 2em;
}

.fcopy p {
	display: inline-block;
	font-size: 16px;
	line-height: 2em;
	color: #444;
	padding-right:50px;
	padding-top:15px
}





/*内页*/


#body3{ width:100%; margin:0 auto; background-color:#f3f1f1; overflow:hidden; color:#2b2929; padding-bottom:50px;}

.botop{ width:100%;margin:90px auto 0 auto; background-color:#000; overflow:hidden; height: 145px; position: relative}
.botop .line{ width: 100%; height: 2px; background-color: white; position:absolute; z-index:1; top:50%;}	
.botop .til{width:220px; height:74px;position:absolute; z-index:1; line-height:74px; color:#ffcc66; font-size:22px; left:10%; }	
.botop .tils{width:220px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:22px;left:11%;}	
.botop .tilc{width:350px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:14px;left:11%;}	
	

.midcon{width:100%; margin:0 auto; background-color:#f5f3ef; overflow:hidden; height: auto; padding:80px 0;}
.bgc{background-color:#000;}
.midcon .midcon_con{width:1200px; height:410px; margin:0 auto;}
.midcon .midcon_con .con_img{width:540px; height:410px;background-size: cover}
.midcon .midcon_con .con_txt{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt span{color:#777}
.midcon .midcon_con .con_txt h4{width:250px; height: 10px; float: right; display: block;  background-color:#777; margin:30px 0 80px;}
.midcon .midcon_con .con_txt p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#333}
.midcon .midcon_con .con_txt a{width:146px; height:40px; border:1px solid #666; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#333; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}




.midcon .midcon_con .con_txt1{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt1 h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt1 span{color:#fff}
.midcon .midcon_con .con_txt1 h4{width:250px; height: 10px; float: right; display: block;  background-color:#fff; margin:30px 0 80px;}
.midcon .midcon_con .con_txt1 p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#fff}
.midcon .midcon_con .con_txt1 a{width:146px; height:40px; border:1px solid #fff; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#fff; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt1 a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}





.mnav{ width:247px; height:70px; text-align:center; margin:25px auto; background:url(../images/mbg.jpg) top center no-repeat; line-height:70px; font-size:22px; font-weight:700px; color:#999;}

.lMenu {margin:0 auto; width:1200px; background-color:#b51114; position: relative; color:white;height:56px;}
.lMenu h2{ text-align:center;font-size:16px; font-weight:normal; line-height:56px;  text-indent:10px; position: absolute; left:0;z-index:9}
.lMenu dl{ text-align:left; height:56px;}
.lMenu dl span{ position:relative; width:auto; padding:0 15px; text-align: center; display:inline-block; overflow:hidden; padding-top:13px}
.lMenu dl span a{ color:#FFFFFF; font-size:16px;width:100%; height:30px; display: block; line-height:30px; box-sizing: border-box}
.lMenu dl span a:hover{ color:#c4a285; font-size:16px; border-bottom:1px solid #c4a285;}
.lMenu dl span.on{background:#eaeaea url(../images/menu_icon.jpg) no-repeat 10px center;}
.lMenu dl span.on a{ color:#0f1837;}


.nvabars{margin:0 auto; width:1200px; background-color:#2a2a2a; position: relative; color:white;height:auto; overflow: hidden ; border:1px solid #99826e; box-sizing: border-box; padding:0;}
.nvabar{width: 100%; margin: 0 auto;overflow: hidden;background-color:#bf3f3f;}
.nvabar p{width:172px; height:90px;  float: left; margin-right:15px; line-height:90px;  font-size:18px; color: white; font-weight:normal;background-color:#9e0c0c; text-align: center}
.nvabar .type{ width:100%; margin:0px auto; height:90px;} 
.nvabar .type a{display: inline-block; padding:8px;  margin:3px; margin-top:20px; font-size:16px; color:#fff; }
.nvabar .type a.active{  color: #ffffff;}

.nvabar .type1{width:100%; margin:0px auto; height:90px;}
.nvabar .type1 a{display: inline-block; padding:8px;  margin: 3px;margin-top:20px; font-size:16px; color:#fff; }
.nvabar .type1 a.active{  color: #ffffff; }






.bnav{height:45px; line-height:45px;color:#99826e; width:1200px; margin:25px auto; position: relative;font-size:15px; }
.bnav a{ font-size:15px; color:#99826e;}

.bnav .back{width:150px; height:35px; position: absolute; top:5px;right:0; background:#ebeae8; border-radius:35px; line-height:35px; text-align: center; border-width: 700}
.bnav  .bgw{background:#fff;}

.body3_title{height:45px; line-height:45px;font-weight:bolder;color:#0d2f6c; width:1200px; margin:0 auto;}
.body3_title p{width:50%; text-align:left; font-size:16px; font-weight:normal;  padding-right:25px; text-indent:20px;}
.body3_title p a{ color:#0d2f6c;}


.body1{ width:100%; height:auto; margin:0 auto;padding-top:10px; overflow:hidden;  margin-bottom:15px; background-color:#0c2166; color:#FFF}
.body1 .pb{ padding-bottom:20px;}


.shiping{ width:1050px; margin:0 auto; height:500px; padding-bottom:20px;}
.shiping h3{ line-height:55px; font-size:20px !important; font-weight:normal !important}

.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}


.body3_r2{ padding:20px;line-height:200%; color:#6e5f4f;}
.body3_r3{width:100%; text-align:center; margin:0 auto;font-size:24px; color:#000;  padding-bottom:25px;}
.body3_r4{ width:1100px; height:50px; margin:0 auto; text-align:center; font-size:14px;}
.body3_r5{ padding:20px 15px; line-height:25px; border-top:1px solid #ccc;}



/**/

.catlist{width:100%; height:auto;overflow: hidden; margin-top:5px}
.catlist li{width:80%; height:500px;overflow: hidden; margin:60px auto; border:1px solid #515050; box-sizing: border-box;;}

.catlist .cat_img{width:45%; height:500px; float:left}
.catlist .cat_img img{width:100%;height:500px}
.catlist .cat_txt{ width:55%; height:500px; float:right; text-align: left; padding:8px; box-sizing: border-box; padding-left:30px; box-sizing: border-box }
.catlist .cat_txt h3{ font-size:36px; color:black; text-transform: uppercase; margin-top:150px;}
.catlist .cat_txt dd{ font-size:24px; color:white; line-height:26px; display: inline-block; background-color:#7d7d7d; padding:10px 20px; 
	border-radius:50px; margin-top:20px;}


.catlist li:nth-child(2n) .cat_img{ float: right}
.catlist li:nth-child(2n) .cat_txt{ float:left}




/*产品系列*/
.Content{ width:100%; overflow:hidden; position:relative; min-height:450px;}
.mainCont{ margin:30px 0;}
.Current{ font-size:14px; line-height:50px; position:relative; z-index:40;}
.Current,
.Current a{ color:#a0a0a0;}
.Current a:hover,
.Current span{ color:#000;}


.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1280px; margin:0 auto;}


.list_menu{ text-align: center; padding: 3% 0 2%; position: relative;}
.list_menu li{ display: inline-block; margin: 0 2% 2%;}
.list_menu li img{ width: 54px; height: 54px; display: block; margin: 0 auto;}
.list_menu li p{ margin: 5px auto 2px; color: #000; font-size: 18px; border-bottom: 2px solid #fff;}
.list_menu li span{ font-size: 14px; display: block; color: #707070;}
.list_menu li .aon p{border-bottom-color: #000;}
.list_menu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}


.mainMenu{ position:relative; text-align:center; line-height:0; padding-bottom:1px;background:#fff;}
.mainMenu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}
.mainMenu .one{ display:inline-block;}
.mainMenu .one > li{ float:left; position:relative; }
.mainMenu .one > li{ margin: 0 30px;}
.mainMenu .one > li a{ display:block;}
.mainMenu .one > li > a{ font-size:16px; color:#000; line-height:20px; padding:20px 0 18px 0; border-bottom:2px solid #fff;}
.mainMenu .one > li > a:hover,
.mainMenu .one > li.on > a{ border-bottom-color:#000;}
.mainMenu .two{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:60px; z-index:5; color: #fff; background:rgba(255,255,255,1); border:1px solid #e5e5e5;}
.mainMenu .two > li{ line-height:40px; display:block;}
.mainMenu .two > li > a{ color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding: 0 15px;}
.mainMenu .two > li > a:hover{ background:#e1e1e1;}




.wid{ max-width:1200px; margin:0 auto;}


.product_list { padding:3% 5px; height:auto; overflow:auto; width:100%; box-sizing:border-box;}
.product_list ul li{ float:left; width:22%;box-sizing: border-box; padding:10px; position: relative; margin:25px 1.5%}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 1px #99826e; -moz-box-shadow:0 0 0 1px #99826e; box-shadow:0 0 0 1px #99826e;}
.product_list ul li:nth-child(4n){ margin-right:0;}
.product_list ul li figure{ padding:1%;}
.product_list ul li figure a{ display:block; width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product_list ul li h5{ font-size:14px; text-align: center; width:100%; margin-top:5px;}
.product_list ul li h5 a{ display:block;}
.product_list ul li p{ font-size:14px;text-align: center; width:100%; }


.product_list ul li .more-list{ left:20px; position:absolute; padding:0 10px 0 0; margin-right:10px; border-right:solid 1px #d6d3d1;}
.product_list ul li .more-list{font-weight:bold; font-size:15px;}
 .product_list ul li .more-list a{color:#c1ae8b; display:inline-block; width:27px; line-height:27px; height:27px; border:solid 1px #bebebe; text-align:center; border-radius:100%; -moz-transition:all 0.7s; -ms-transition:all 0.7s;  -o-transition:all 0.7s;  -webkit-transition:all 0.7s; transition:all 0.7s;}
.product_list ul li .more-list a:hover{ background-color:#F00; color:#fff;}


.icon_vr{ position:absolute; width:50px; height: 50px;top:0; right:0;}
.icon_vr img{ width:100%;}




.pro_show_con{width:100%; height: auto; overflow: hidden; margin:0 auto; background-color:#323232 }

.showbg{ width:100%; height:auto; overflow: hiddenl; margin:25px auto;}
.showbg img{ width: 100%;}

.info_h2{ width:150px;height:30px; background-color: white; border-radius:30px; text-align: center; font-size:14px; line-height:30px; float: right; display: block; color:#000}


.conimg {width:1400px; height: auto; margin:0 auto;}
.conimg .bpic img{width:100%;}
.conimg .bpic{width:50%;float:left;padding:2.6%; box-sizing: border-box;}
.conimg .bpic .cp_img{margin:0 0 35px 0;width:100%;position: relative;text-align: center;min-height: 200px;}
.conimg .bpic .cp_img img{max-height: 500px;width:auto;}
.conimg .bpic .cp_img .zhaun{vertical-align:top;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;max-width:100%;height:auto;}
.conimg .bpic .cp_img .zhauns{vertical-align: top;margin:0 13px;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;}
.conimg .bpic .cp_img .zoom{position: absolute;left:5px;z-index:5;top:5px;opacity:0.0;}



.conimg .productText { padding-top:15px; width:47%; float:right; }
.conimg .productText h3 { font-size: 2.8em; color: #fff; padding: 27px 0 25px;display: inline-block;vertical-align: middle }
.conimg .productText .name{font-size:22px;line-height:50px;height:50px; font-weight: 700}
.conimg .productInfo { height: auto; overflow: hidden; padding-top: 23px; border-top: 1px solid #4e4e4e; }
.conimg .productInfo .fed { height: auto; overflow: hidden; }
.conimg .productInfo .fed b { display: block; float: left; line-height:35px; color: #fff; font-size: 16px; font-weight:normal }
.conimg .productInfo .fed p { margin-left:80px; line-height:35px; color: #fff; font-size: 16px; }
.conimg .productInfo .icons {width:70%; float:left;margin-left:15px;}
.conimg .productInfo .icons li {float: left; margin: 0 0 4px 4px; width:50px; text-align:center; display: list-item; list-style: none; }
.conimg .productInfo .icons li img {display: block; width: 40px; height: 40px; }
.conimg .productInfo .icons p { margin-left:0; line-height: 42px; color: #7b7b7b; font-size:12px; }


.conimg .info { color: #7b7b7b;height:auto; overflow: hidden; margin-top:15px; width:540px;}
.conimg .info .swiper-prev {width:29px; height:99px; float:left;text-decoration: none; outline: none}
.conimg .info .swiper-next {width:29px; height:99px; float:right;text-decoration: none; outline: none}
.conimg .info .swiper-container {width:460px; height:100px; float:left; margin-left:10px;}
.conimg .info  img{ width:100%; height: auto;}



.conimg .showvr{ width:200px;height:45px; background-color:#fa1a10; line-height:45px; text-align: center; color: white; border-radius:45px; margin-top:15px;}



.spage{width:800px;height:90px;margin:0 auto;text-align: center;}
.spage a{display: inline-block;margin:0 12px;height:55px;line-height:55px;padding:0 30px;font-size:16px; color:white}
.spage a:hover{color:#c4a285;}

.remimg{ width:100%; height:auto; overflow: hidden; margin:0 auto; background-color:#4e4e4e; text-align: center; padding-top:80px;}
.remimg h2{ font-size:24px;  color:white; position: relative; text-transform: uppercase}
.remimg h2:after{ content: ''; position:absolute; width:100px; height:3px; left:50%; margin-left:-50px;  top:50px; z-index:999; background-color:white}
.remcon{ width:1200px; height:auto; overflow: hidden; margin:50px auto; color:white; }
.remcon img{ max-width:100%; }




/**/


.case{width:1260px; height:auto; overflow: hidden; box-sizing: border-box; margin:0 auto; margin-top:50px}
.main{width: 100%;max-width: 1500px;margin: 0 auto;}
.case .list{  }
.case .list .item{ float: left; width:400px; margin-right:30px; margin-bottom:35px; }
.case .list .item:nth-child(3n){ margin-right: 0; }
.case .list .item .img{ position: relative; width: 100%; padding-bottom: 63%; overflow: hidden;background-position: center center;
    background-repeat: no-repeat; background-size: cover; }
.case .list .item p{ margin-top: 15px; color: #000000; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.case .item .img>div{ opacity: 0; }
.case .item .cover{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.case .item .moveline{ position: absolute; left: -100%; bottom: 0; width: 100%; height: 10px; background-color: #99826e; }
.case .item .more{ opacity: 1; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; background: url(../images/morepic.png) center center no-repeat; background-size: cover; }
.case .item:hover .img>div{ opacity: 1; }
.case .item:hover .moveline{ left: 0; }
.case .page{ padding:20px 11px 45px;  }

.case .item .img>div{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}





/* news */
.news{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newslist{ width: 100%; padding:25px 0 30px; display: flex; margin-top:25px; }
.newslist .bimg{ max-width: 780px; overflow: hidden; }
.newslist .btext{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 5%; width: 720px; font-size: 14px; color: #999; box-sizing: border-box; }
.newslist .btext h3{ width: 100%; font-size:20px; color: #000000; }
.newslist .btext .date{ width: 100%; margin: 4% 0 6%; }
.newslist .btext p{ width: 100%; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newslist .bigaa{ width: 100%; margin-top: 8%; }
.newslist .bigaa a{ display: inline-block; margin-right: 5%; width: 170px; line-height: 48px; border: 1px solid #aaa; text-align: center; color: #999; }
.newslist .bigaa a:hover,.newslist .bigaa a.hascolor{ border-color: #99826e; background-color: #99826e; color: #fff; }




/**/
.newsshow{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newsshow .show_title{font-size:28px;color: #000000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center}
.newsshow .show_info{  font-size: 16px; color: #999; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center; line-height:35px }
.newsshow .show_con{    border-top: 1px solid #666; color:#000000;}
.newsshow .show_con img{ max-width:100%;}


.dede_pages{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.dede_pages ul{
	
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	display:inline-block;
	font-family:Tahoma;
	margin-right:10px;
	border:1px solid #E9E9E9;
	min-width:20px;
	height:40px;
	line-height:40px;
}
.dede_pages ul li a{
	min-width:20px;
	padding: 0 10px;
	height:100%;
	color:#555;
	font-size: 16px;
	display:block;
	background-color: #ebeaea;
}
.dede_pages ul li a:hover{
	color:#fff;
	background-color: #e70114;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	font-weight:bold;
	color:#fff;
	background-color:#e70114;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
	
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.dede_pages .npr{ width:35px; background:url(../images/page_next.png) center no-repeat; background-size:80% auto; background-color: #e70114;}
.dede_pages .ppr{width:35px; background:url(../images/page_prev.png) center no-repeat; background-size:80% auto}