/*初始化样式*/
html{margin:0;padding:0;border:0;}
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;}

a{text-decoration:none;outline:none;}

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;}
p{margin: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;}



.wh{max-width:1230px;margin:0 auto;padding:0 15px;}
.of{overflow:hidden;}



.com-img{overflow:hidden;}
.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.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.flexf{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}



/*头部样式*/
.top2{width:100%;position:absolute;z-index:9999;left:0;top:4%;}
.logo{width:30%;}
.logo img{max-width:100%;}



.banr{position:relative;}
.banr .mySwiperbn{overflow:hidden;}
.banr .swiper-slide{overflow:hidden;width:100%;}
.banr .swiper-paginationbn{width:100%;text-align:center;left:0;right:0;position:absolute;z-index:999;bottom:4%;}
.banr .swiper-pagination-bullet{width:11px;height:9px;margin:0 5px;display: inline-block;border-radius:50%;background:#fff;opacity:1;cursor:pointer;}
.banr .swiper-pagination-bullet-active{background:#fff;opacity:1;width:36px;border-radius:18px;}

.banr .swiper-slide img{width:100%;display:block;}
.banr .swiper-slide-active img{
    animation: dt2 1s  linear .65s;
    animation-delay:0s;
    animation-fill-mode: forwards; 
}

.banr .swiper-slide-prev{OPACITY: 1 !important;}
.banr .swiper-slide-prev img{
    animation: dt1 1s  linear .65s;
    animation-delay:0s;
    animation-fill-mode: forwards; 
}


@keyframes dt1 {   
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.7);
        opacity: 0;
    }
}


@keyframes dt2 {   
    0% {
        transform: scale(1.3);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity:1;
    }
}













/*搜索和热门搜索*/
.sousus{border:1px solid rgb(255, 255, 255);width:502px;height:52px;position:absolute;left:50%;transform:translateX(-50%);border-radius: 10px;bottom:32%;z-index:99;}
#formsearch2{padding:3px;}
#formsearch2 input#keyword{height:44px;line-height:44px;padding-left:15px;float:left;color:#fff;font-size:14px;background:none;border:none;outline:none;width: calc(100% - 110px);}
#formsearch2 input#s_btn{width:97px;height:44px;line-height:44px;text-align:center;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;background:url(../imgs/73c9ecfe1a7338e0f937b28a74291b507ef5e8b9.png) no-repeat center center #f39904;border-top-right-radius:10px;border-bottom-right-radius:10px;}
#formsearch2 input::-webkit-input-placeholder{color:#ffffff;}
#formsearch2 textarea::-webkit-input-placeholder{color:#ffffff;}




.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;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*主体样式*/
.box1{background:url(../imgs/b9c1b763fd2f612633f6e680b3e8c9f408d50574.jpg) no-repeat;background-size:100% 100%;padding-top:4.6vw;padding-bottom:7vw;}
.abcont{position: relative;}
.aben{position:absolute;left:5.98%;top:26%;z-index:99;}
.aby{width:79.17%;display: flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}
.apic{width:36.53%;}
.apic img{width:100%;display:block;}
.about{width:63.47%;box-shadow: 0px 0px 7px 0px rgba(34, 23, 20, 0.25);background:#fff;position: relative;}
.abnr{width:80%;margin:0 auto;padding:15% 0;}
.abtt{color:#333333;font-size:24px;}
.ab{color:#555555;font-size:14px;line-height:26px;margin:4% 0 13%;}
a.am{display:block;text-align:center;color:#f39904;font-size:14px;line-height:40px;width:142px;border:1px solid #f39904;}
a.am:hover{background:#f39904;color:#fff;}
.jia{position:absolute;right:0;bottom:0;}


.box2{background:#272d3b;margin-top:-1px;}
.yin{background:#ffaa1c;transform: translateY(-7vw);padding:4vw 0;}
.bt{display: flex;justify-content: center;flex-wrap:wrap;align-items: center;}
.bt .hx{width:66px;height:3px;background:#fff;}
.bt .wz{color:#fff;font-size:30px;margin:0 2.4vw;}
.add1{max-width:1150px;margin:0 auto;padding:0 15px;margin-top:2vw;}
.add1 li{width:23.2%;margin:1vw 0;background:url(../imgs/66fd73026aa3ec6d74d58fd16b420042581382e7.png) no-repeat right bottom #fff;padding:0 2%;height:130px;display:flex;justify-content: center;flex-direction:column;}
.add1 li .img{width:65px;line-height:48px;height:48px;}
.add1 li .det{width: calc(100% - 65px);}
.add1 li .wz1{color:#555555;font-size:16px;}
.add1 li .wz2{color:#888888;font-size:14px;text-transform:uppercase;margin-top:5px;}
.add1 li.ymo{background:#ffc461;text-align:center;}
.add1 li.ymo img{margin:0 auto;}
.add1 li.ymo .wz{color:#ffffff;font-size:16px;text-align:center;margin-top:10px;}
.add1 li:hover .wz1{color:#ffaa1c;}


.box3{background:#272d3b;margin-top:-2.4vw;padding-bottom:3.76vw;}
.sort1{margin-top:3vw;}
.sort1 li{width:24%;background:#fff;margin:0.5vw 0;text-align:center;}
.sort1 li .img img{width:100%;display:block; height:250px;}
.sort1 li .hx1{width:48px;height:2px;background:#ededed;margin:0 auto;}
.sort1 li .wz{color:#333333;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2vw 0;}
.sort1 li .wz2{color:#333333;font-size:16px;margin-top:1.98vw;}
.sort1 li.pa a{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.sort1 li:hover .wz{color:#f39904;}
.sort1 li:hover .wz2{color:#f39904;}


.box4{background:url(../imgs/1d70389fcbb2ec190913c01246640fb63a750006.jpg) no-repeat center bottom #272d3b;padding-bottom:5vw;}
.xw{margin-top:2.6vw;}
.xw li{width:32%;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}
.xw li .tu img{width:100%;display:block; height:300px}
.xw li .tu{position:relative;overflow: hidden;}
.xw li .time{position:absolute;left:0;bottom:0;text-align:center;width: 99px;height:79px;background: rgb(255, 255, 255,.85);}
.xw li .time .aa{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.xw li .tm1{color:#68a9e1;font-size:30px;}
.xw li .tm2{color:#68a9e1;font-size:14px;}
.xw li .det{width:86%;margin:0 auto;padding:24px 0 35px;}
.xw li .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw li .wz2{color:#888888;font-size:14px;overflow:hidden;line-height:24px;height:48px;margin:16px 0 21px;}
.xw li .mo{color:#888888;font-size:14px;text-transform:uppercase;}
.xw li:hover .wz{text-decoration:underline;color:#ffaa1c;}








/*友情链接*/
.flink a{margin:0 3px;}


/*页面底部*/
.foot{background:#272d3b;}
.ftcont{padding:3.287vw 0 4vw;}
.foot1{width:22.92%;}

.fadd{margin-top:38px;}
.fadd li{width:41.82%;text-align:center;}
.fadd li img{width:100%;display:block;}
.fadd li .wz{color:#999999;font-size:14px;margin-top:16px;}


.f_nav{width:37.58%;}
.f_nav dl{float:left;width:50%;}
.f_nav dt{margin-bottom:20px;font-size:16px;color:#fff;}
.f_nav dd a{font-size:14px;color:#888888;line-height:24px;}
.f_nav dd a:hover{color:#fff;}


.ftt{color:#fff;font-size:16px;font-weight:bold;}
.lx{color:#888888;font-size:14px;line-height:37px;margin-top:12px;}
.lx a{color:#888888;}

.copy{color:#fff;font-size:14px;line-height:20px;border-top:1px solid #636771;padding:20px 0;text-align:center;}
.copy a{color:#fff;}



/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}

@media (max-width:1024px) {
   .aben{width:30%;top:32%;}
  .aben img{width:100%;display:block;}
  .abnr{padding:8% 0;}
  .ab{margin:4% 0 8%;}
  .fadd li{width:45%;}
}



@media (max-width: 768px) {
	
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .aby{width:100%;}
 .aben{display:none;}
 .bt .wz{font-size:25px;}
 .bt .hx{width:40px;height:2px;}
 .add1 li{width:49%;height:110px;}
 .sort1 li{width:49%;margin:1% 0;}
 .sort1 li .img img{ height:150px;}
 .xw li .time{width:80px;height:68px;}
 .xw li .tm1{font-size:25px;}
 .xw li{width:49%;}
 .xw li:last-child{display:none;}
 .xw li .tu img{ height:150px;}
 .foot1{width:35%;}
 .lx{line-height:30px;}
 .fadd{margin-top:22px;}
 .fadd li .wz{margin-top:10px;}
 .flogo img{ width:120px}
   .apic{width:100%; display:none}
  .about{width:100%;}
}


@media (max-width:428px) {
    .box1{background:#f39904;}
  .apic{width:100%; display:none}
  .about{width:100%;}
   .bt .wz{font-size:20px;}
 .bt .hx{width:25px;height:2px;}
 .add1 li{width:100%;}
 .sort1 li .wz{padding:20px 0;}
 .sort1 li .wz2{margin-top:20px;}
 .box4{padding-top:3vw;}
 .xw li{width:100%;margin:5px 0;}
 .xw li .det{padding:20px 0;}
 .xw li .wz2{margin:10px 0;}
 .foot1{width:100%;float:none;}
 .foot3{width:100%;float:none;margin-top:15px;}
 .ftcont{padding:28px 0;}
 .fadd{width:78%;}
 .flogo{width:50%;}
 .flogo img{width:100%;display:block;}
 .lx{line-height:25px;}
 
}