
* {
　　box-sizing: content-box;
　　-moz-box-sizing: inherit;
　　-webkit-box-sizing: inherit;
　}
body,td,th {
    font-family:""Roboto",Arial,sans-serif";
    font-size: 14px;
    color: #3d3d3c;
}
body {
    margin:auto; padding:0;
    background-color: #ffffff;
}
a {
    font-family:"Microsoft YaHei";
    font-size: 14px;
    color: #333333;
    outline: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #333333;
}
a:active {
    text-decoration: none;
    color: #333333;
}
a.ss:link,a.ss:visited,a.ss:active {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
a.ss:hover {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
a.news:link,a.news:visited,a.news:active {
    text-decoration: none;
    color: #333;
    font-size: 18px;
}
a.news:hover {
    text-decoration: none;
    color: #91160E;
    font-size: 18px;
}
a.end:link,a.end:visited,a.end:active {
    text-decoration: none;
    color: #d1d1d1;
    font-size: 14px;
}
a.end:hover {
    text-decoration: none;
    color: #d1d1d1;
    font-size: 14px;
}
a.case:link,a.case:visited,a.case:active {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}
a.kh:hover {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

input{
    border:0;
    outline:none; 
}

p{margin: auto; padding: 0;}
.clert{ clear: both; }
.lb{ float: left; } 
.rb{ float: right; }

ul{margin:auto; padding: 0;}
li{list-style-type:none;}

.page-block{width: 1200px; margin: auto;}

@media screen and (max-width: 1366px) {
   .page-block{width: 1200px; margin: auto;} 
}


@media screen and (min-width: 1400px) and (max-width: 1920px) {
    .page-block{width: 1500px; margin: auto;}
    .index_pro_block .index-title .cn{color: #fff; font-size: 42px;}
    .index_pro_block{position: relative; padding-bottom:120px; }
    .index_pro_block .product-list{margin: auto; width: 1500px;  }
    .index_pro_block .btn_box{  margin-top:150px;  }
    .index_pro_block .product-list .pro_type{ margin-top:35%; font-size: 14px; color: #dbdbdb; }

    .index_product_cat .title_box .cn{ font-size: 65px; margin-left: 20%;margin-right: 5%;}
    .index_news_block .index-title{margin: auto; margin-right: 0; width:1700px;}
    .index_news_block .news-list{margin: auto; margin-right: 0; width:1700px;}
    .index_news_block li a{ padding-top:40px; padding-bottom:60px; margin-top:40px; margin-bottom:60px;}
    .index_news_block li a:hover{ margin-top: 0px; padding-top:70px; padding-bottom:90px; margin-bottom:0px;}
    .index_news_block li a:hover .date{margin-top: 0px; padding-top: 0; padding-bottom: 20px; }
    .index_news_block li a:hover .title{ font-size: 24px;  }
    .index_news_block li a:hover .desc{font-size: 16px;}


.index_youshi_block .index-title .cn{ font-size: 42px;color: #fff; font-weight: bold; margin-bottom: 10px;}
.index_youshi_block .item_list .img_box{ margin-bottom: 20px; margin-top:630px; }
.index_youshi_block .item_list .title_box{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.index_youshi_block .item_list li{ float: left; width: 25%; color: #fff; height:100vh;}
.index_youshi_block .item_list li:hover{height:99.5vh; border-bottom:5px #5f1985 solid; background: url("/images/ys_bg.png");}
    .index_about_block{padding-top:180px; padding-bottom:180px; }





}