/*³õʼ»¯Ñùʽ*/
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,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%!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:1676px;margin:0 auto;padding:0 15px;}
.wh2{max-width:1233px;margin:0 auto;padding:0 15px;}
.wh4{max-width:1330px;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);}



.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{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}




.top2{max-width:1480px;margin:0 auto;height:95px;padding:0 15px;}
.logo{float:left;line-height:95px;width:30%;}
.logo img{width:100%;}








/*Ö÷ÌåÑùʽ*/
.box1{margin-top:4%;overflow:hidden;}
.box1 .cont{display:flex;justify-content:space-between;}
.abpic{width:48%;}
.abpic img{width:100%!important;height:auto!important;display:block;}
.about{width:48%;}
.ablogo{width:100%;}
.ablogo img{width:100%;display:block;}
.ab{color:#666666;font-size:14px;line-height:28px;margin-top:20px;}
a.am{display:block;color:#fff;font-size:14px;border-radius:5px;  background-image: -moz-linear-gradient( 90deg, rgb(3,100,191) 0%, rgb(0,122,208) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(3,100,191) 0%, rgb(0,122,208) 100%);background-image: -ms-linear-gradient( 90deg, rgb(3,100,191) 0%, rgb(0,122,208) 100%);text-align:center;width:206px;line-height:50px;margin-top:30px;}



.box2{margin-top:4%;overflow:hidden;}
.bt{text-align:center;color:#000000;font-size:45px;background: url(/template/default/assets/images/bt.png) no-repeat center center;position:relative;}
.bt a{position:absolute;right:0;top:20px;font-weight:normal;color:#fff;font-size:14px;width:113px;line-height:39px;text-align:center;background:#ff0000;border-radius:15px;}

.ads{display:flex;justify-content:space-between;margin-top:2%;}
.ads li{width:24.5%;text-align:center;}
.ads li .det{padding:15% 8% 8%;background:#f5f5f5;}
.ads li h2{color:#000000;font-size:29px;}
.ads li h3{color:#000000;font-size:13px;line-height:23px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top:25px;}
.ads li p{width:79px;line-height:30px;text-align:center;margin:0 auto;color:#d5a656;font-size:13px;text-transform:uppercase;border:1px solid #d5a656;border-radius:6px;margin-top:15px;}
.ads li .img{width:100%;margin-top:12px;}
.ads li .img img{width:100%;display:block;}
.ads li:hover h2{color:#0374d5;}
.ads li:hover h3{color:#0374d5;}
.ads li:hover p{color:#0374d5;border-color:#0374d5;}
.ads li:hover .det{box-shadow: 2.5px 4.33px 12px 0px rgba(0, 0, 0, 0.2);}
.ads li:hover .img{box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.12);}



.box3{background:#f5f5f5;padding:2% 0 3%;margin-top:3%;overflow:hidden;}
.btwz{text-align:center;color:#000000;font-size:16px;margin-top:12px;}
.ads2{display:flex;justify-content:space-between;margin-top:3%;}
.ads2 li{width:25%;text-align:center;background:#fff;border:1px solid #cccccc;padding:10% 0;}
.ads2 li .nei{margin:0 20%;}
.ads2 li .tu{width:60%;margin:0 auto;}
.ads2 li .img{display:block;}
.ads2 li .img2{display:none;}
.ads2 li img{width:100%;margin:0 auto;}
.ads2 li h3{color:#000000;font-size:18px;line-height:23px;margin-top:25px;}
.ads2 li:hover{background:#0374d5;}
.ads2 li:hover h3{color:#fff;}
.ads2 li:hover .img{display:none;}
.ads2 li:hover .img2{display:block;}







.box4{margin-top:3%;overflow:hidden;}
.bt2{background: url(/template/default/assets/images/bt2.png) no-repeat center center;}
.product_list1{display:flex;justify-content:space-between;margin-top:3%;}
.product_list1 li{width:49.7%;position:relative;}
.product_list1 li img{width:100%;display:block;}
.product_list1 li .det{position: absolute;width: 100%;height: 100%;top: 0;left: 0; display:flex;align-items: center;justify-content: center;flex-direction:column;}
.product_list1 li h2{color:#fff;font-size:24px;}
.product_list1 li h4{color:#fff;font-size:12px;border:1px solid #fff;text-transform:uppercase;font-family:"Arial";width:113px;line-height:33px;margin:0 auto;margin-top:13px;text-align:center;}







.box5{margin-top:3%;overflow:hidden;}
.product_list2{display:flex;justify-content:space-between;margin-top:1%;}
.product_list2 li{width:33.2%;position:relative;background:#f5f5f5;}
.product_list2 li img{width:100%;display:block;}
.product_list2 li h3{color:#303030;font-size:14px;padding:25px 0 13px;margin-left:30px;}
.product_list2 li h4{color:#7a7a7a;font-size:11px;text-transform:uppercase;font-family:"Arial";margin:19px 0;text-align:right;margin-right:30px;font-weight:normal;}




.box6{margin-top:2%;overflow:hidden;}
.box6 .cont{margin-top:2%;background:#f6f7f9;padding:4% 0;}

.c5-slick{
    position: relative;
   
}
.c5-slick .slick-con a{
    display: block;
}
.c5-slick .slick-con .wz{
    width: 52%;
    float: left;
    padding:0% 8% 0;
}
.c5-slick .slick-con .wz h3{
    font-size: 40px;
    color: #011b25;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
  
}

.c5-slick .slick-con .wz .info{
    font-size:20px;
    color: #636363;
    line-height:33px;
    margin:25px 0 20px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:5;
overflow: hidden;
}
.c5-slick .slick-con .wz h2{
    font-weight: normal;
    color: #0374d5;font-size:18px;
}
.c5-slick .slick-con .wz h2 img{display:inline-block;margin-left:9px;}


.c5-slick .slick-con .img{
    width: 48%;
    float: left;
}
.c5-slick .slick-con .img img{
    width: 85%;
}
.c5-slick .slick-dots{
    width:59px;
    right:50%;
    position: absolute;height:182px;padding-top:2%;
    bottom:26%;background:#0374d5;border-bottom-left-radius:35px;border-bottom-right-radius:35px;
}

.c5-slick .slick-dots li{
    display:block;
    width: 10px;
    height: 10px;
    margin:20px auto;
}
.c5-slick .slick-dots li button{
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 50%;
    text-indent: 100px;
    overflow: hidden;
    background: #3590dd;
}
.c5-slick .slick-dots li.slick-active button{
    background: #fff;
}





@media (max-width: 768px) { 
.c5-slick .slick-con .img img{ width:100%;}
}




/* ÓÑÇéÁ´½Ó */
.pf5 {text-align: center;padding: 40px 0;}
.pf5 p {font-size: 14px;color: #fff;line-height: 2;}
.pf5 p a {color: #fff;}
.pf5 p a:hover {color: #ff0000;}


.mw1200 {max-width: 1200px;width: 100%;margin: 0 auto;}
.mp {padding: 0 2vw;}
.pf1 {
    padding: 74px 0 60px;
    align-items: flex-start;
}
.dfc {display: flex;justify-content: space-between;align-items: center;}
input, textarea {border: none;outline: none;background-color: transparent;}
.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center center;}



/*Ò³Ãæµ×²¿*/
.pf {background-color: #262626;margin-top:2%;}

.pf1 {padding: 74px 0 60px;align-items: flex-start;}

.pf1a {width: 29%;}
.pf1a1 {font-size: 18px;color: #fff;line-height: 5.5;}
.pf1a2 p {font-size: 14px;color: #fff;line-height: 2.1;}

.pf1a3 {margin-top: 12px;border: 1px solid #7d7d7d;height: 35px;padding-right: 34px;}
.pf1a3a {width: 80%;padding-left: 10px;height: 100%;font-size: 14px;color: #fff;}
.pf1a3b {width: 20%;height: 100%;max-width: 20px;background-image: url(/template/default/assets/images/pf1a3b.png);}

.pf1a3a::-webkit-input-placeholder {color: rgba(255, 255, 255, .2);}
.pf1a3a::-ms-input-placeholder {color: rgba(255, 255, 255, .2);}
.pf1a3a::-moz-placeholder {color: rgba(255, 255, 255, .2);}
.pf1a3a::placeholder {color: rgba(255, 255, 255, .2);}

.pf1a4 {font-size: 14px;color: #fff;line-height: 3;}
.pf1a4 a {color: #fff;}
.pf1a4 a+a::before {content: "?€?";display: inline;}

.pf1b {width: 71%;align-items: flex-start;}
.pf1b dl {flex: 1;text-align: end;}
.pf1b dl div {display: inline-block;}
.pf1b dl div dt {text-align: start;font-size: 18px;line-height: 5.5;font-weight:normal;}
.pf1b dl div dt a {color: #fff;}
.pf1b dl div dd a {display: block;text-align: start;font-size: 14px;color: #fff;line-height: 2.1;}

.pf2 {font-size: 12px;color: #fff;line-height: 2;}
.pf2 a {color: #fff;margin: 0 4px;}

.pf3 {text-align: center;margin-top: 38px;}
.pf3 div {display: inline-block;padding-left: 26px;min-height: 18px;background-repeat: no-repeat;background-position: left center;background-size: 18px auto;}
.pf3 div p {line-height: 2;font-size: 14px;color: #fff;}
.pf3 div p a {color: #fff;}

.pf3 div p a:hover {color: #fff;}

.pf4 {margin-top: 20px;}
.pf4 div.pf4-box {justify-content: center;}
.pf4 div.pf4-box a {display: block;width: 31px;height: 31px;margin: 0 18px;padding: 0;background-repeat: no-repeat;}

.pf4 div.pf4-box a:nth-child(1) {background-image: url(/template/default/assets/images/pf4-1.png);background-position: center center;}
.pf4 div.pf4-box a:nth-child(2) {background-image: url(/template/default/assets/images/pf4-2.png);background-position: center center;}
.pf4 div.pf4-box a:nth-child(3) {background-image: url(/template/default/assets/images/pf4-3.png);background-position: center center;}









/*ÄÚÒ³×ó²àÑùʽ*/
.container{max-width: 1230px!important;margin: 0 auto;padding:0 15px;}
.page-product-inquiry a{color: #fff;}





@media (max-width:1024px) {
  .x-menu > li > a{font-size:16px;}
  .ab{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:8;}
  .c5-slick .slick-con .img{width:100%;float:none;}
  .c5-slick .slick-con .wz{width:100%;float:none;margin-top:30px;padding:0;}
  .c5-slick .slick-con .wz .info{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .c5-slick .slick-dots{right:0;top:20%;}



}





@media (max-width: 768px) {
 .x-menu > li > a{font-size:16px;}
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content img{width:100%!important;height:auto!important;}  
 .box1 .cont{flex-wrap: wrap;}
 .abpic{width:100%;}
 .about{width:100%;margin-top:4%;}
 .about a{margin-left: 23%;}
 
 .ads{flex-wrap: wrap;}
 .ads li{width:49%;}
 .bt{background:none;}
 .ads2{flex-wrap: wrap;}
 .ads2 li{width:50%;}
 .product_list1{flex-wrap: wrap;}
 .product_list1 li{width:100%;margin-bottom:10px;}
 .product_list2{flex-wrap: wrap;margin-top:4%;}
 .product_list2 li{width:100%;margin-bottom:10px;}
 .c5-slick .slick-con .wz h3{font-size:30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.c5-slick .slick-con .wz .info{font-size:18px;margin:20px 0 20px;}
.c5-slick .slick-con .wz h2 {font-size:18px;}

}





@media (max-width:640px) {
 .box1{margin-top:8%;}
 .box2{margin-top:8%;}
 .bt{font-size:28px;}
 .ads{margin-top:6%;}
 .ads li{width:100%;}
 .ads li h2{font-size:20px;}
 .box3{margin-top:8%;padding:6% 0;}
 .ads2 li .nei{margin:0 10%;}
 .ads2 li h3{font-size:14px;}
 .btwz{font-size:13px;}
 .box4{margin-top:8%;}
 .product_list1 li h2{font-size:25px;}
 .product_list1 li h4{font-size:12px;width:122px;line-height:35px;}
 .box5{margin-top:8%;}
 .box6{margin-top:5%;}
 .c5-slick .slick-dots{display:none!important;}
 .box6 .cont{padding:8% 0;}
 .dfc{flex-wrap: wrap;}
 .pf1a{width:100%;}
 .pf1b{width:100%;}
 .pf1b dl{text-align:left;}

}