/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.xypg-left-nav>li.clicked>a, .xypg-left-nav>li:hover>a{color: #000;}

.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top1{height: 29px;background: #bf9f62;color: #fff;line-height: 29px;overflow: hidden;}
.top2{height:114px;overflow: hidden;margin-top:18px;}

#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 114px;}
.yu{margin-top:34px;color: #d5cdcd;font-size: 24px;line-height: 25px;margin-left:108px;text-transform:uppercase;}
.topLink{width: 400px;text-align: right;}
.k2{margin-top: 25px;color:#535353;font-size:28px;font-family:"微软雅黑";background: url(../images/dh.png)no-repeat left;padding-left: 35px;line-height: 31px;font-weight: bold;}
.k1{width:100%;color: #565656;font-size: 12px;margin-top: 5px;}
.k1 a{color: #565656;}
#menu{height: 60px;border-top:3px solid #eeeeee;}

/*热门搜索*/
.sou{height: 50px;background-color: #f6f6f6;color: #626262;font-size: 14px;}
#formsearch{float:right;width: 211px;height: 30px;background: url(../images/ss.png) no-repeat top center;margin-top: 10px;}
.hotSearch{float:left;height:50px;line-height:50px;font-weight:normal;color: #626262;font-size: 14px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #626262;}
#formsearch input{height:30px;background:transparent;border:none;line-height:30px;outline: none;}
#formsearch input#keyword{height:30px;line-height:30px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:30px;line-height:30px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;font-size: 12px;}






.cpzx{padding-top: 50px;margin-bottom: 67px;}
.ptt{text-align: center;color: #535353;font-size: 36px;}
.ptt span{display: block;color: #a8a8a8;font-size:16px;padding-top: 5px;}


.vc_column_container {
  margin-top: 58px;
  width: 285px;
	height: 440px;
	margin-right: 20px;
}
.vc_column_container:last-child{margin-right: 0;}



.gsc-box-hover .box-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
    font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gsc-box-hover .backend .be-desc {
  color: #333333;
  font-size: 14px;
  text-align: center;
}

.gsc-box-hover .box-content {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  border-radius: inherit;
   	width: 285px;
	height: 440px;
	border-radius: 5px;
}
.frontend img {
    border: 0;
    vertical-align: top;
    width: 285px;height: 265px;
}
.gsc-box-hover .box-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  padding-bottom: 5px;
  letter-spacing: 0.5px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.gsc-box-hover {
  position: relative;
  background: transparent;
}
.gsc-box-hover .frontend, .gsc-box-hover .backend {
  z-index: 1;
  border-radius: inherit;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: inherit;
  perspective: inherit;
  -webkit-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  -moz-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);

}
.gsc-box-hover .frontend {
  height: inherit;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  	width: 285px;
	height: 440px;
	box-shadow: 0px 2px 9px 0px 
		rgba(0, 0, 0, 0.34);
	border-radius: 5px;
}
.gsc-box-hover .frontend .frontend-content {
  border-top: 0;
  padding: 21px 0 0;
  text-align: center;
}
.gsc-box-hover .backend {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background: #c02727;
  padding:155px 23px 0 23px;
  color: #ffffff;
}
.gsc-box-hover .backend .content-be {
  height: 100%;
  -webkit-transform: translateZ(70px) scale(0.86);
  -moz-transform: translateZ(70px) scale(0.86);
  -o-transform: translateZ(70px) scale(0.86);
  transform: translateZ(70px) scale(0.86);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.gsc-box-hover .backend .be-desc {
  color: #fff;
}
.gsc-box-hover .backend .box-title {
  position: relative;
  padding-bottom: 5px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gsc-box-hover .backend .box-title a {
  color: #fff;
  font-size: 18px;
  display: block;text-align: center;
}
.gsc-box-hover .backend .box-title a:hover {
  text-decoration: none;
}
.gsc-box-hover .backend .link-action {
  margin-top: 10px;
}
.gsc-box-hover .backend .link-action a {
  color: #ffffff;
  text-transform: uppercase;
}
.gsc-box-hover .backend .link-action a:hover {
  text-decoration: underline;
}

.gsc-box-hover .box-title {
font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  display: block;
  padding-bottom: 5px;
  letter-spacing: 0.5px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.box-desc{font-size: 14px;color: #333;padding:0 22px;line-height: 23px;}
.gsc-box-hover .box-title a{display: block; color: #000000;}


.gsc-box-hover:hover .frontend, .gsc-box-hover:hover .backend, .gsc-box-hover:active .frontend, .gsc-box-hover:active .backend, .gsc-box-hover:focus .frontend, .gsc-box-hover:focus .backend, .gsc-box-hover.active .frontend, .gsc-box-hover.active .backend {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
  -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
}
.gsc-box-hover:hover .frontend, .gsc-box-hover:active .frontend, .gsc-box-hover:focus .frontend, .gsc-box-hover.active .frontend {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.gsc-box-hover:hover .backend, .gsc-box-hover:active .backend, .gsc-box-hover:focus .backend, .gsc-box-hover.active .backend {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.demo-ban-list .owl-carousel{
	position: relative;
}
.demo-ban-list .owl-carousel .owl-dots{
	position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;display:none;
}
.demo-ban-list .owl-carousel .owl-dots button.owl-dot{
	width: 35px;
	height: 10px;
	background-color: #ffffff;
	border: solid 1px #d4ac70;
	border-radius: 0;
	opacity: 1;
	margin: 0 7px;
}
.demo-ban-list .owl-carousel .owl-dots button.owl-dot.active{background-color: #000000;}



.abox{margin-top: 50px;}
.abouts{padding-top:66px;padding-bottom:90px;}
.aright h3{color: #333333;font-size: 30px;font-family: '黑体';}
.acon{color: #535353;font-size: 16px;line-height: 28px;margin-top:15px;}
.aleft img{display: block;width: 650px;height: 366px;}
.aright {width: 528px;background: url(../images/gd.png) no-repeat top left ;height: 368px;padding: 40px 0 0 103px;position: relative;}
.aright a{display: block;width: 100px;height: 140px;position: absolute;top: 144px;left: 0;}

.ht1{background:#c02727;height: 200px;}
.ht1-wen{margin-left: 55px;text-align: center;margin-top: 75px;color: #fff;font-size: 30px;display: inline-block;line-height: 25px;text-transform:uppercase;}

.ht1-dh{width: 293px;margin-top:71px;float: right;}
.ht1-dh h3{background:url(../images/tel.png)no-repeat left;padding-left: 43px;color: #fff;font-size: 36px;font-family: "Times New Roman"}
.ht1-dh span{display: block;margin-left: 44px;margin-top: 6px;color: #fff;font-size: 16px;}
.youshi{margin-top: 72px;}
.product_list1{margin-top:48px;}
.product_list1 li{margin:0 20px;}
.product_list1 li a img{display: block;width: 260px;height: 364px;}



.zhuan{height:741px;background:url(../images/zhuan.jpg) no-repeat;margin-top:100px;padding-top: 90px;}
.zhuan .ptt{color: #535353;}
.zhuan .ptt span{color: #a8a8a8;}



.zul{width:1040px;margin:0 auto;margin-top:67px;}
.zul li{width:450px;margin-bottom: 85px;}
.zul li:nth-child(2n){float: right;}
.zul li a{display: block;}
.zul li .bt{color: #c02727;font-size: 24px;margin-left: 15px;line-height: 43px;}
.zul li .img{line-height: 43px;height: 43px;}
.ys1{font-size: 14px;color: #000000;margin-top: 20px;line-height: 25px;height: 75px;overflow: hidden;}


.anli .ptt{margin:85px 0 50px 0;position: relative;}
.anli .ptt a{display: block;position: absolute;top:7px;right: 339px;line-height: 28px;}
.product_list2 li{margin-right: 29px;margin-bottom: 35px;padding: 5px 5px 0;background: #eeeeee;}
.product_list2 li:nth-child(3n){margin-right: 0;}
.product_list2 li a.img img{display: block;width: 370px;height: 240px;}
.product_list2 li h3 a{line-height:54px;background: #f1f1f1;color: #292929;font-size: 14px;text-align: center;font-weight: normal;display: block;}
.product_list2 li:hover h3 a{color:#fff;background:#c02727;}


.he{margin-top: 50px;}
.hbox{height: 455px;background:url(../images/hz.png) no-repeat;margin-top: 57px;}
.hul{padding-top: 117px;}
.hul li{margin: 0 12px 14px 0;position: relative;background: transparent;}
.hul li:nth-child(5n){margin-right: 0;}
.hul li a.img{display: block;}
.hul li a.img img{width: 230px;height: 96px;display: block;}
.hul li .bj1{display: block;position: absolute;text-align: center; bottom: 0;left: 0;width: 100%;height: 100%;line-height: 96px;color: #fff;font-size: 20px;background:#faca80 url(../images/fk.png) no-repeat center;}
.hul .box-content {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: inherit;
}

.hul li .content-be {
  height: 100%;
  -webkit-transform: translateZ(70px) scale(0.86);
  -moz-transform: translateZ(70px) scale(0.86);
  -o-transform: translateZ(70px) scale(0.86);
  transform: translateZ(70px) scale(0.86);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.hul li  a.img, .hul li .bj1{
  z-index: 1;
  border-radius: inherit;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: inherit;
  perspective: inherit;
  -webkit-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  -moz-transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  width: 230px;height: 96px;

}
.hul li  a.img {
  height: inherit;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  width: 230px;height: 96px;
  display: block;
}

.hul li .bj1 {

  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}



.hul li:hover .img, .hul li:hover .bj1, .hul li:active .img, .hul li:active .bj1, .hul li:focus .img, .hul li:focus .bj1, .hul li.active .img, .hul li.active .bj1 {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
  -moz-transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
  transition: transform 1.5s cubic-bezier(0.3, 1, 0.6, 1);
}
.hul li:hover .img, .hul li:active .img,.hul li:focus .img,.hul li.active .img {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hul li:hover .bj1, .hul li:active .bj1, .hul li:focus .bj1{
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}



.gd a{display: block;color: #000000;font-size: 18px;text-align: right;margin-top: 65px;
    margin-right: 50px;
    
}


.xinwen .ptt{height: 200px;padding-top: 56px;margin-top:42px;}
.nbox{background: url(../images/bj2.png) no-repeat top center;height: 702px;}
.nbt{color: #000000;font-size: 20px;background: url(../images/line1.png) no-repeat center 15px;text-align: center;}
.nbt span{color: #a8a8a8;font-size: 14px;display: block;text-transform: uppercase;}
.nmore{ margin-top: 20px;}
.nmore a{margin: 0 auto;width: 235px;height: 40px;color: #fff;font-size: 14px;display: block;text-align: center; background: url(../images/m1.png) no-repeat top center;line-height: 40px;}
.nimg {margin-top:21px;}
.nimg img{display: block;width: 330px;height: 163px;}
.news_list1{margin-top: 15px;}
.news_list1 li{line-height: 38px;}
.news_list1 li a{display: block;color: #6c6c6c;font-size: 14px;}
.news_list1 li span{display: block;color: #6c6c6c;font-size: 14px;}
.nbox1{
	width: 350px;
	height: 545px;
	margin-top: 67px;
	margin-left: 36px;
	padding: 25px 10px 0 10px;
	background-color: #ffffff;
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.27);
}


.foot{height: 340px;background: #7c0309;padding-top:33px;}
.fta{width: 268px;}
.foot h3{color: #fff;font-size: 14px;font-weight: normal;padding-bottom: 10px;}
.dcon{line-height: 25px;color: #ffffff;font-size: 14px;}
.f_link{line-height: 30px;color: #fff;margin-top:35px;}
.f_link a{color: #fff;}
.lxwm{margin-left:55px;width: 388px;}
.lx{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #fff;
}

.lian{width: 250px;}
.dao a{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
	display: block;
	border-bottom: 1px dashed #fff;
	padding-left: 18px;background: url(../images/sjx.png) no-repeat left center;
}

.dlogo{margin-top: 110px;}
.dz{width: 238px;text-align:center;}




.ft2{
	height: 45px;
	background-color: #fff;
	line-height: 45px;
	color: #2f2f2f;
}
.ft2 a{color: #2f2f2f;}
.ft2 span1 a{color:#2f2f2f;}

