/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:#333;}
a:hover,a:active,a:focus{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{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%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

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


.wh{max-width:1470px;margin:0 auto;padding:0 15px;}


.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);}



/*头部样式*/

.top2{height:104px;}
.logo{float:left;line-height:104px;height:104px;overflow:hidden;
width: 27%;vertical-align: middle;
}
.logo a{
  display: block;
  vertical-align: middle;
  height:104px;
  position: relative;
}
.logo img{
  max-width: 100%;
 /*margin-top: 20px;*/
  /*margin-bottom: 20px;*/
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.k2{margin-top:26px;font-weight:bold;font-size:16px;color:#323232;line-height:28px;background: url(../images/t.png) no-repeat left center;padding-left:76px;height:69px;}





/*热门搜索*/
.hotSearch{font-weight:normal;}
.hotSearch a{margin-right:6px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}








/*导航栏样式*/
#menu{float:right;width:50%;}
.navs li{text-align:center;float:left;position:relative;z-index:999;width:14.2857%;}
.navs li a{display:block;line-height:104px;color:#323232;height:104px;font-size:16px;}
.navs li a:hover{color:#323232;text-decoration:none;background: url(../images/x.png) no-repeat center 72%;}

.navs .sec{height:0;background:#a87d2b;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:104px;left:0px;width: 100%;}
.navs .sec a{background:#a87d2b;color:#fff;height:38px;line-height:38px;overflow:hidden;font-size: 14px;}
.navs .sec a:hover{background:#a87d2b;text-decoration:none;color: #fff;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}



.box1{margin-top:3%;margin-bottom:2%;overflow:hidden;}
.bt{text-align:center;color:#737373;font-size:30px;text-transform:uppercase;}
.bt h2{color:#a87d2b;font-size:30px;}
.bt p{color:#737373;font-size:18px;margin-top:7px;}


.c1_list{margin:2.82291667% 0 0;position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.c1_list li{width:31%;margin-bottom:2.5%;}
.c1_list li a{display: block;}
.c1_list li .img {width: 100%;display: block; position: relative;}
.c1_list li .img img{width: 100%;}
.c1_list li .mask{width:100%;height:100%;background:rgba(0,0,0,.49);position:absolute;left:0;top:0;opacity:0;}
.c1_list li .mask h5{width:50px;height:50px;background: url(../images/sou.png) no-repeat;position:relative;left:50%;top:50%;margin-left:-25px;margin-top:-25px;}
.c1_list li h3{color:#ffffff;font-size:16px;text-align:center;line-height:3;background:#a87d2b;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.c1_list li:hover .mask{opacity:1;}










.box2{background: url(../images/bj2.png) no-repeat center top;background-size:100% 100%;overflow:hidden;}
.box2 .cont{display:flex;justify-content:space-between;}
.about{width:28%;background:#a87d2b;}
.nab{margin:8% 8%;}
.abtt{color:#fff;font-size:30px;text-transform:uppercase;}
.abtt p{margin-top:8px;}
.ab{color:#fff;font-size:18px;line-height:36px;margin-top:6%;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
a.am{display:block;color:#fff;font-size:16px;border:1px solid #ffffff;width:45%;line-height:2.5;text-align:center;margin-top:6%;}

.aboutright{width:68%;}
.rx{border:1px solid #a87d2b;border-radius:38px;width:53%;height:72px;}
a.am2{float:left;width:35%;text-align:center;background:#a87d2b;color:#fff;font-size:18px;line-height:70px;border-radius:35px;}
.dh{float:left;width:65%;text-align:center;color:#323232;font-size:18px;line-height:70px;}
.dh span{font-size:24px;display:inline-block;}
@media(max-width:1210px){
    .dh{font-size:16px;}
    .rx{width:60%;}
}
.ads{display:flex;justify-content:space-between;margin-top:11%;margin-left:3%;}
.ads li{width:16%;text-align:center;padding:3% 0 3%;background: url(../images/a1.png) no-repeat;background-size:100% 100%;}
.ads li .img{width:35%;margin:0 auto;}
.ads li img{width:100%;display:block;}
.ads li h3{color:#fff;font-size:20px;margin-top:10%;}
.ads li:hover{background: url(../images/a2.png) no-repeat;background-size:100% 100%;}




.box3{margin-top:3%;overflow:hidden;}
.box3 .cont{display:flex;justify-content:space-between;margin-top:2.8%;}

.c3left{
    width:63%;
}
.ads_list{
    position: relative;
}

.ads_list li img{
    width: 100%;
    display:block;
}

.ads_list .slick-dots{
	position: absolute;
	top: 40%;
	right:3%;
    font-size: 0;
    z-index: 9;
    display: inline-block!important;
}
.ads_list .slick-dots li{
	display: block;
    margin: 14px 0;
    width:11px;
    height:11px;
    background: #a87d2b;
    cursor: pointer;
}
.ads_list .slick-dots li button{
	background: none;
    outline: none;
    border: none;
    font-size: 0;
}
.ads_list .slick-dots li.slick-active{
	background-color:#a87d2b;
}
.c3right{width:37%;background:#a87d2b;}
.team_list{width:94%;margin:0 auto;}
.team_list li{width:100%;background:#fff;line-height:3.5;margin-top:4.3%;padding-left:6%;}
.team_list li span{color:#303030;font-size:20px;font-weight:bold;}
.team_list li:hover span{background: url(../images/x2.png) no-repeat left center;padding-left:110px;}




.box4{background:#e6e6e6;margin-top:3%;padding:3% 0 0;overflow:hidden;}
.xlist1{display:flex;justify-content:space-between;margin-top:2.8%;}
.xlist1 li{width:31%;margin-bottom:4%;}
.xlist1 li img{width:100%;display:block;}
.xlist1 li h2{color:#343434;font-size:18px;margin-top:26px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.xlist1 li span{color:#515151;font-size:14px;margin:15px 0 20px;line-height:30px;display:block;}
.xlist1 li h3{width:20%;float:left;text-align:center;color:#fff;font-size:14px;background:#a87d2b;line-height:30px;}
.xlist1 li h4{float:right;text-align:center;color:#515151;font-size:12px;line-height:30px;font-weight: normal;}







.box5{margin-top:3%;overflow:hidden;}
.hz_list{margin:2.82291667% 0 0;position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.hz_list li{width:22%;margin-bottom:2.5%;}
.hz_list li .img {display: block;border:1px solid #c1c1c1;}
.hz_list li .img img{width:100%;display:block;}










/*页面底部*/
.foot{margin-top:2%;background:#303031;padding:3% 0;overflow:hidden;}
.copyright{text-align:center;line-height:24px;}

.foot1{width:32%;}
.fdh{width:100%;text-align:center;color:#fff;border:1px solid #fff;line-height:2.5;font-size:24px;font-weight:bold;}
.fdh span{font-size:30px;display:inline-block;padding-left:4%;}
.lx{color:#fff;font-size:16px;line-height:30px;margin-top:21px;}


.foot2{width:10%;text-align:center;margin-left:13%;}
.foot2 .wei img{width:100%;display:block;}
.foot2 .weitt{color:#fff;font-size:14px;opacity:.43;margin-top:8px;}


.foot3{width:33%;text-align:right;}
.fnav li{float:left;background: url(../images/fx.png) no-repeat right center;}
.fnav li:first-child{}
.fnav li:nth-child(6){display:none;}
.fnav li:last-child{background:none;}
.fnav li:last-child a{padding-right:0;}
.fnav li:nth-child(1) a{padding-left: 0;}
.fnav li a{color:#ffffff;font-size:16px;padding:0 34px;}

.fseo{color:#fff;font-size:14px;margin-top:14px;text-align: left;}
.fseo a{color:#fff;}

.copyright{color:#888889;font-size:14px;text-align:left;line-height:30px;margin-top:10px;}
.copyright a{color:#888889;}














/*友情链接*/
.f_link{color:#323232;font-size:16px;font-weight:bold;padding:16px 0;text-align:center;}
.f_link a{color:#323232;font-weight:normal;padding:0 2px;}








/*内页左侧样式*/
.container{max-width:1230px!important;margin: 0 auto;padding:0 15px;}

/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}


@media(max-width:1473px){
.fnav li a{padding:0 30px;}
}
@media(max-width:1335px){
.fnav li a{padding:0 25px;}
}
@media(max-width:1187px){
.fnav li a{padding:0 18px;}
}

@media (max-width:1024px) {
  .rx{width:68%;}
  .ads{margin-top:22%;margin-left:0;}
  .team_list li{line-height:2.7;}
  .team_list li span{font-size:18px;}
  .foot1{width:47%;}
  .foot2{display:none;}
  .foot3{width:47%;}
}


@media (max-width: 991px) {
   body{
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  body{
    margin-bottom: 50px;
  }
  

   .c1_list li{width:48%;}
   .c1_list li h3{font-size:14px;}
   .box2 .cont{flex-wrap:wrap;}
   .about{width:100%;}
   .aboutright{width:100%;}
   .rx{display:none;}
   .ads{flex-wrap:wrap;margin-top:5%;padding-bottom:8%;}
   .ads li{width:46%;margin-bottom:4%;padding:6% 0;}
   .box3 .cont{flex-wrap:wrap;}
   .c3left{width:100%;}
   .c3right{width:100%;padding-bottom:4%;}

   .team_list li{line-height:3.5;}
   .hz_list li{width:48%;}
   .xlist1{flex-wrap:wrap;}
   .xlist1 li{width:100%;}
   .foot1{width:100%;float:none;margin-left: 0;}
   .foot3{width:100%;float:none;text-align:center;margin-top:10px;}
   .fnav{display:none;}
   .page-wrap-right .xypg-right-content img{width:100%!important;height:auto!important;}
   .kf{
    display: none;
   }
}




@media (max-width: 640px) {
   .ads_list .slick-dots{top:19%;}
   .bt{font-size:25px;}
   .bt h2{font-size:25px;}
   .bt p{font-size:14px;}
   .fdh{font-size:20px;}
   .fdh span{font-size:25px;}
   .abtt{font-size:25px;}
   .ab{font-size:15px;}
   a.am{font-size:14px;}
   .team_list li span{font-size:18px;}
   .ads li h3{font-size:16px;margin-top:12%;}

}


li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}