/*—————————————— CSS重设 ——————————————*/
*{padding:0; margin:0; /*重置内填充和外填充，避免使用*通配符，浪费性能。*/}
header,section,aside,nav,figure,figcaption{margin:0;padding:0;display:block;}
body{font-size:16px;    font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6,input,textarea, select, button{/*font-size:100%;*/font-family:inherit;/*font-size:16px;*//*重置输入表单的字体大小和字体样式,使之继承父类字体*/}
input, label, select, option, textarea, button, fieldset,legend{font-size:16px;    font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;/*width:260px;*/}
:focus{outline:0;/*在获取焦点时，去掉外面蓝框，主要针对input、链接类型*/}
ul,ol,li{list-style:none;/*去掉默认的点和序列号*/}
em,i{font-style:normal;}
button,submit{cursor:pointer;/*按钮的样式设置为手型*/}
textarea{resize:none;outline:none;}
address,cite,dfn,em,var,i{font-style:normal;}
img{border:none;/*vertical-align:top;*//*去掉默认边框和底部空白区*/}
/*img{
　　cursor: pointer;
　　transition: all 0.6s;
}*/
table{border-collapse:collapse;border-spacing:0;/*去掉表格边框之间的间距*/}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;/*遵循爱恨LVHA原则，设置链接和颜色和下划线*/}
/**toubu*/
.clean{clear: both;}
header{width: 100%; } 
.top{/*margin-top: 20px;*/}
.top .top-right{margin-top: 70px;position: relative;padding: 0;}
.top .top-right .input{width: 100%;line-height: 35px;border: 1px solid #D4D4D4;padding-left: 10px;font-size: 14px;}
.top .top-right button{border: 0;margin: 0;padding: 0;position: absolute;right:5px;top: 0;line-height: 35px;background: none;}
.top .top-right1{margin-top: 64px;}
.top .top-right1 p{line-height: 14px;margin-left: 37px;}
/***/
.dl-menuwrapper .dl-menu.dl-menuopen{z-index: 9999;}
.marbottom{margin-bottom: 20px;}
.padding0{padding: 0;}
.paddingright0{padding-right: 0;}
.paddingtop20{padding-top: 20px;}
.p-box{position: relative;}
.p-box img{width: 100%;height: 232px;}
.p-box .p-box-text{position: absolute;bottom: 0;width: 100%;}
.p-box .p-box-text .pbtbox1{font-size: 16px;background: darkgreen;width: 100%;color: #fff;line-height: 30px;text-align: center;}
.p-box .p-box-text .p{font-size:14px ;background:rgba(0,81,0,.7);margin-bottom: 0;padding: 5px 20px;color: #fff;display: none;}
.p-box:hover .p{display: block;}
/**/
.category_img {
    float: left; 
    max-width: 44px;
    height: 44px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0;
    top: 6px;
    position: relative;
}
category_img img{width: 44px;}
/**/
.selction{height: auto;}
.selction .selction-header{width: 100%;margin-bottom: 20px;}
.selction .selction-header h2{text-align: center;font-size: 26px;font-weight: bold;    font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;}
.selction .selction-header p{text-align: center;font-size: 14px;}
.selction .selction-header:after { bottom: 0;height: 3px;width: 100%;left: 0;right: 0;margin: auto;max-width: 117px; background-color: #3367d6;display: block;content: "";}
.borderbox{/*border: 1px solid #ddd;*/padding: 10px;margin-bottom: 15px;}
.borderbox:hover{/*border: 1px solid #3367d6;*/}
.borderbox .img-box{margin: auto;}
.borderbox .img-box img{width: 100%;height: auto;-webkit-transition:0.5s;}
/*.borderbox .img-box img:{-webkit-transition:0.5s;}*/
/*.borderbox .img-box img:hover{transform: scale(1.1);}*/
.borderbox .img-box p{font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
font-weight: bold;text-align: center;margin: 0;font-size: 18px;line-height: 20px;margin: 22px 0 0px 0;color:#3169d7;}
.borderbox .img-box p a{color: #000000;}
.borderbox .button{line-height: 35px;background: #3367d6;color: #fff;text-align: center;border-radius: 5px;margin: 10px 0;}
.borderbox .button a{color: #ffffff;display: block;line-height: 35px;}
.borderbox .button:hover{background: #3367d6;}
/**/
.qubox{width: 100%;}
.qubox img{width: 100%;-webkit-transition:0.5s;}
.qubox img:hover{transform: scale(0.9);}
.qubox .qutext{line-height: 40px;background: #c3c3c3;text-align: center;font-size: 20px;font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    font-style: normal;}
.qubox .qutext a{color: #fff;}    
.qubox:hover .qutext{background:#3367d6;}
/*尾部*/
footer{background:#eeeeee;width: 100%;/*margin: 20px 0;*/padding: 10px 0;border-top: 48px solid #3367d6;}
footer .foot-text{color: #000;font-size: 22px;/*line-height: 60px; */font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;}
footer .foot-text1{font-size: 16px;font-family: 'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif,'Calibri',Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;}
footer .foot-text1 .input1{line-height: 35px;padding-left: 9px;  border: 0;width: 50%;}
footer .foot-text1 button{border: 0;margin: 0;padding: 0;background: #121213;line-height: 35px; padding: 0 30px;color: #fff;border-radius: 2px ;}
.foot-box{font-size: 18px;}
.foot-box h2{font-size: 21px;font-family: 'Calibr',sans-serif;font-weight: bold;}
.foot-box p{font-size: 18px;color:#000;}
.foot-box li a{color: #ffffff;}
.foot-box li a:hover{color: #000;}
.mb_hide{
    display: block;
 }
.choose_top{
    margin-top: 50px;
}
.contactmail_tel{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.color3367d6{
    color: #3367d6;
}
.wp90{
    width: 90%;
}
.products_range{
    color: #3367d6!important;
    text-align: center!important;
}

@media (max-width: 767px){
 .four-level-menu{display: none;}
 .top .top-right1{display: none;}
 .top .top-right{margin-top: 10px;}
 .top .top-right1 p{padding: 0;}
 .paddingright0{padding-right: 15px;}
 .mb_hide{
    display: none;
 }
 .selction .selction-header h2{
    font-size: 24px;
 }
 .choose_top{
    margin-top: 0px;
 }
 .contactmail_tel{
    width: 100%;
    display: inline;
 }
 .contactmail_tel div{
    padding: 10px 0 0 10px;
 }
 .wp90{
    width: initial;
 }
 .products_range{
    font-size: 30px!important;
 }
 .borderbox .img-box img{
    height: 200px;
 }
}
@media (min-width: 800px){
 .col-lg-3 {width: 25%;margin:10px 0;}
} 
.pagelist{width: 100%;overflow: hidden;margin-top: 50px;}
.pagelist li{float: left;padding: 8px 12px; font-size: 16px;    border: 1px solid #c5c4c3;
    margin-right: 7px; margin-bottom: 5px;background:#ffffff;}
.pagelist li:hover{background:#3367d6;}

.breadcrumb{
    width: 1200px;
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: left;
}