/*初始化样式*/
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;}



.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: 132px;overflow: hidden;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 132px;}
.yu{margin-top: 42px;color: #878787;font-size: 24px;line-height: 25px;margin-left: 9px;}
.yu strong{
  font-weight: normal;
}
.topLink{width: 400px;text-align: right;}
.k2{margin-top: 30px;color:#535353;font-size:28px;font-family:"微软雅黑";background: url(/template/default/assets/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{background: #272727;height: 60px;}

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


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #f9cf83;}
#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: 18px;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: 15px 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: #faca80;
  padding:120px 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: #333333;
}
.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: #000000;
  font-size: 18px;
  display: block;text-align: center;
}
.gsc-box-hover .backend .box-title a:hover {
  text-decoration: underline;
}
.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 9px;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%;
}
.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;}


.w1{
  background: url(/template/default/assets/images/hen.jpg) center no-repeat;
  height: 1305px;
  padding-top: 120px;
}
.w1 img{width:100%;}
.wttit{
  text-align: center;
}
.wttit dd{
  font:bold 38px/38px MicrosoftYaHei;
  color:#fff;
}
.wttit dt{
  font:normal 22px/22px MicrosoftYaHei;
  color:#b2acac;
  margin-top: 11px;
}


.pttlist ul{
  text-align: center;
  margin-top: 63px;
}
.pttlist ul li{
  display: inline-block;
  width: 193px;
	height: 43px;
  background-color: #ffffff;
  text-align: center;
}
.pttlist ul li a{
  font:normal 16px/43px MicrosoftYaHei;
  color: #333333;
  display: block;
}
.pttlist ul li.on{
  background: #faca80;
}

.w1 .bd{
  margin-top: 107px;
}
.plists ul li{
  width: 390px;
	height: 390px;
	background-color: #ffffff;
  border: solid 1px #dbdbdb;
  text-align: center;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.plists ul li:nth-child(3n){
  margin-right: 0;
}
.plists ul li h3{
  font:normal 16px/57px MicrosoftYaHei;
  color: #333333;
}
.plists ul li a.img{
  display: block;
  border-bottom: 1px solid #dbdbdb;
}

/* 优势 */
.w2{
  background: url(/template/default/assets/images/ysbg.jpg) center no-repeat;
  height: 1474px;
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  padding-top:333px;
}
.ystu1{
  margin-left: 50px;
}
.ysnei1{
  width: 400px;
  margin-left: 53px;
}
.ysnei1 .yscont1{
  height: 145px;
  margin-top: 65px;
}
.yscont1 dd{
  font:bold 24px/24px MicrosoftYaHei;
  color: #333333;
}
.yscont1 dt{
  font:normal 16px/30px MicrosoftYaHei;
  letter-spacing: 1px;
  color: #333333;
  margin-top: 15px;
}
.ysbg2{
  margin-top: 31px;
}
.ysbg2 .ystu1{
  margin-left: 14px;
}
.ysnei2{
  width: 382px;

}
.ysnei2 .yscont1{
  height: 184px;
  margin-top: 64px;
}








.abox{margin-top: 0px;}
.abouts{height: 638px;background: url(/template/default/assets/images/bj1.jpg) no-repeat top center;padding-top: 199px;}
.aright h3{color: #333333;font-size: 30px;font-family: '黑体';}
.acon{color: #535353;font-size: 16px;line-height: 28px;margin-top: 10px;}
.aleft img{display: block;width: 650px;height: 366px;}
.aright {width: 528px;background: url(/template/default/assets/images/gd.png) no-repeat top left ;height: 350px;padding: 40px 0 0 103px;position: relative;}
.aright a{display: block;width: 100px;height: 140px;position: absolute;top: 144px;left: 0;}

.ht1{background: url(/template/default/assets/images/ht.png)no-repeat;height: 200px;}
.ht1-wen{margin-left: 55px;text-align: center;margin-top: 77px;color: #faca80;font-size: 30px;display: inline-block;line-height: 25px;}
.ht1-wen strong{
  font-weight: normal;
}

.ht1-dh{width: 293px;margin-top: 81px;float: right;}
.ht1-dh h3{background:url(/template/default/assets/images/tel.png)no-repeat left;padding-left: 43px;color: #faca80;font-size: 36px;font-family: "Times New Roman";font-weight: normal;}
.ht1-dh span{display: block;margin-left: 44px;margin-top: 0px;color: #faca80;font-size: 16px;}
.youshi{margin-top: 50px;}
.product_list1{margin-top: 55px;}
.product_list1 li{margin:0 20px;}
.product_list1 li a img{display: block;width: 260px;height: 364px;}



.zhuan{height: 680px;background: #0f100e;margin-top: 66px;padding-top: 50px;}
.zhuan .ptt{color: #faca80;}
.zhuan .ptt span{color: #a8a8a8;}

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


.anli .ptt{margin: 53px 0 54px 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;background: #d6d6d6;}
.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: 45px;background: #000000;color: #faca80;font-size: 14px;text-align: center;font-weight: normal;display: block;}



.he{margin-top: 20px;}
.hbox{height: 455px;background: #0c0c0b;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: #000000;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: #faca80;font-size: 18px;text-align: center;margin-top: 15px;}


.xinwen .ptt{height: 145px;padding-top: 0px;}
.nbox{background: url(/template/default/assets/images/bj2.jpg) no-repeat top center;height: 614px;}
.nbt{color: #000000;font-size: 20px;background: url(/template/default/assets/images/line1.png) no-repeat center 15px;text-align: center;}
.nbt span{color: #a8a8a8;font-size: 14px;display: block;text-transform: uppercase;margin-top: 2px;}
.nmore{ margin-top: 20px;}
.nmore a{margin: 0 auto;width: 235px;height: 40px;color: #faca80;font-size: 14px;display: block;text-align: center; background: url(/template/default/assets/images/m1.png) no-repeat top center;line-height: 40px;}
.nimg {margin-top: 15px;}
.nimg img{display: block;width: 330px;height: 163px;}
.news_list1{margin-top: 15px;}
.news_list1 li{line-height: 36px;}
.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: 525px;
	margin-top: 42px;
	margin-left: 36px;
	padding: 10px 10px 0 10px;
	background-color: #ffffff;
	box-shadow: 3px 3px 2px 0px 
		rgba(0, 0, 0, 0.27);
}


.foot{height: 343px;background: #292828;padding-top: 33px;}
.fta{width: 294px;}
.foot h3{color: #fff;font-size: 14px;font-weight: normal;padding-bottom: 10px;}
.dcon{line-height: 25px;color: #828282;font-size: 14px;}
.f_link{line-height: 30px;color: #828282;}
.f_link a{color: #828282;}
.lxwm{margin-left: 48px;width: 308px;}
.lx{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #828282;
}

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

.dlogo{margin-top: 110px;}
.dz{width: 238px;}
.dz h3{
  margin-left: 9px;
}



.ft2{
	height: 45px;
	background-color: #212121;
	line-height: 45px;
	color: #dfdfdf;
}
.ft2 a{color: #dfdfdf;}
.ft2 span1 a{color:#dfdfdf;}

