* {
　　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;}
   .header .menu{ margin-left: 5%; }
.pro_block .img-box img {
height: 300px;
   
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
}
    .index-youshi-wrap .youshi_item{padding-top:60px;  }
    .index-youshi-wrap .index-title{ text-align: right;  margin-bottom:60px; }
    .index-youshi-wrap .index-title .cn{}
    .index-youshi-wrap .index-title .en{color: #d4d4d4; margin-bottom: 10px;}
   .index-youshi-wrap .item_list .item_box{ margin-left: 10px; margin-bottom:10px; padding: 30px 40px;}
    .index-youshi-wrap .item_list .item_box img{ width: 100px; }
    .index-youshi-wrap .item_list .item_box .txt{ font-size: 16px; padding: 0 10px; letter-spacing: 2px; line-height: 24px; }
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
    .header .menu{ margin-left: 15%; }
    .page-block{width: 1600px; margin: auto;}
    .index_pro_block .index-title .cn{color: #d4d4d4; font-size: 36px;}
    .index_pro_block{position: relative; padding-top:100px;  padding-bottom:90px; }
    .index_pro_block .product-list{margin: auto; width: 1500px;  }
    .index_pro_block .product-list .pro_name{ font-size: 20px; }
    .index_pro_block .product-list .pro_category{font-size: 20px;}
    .index_pro_block .btn_box{   }

    .index_about_block .ab_title{font-size: 36px; width: 450px;}
    .index_about_block .content_info{line-height: 36px;}

    .index_service_block .item_list li .li_box {padding:90px 20px;}
   
    .index_product_cat .title_box .cn{ font-size: 65px; margin-left: 20%;margin-right: 5%;}
    .index_news_block{padding-bottom: 120px;}
    .index_news_block .index-title{margin: auto;}
    .index_news_block .news-list{margin: auto;}
    .index_news_block li a{ }
    .index_news_block li a:hover{ }
    .index_news_block li a:hover .date{}
    .index_news_block li .title{ font-size: 28px;  }
    .index_news_block li .desc{font-size: 18px;}
    .index_news_block li span{display: block; color: #bbbbbb;
    margin-left:80px;margin-right:80px; margin-bottom:20px;}
    .index_news_block li .right_info{ padding-top:80px; padding-bottom:80px; }


.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:100px; padding-bottom:100px; }
    .index_about_block .about_list img{ height: 580px; }



.about_speech{ height:600px; padding: 50px;}
.about_speech p{ margin-right:500px; line-height: 200%; }


.sub_join_block .join_123 li p{  font-size: 16px; text-align: center; }
.sub_join_block .join_123 li .tt{ font-size: 20px !important; font-weight: bold; text-align: center !important; }
.sub_join_block .join_123 li a{  height:360px;    text-align: left;}


.sub_join_block .join_124 li .tt{ font-size: 20px !important; font-weight: bold; text-align: center !important; }
.sub_join_block .join_124 li p{ font-size: 16px; text-align: left; }
.sub_join_block .join_124 li a{   height:420px;    }

}