@charset "utf-8";
body{ margin:0px; padding:0px; position:relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:655px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}

#top{ background:#f5f5f5; border-bottom:1px solid #e6e6e6;}
#top p{ height:35px; line-height:35px; font-size:12px; color:#666; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

#logo{ padding:15px 0;}
#logo .logo{ float:left;}
#logo .logo .p1{font-size:33px; font-weight:600; letter-spacing:1px;}
#logo .logo .p2{ line-height:200%; font-weight:600; font-size:12px; font-family:'Times New Roman';}
#logo .logo_right{ float:left; border-left:1px solid #d9d9d9; padding-left:40px; margin: 44px 0 0 25px;}
#logo .logo_right .p1{ color:#434343; font-size:12px;}
#logo .logo_right .p1 b{ color:#d00;}
#logo .logo_right .p2{ color:#434343; font-size:12px; line-height:200%; margin-top:10px;}
#logo .tel{ float:right; background:url(../img/tel.png) left no-repeat; padding-left:50px; margin:29px 0;}
#logo .tel .p1{ font-weight:600; font-size:14px; color:#d4211c;}
#logo .tel .p2{ font-weight:600; font-size:26px; font-family:'SimHei'; color:#d4211c;}

#nav{background: #d4211c; position: sticky; top: 0; z-index: 10;}
#nav a{ float:left; height:50px; line-height:50px; width:calc(100% / 7); text-align:center; color:#fff; font-size:18px; font-weight:700;}
#nav a:hover{ background:#fff; color:#d42c11;}

#product{ padding:40px 0;}
#product .left{ float:left; width:245px;}
#product .left .product_type_border{ background:#d4211c; border-bottom:8px solid #d4211c;}
#product .left .product_type_border .product_type_title{ background:url(../img/product_type.jpg) bottom center no-repeat; text-align:center; padding:15px 0 40px;}
#product .left .product_type_border .product_type_title .p1{ color:#fff; font-size:26px;}
#product .left .product_type_border .product_type_title .p2{ color:#fff; font-size:14px;}
#product .left .product_type_border .product_type{ background:#fff; margin:0 8px; padding:20px 0 20px;}
#product .left .product_type_border .product_type a{ display:inline-block; margin:2px 20px; width:calc(100% - 40px); text-align:center; background:url(../img/product_type_a.png); height:50px; line-height:50px; font-size:14px; color:#d4211c;font-weight: 700;
}}
#product .left .product_type_tel{ background:url(../img/product_tel.jpg); margin-top:20px; text-align:center; padding:15px 0;}
#product .left .product_type_tel .p1{ font-size:18px; color:#fff; line-height:200%;}
#product .left .product_type_tel .p2{ font-size:14px; color:#fff; line-height:200%;}
#product .left .product_type_tel .p3{ font-size:14px; color:#fff; line-height:200%;}
#product .right{ float:right; width:calc(100% - 255px);}
#product .right .product{ float:left; width:calc(100% / 3 - 58px); margin:0 18px 30px; border:1px solid #eeeeee; padding:8px; transition:0.3s;}
#product .right .product img{ width:100%; height:230px; object-fit:cover;}
#product .right .product p{ text-align:center; padding-top:15px; height:30px; line-height:30px; font-size:16px; transition:0.3s;}
#product .right .product p a{ color:#5a5a5a;}
#product .left .product_type_border .product_type a:hover{ text-decoration:underline;}
#product .right .product:hover{ border:1px solid #d4211c;}
#product .right .product:hover p{ line-height:10px;}

#index_show{ background:url(../img/index_show_bg.jpg); padding:40px 0;}
#index_show .left{ float:left; width:500px; padding:0 100px 0 25px; border-right:1px solid #7b7a76;}
#index_show .left .company{ background:url(../img/index_show_title.png) center no-repeat; background-size:440px; height:155px; text-align:center; display:flex; align-content:center; flex-wrap:wrap; justify-content:space-around; transition:0.3s;}
#index_show .left .company .p1{ font-size:20px; color:#999999;}
#index_show .left .company .p2{ font-size:46px; color:#fff;}
#index_show .left .p3{ color:#a5a5a5; text-align:center; margin:45px 0;}
#index_show .right{ float:right; width:calc(100% - 726px); padding:80px 0 80px 85px;}
#index_show .right .p1{ font-size:22px; color:#fff;}
#index_show .right .p2{ margin-top:35px;}
#index_show .right .p2 a{ display:inline-block; width:300px; text-align:center; height:60px; line-height:60px; background:#d4211c; border-radius:10px; font-size:36px; color:#fff;}
#index_show .left .company:hover{ background-size:400px}

#about{ padding:40px 0;}
#about .title{ position:relative; height:80px;}
#about .title .p1{ position:absolute; top:0; left:0; width:100%; font-size:36px; color:#d4211c; text-align:center; font-weight:600;}
#about .title .p2{ position:absolute; color:#ededed; top:0; left:0; width:100%; text-align:center; font-size:80px; line-height:45px; font-family:'Times New Roman';}
#about .left{ float:left; border-left:10px solid #d4211c; width:calc(640px - 100px); background:#f6f6f6; padding:40px 45px;}
#about .left .p1{ font-size:22px; color:#d4211c;}
#about .left .p2{ margin:35px 0; font-size:14px; color:#333; line-height:260%; height:182px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:5;-webkit-box-orient: vertical;}
#about .left .recom_href{}
#about .left .recom_href a{ float:left; height:50px; line-height:50px; background:#d4211c; width:calc(100% / 4 - 1px); margin-right:1px; text-align:center; color:#fff;}
#about .right{ float:right; width:calc(100% - 640px); height:411px;}
#about .right img{ width:100%; height:100%; object-fit:cover;}
#about .left .recom_href a:hover{ color:#d4211c; background:#eee;}

#news{ background:#f6f6f6; padding:40px 0;}
#news .left{ float:left; width:580px;}
#news .right{ float:right; width:580px;}
#news .title{ border-bottom:1px solid #d6d6d6; height:50px; line-height:50px;}
#news .title .p1{ float:left; font-size:22px; color:#d4211c;}
#news .title .p1:before{ float:left; content:''; width:6px; height:22px; background:#d4211c; margin:14px 10px 14px 0;}
#news .title .p2{ float:right; font-size:14px;}
#news .title .p2 a{ color:#333;}
#news .new_img{ padding:25px 0; border-bottom:1px dashed #d4d4d4;}
#news .new_img .new_left{ float:left; width:100px; height:75px; margin-right:20px;}
#news .new_img .new_left img{ width:100%; height:100%; object-fit:cover;}
#news .new_img .new_right{ float:right; width:calc(100% - 120px);}
#news .new_img .new_right .p1{ font-size:14px; line-height:220%;}
#news .new_img .new_right .p1 a{ color:#2f2f2f;}
#news .new_img .new_right .p2{ font-size:14px; color:#999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#news .product{ height:50px; line-height:50px; border-bottom:1px dashed #d4d4d4;}
#news .product a{ font-size:14px; color:#2f2f2f;}
#news .product span{ float:right; font-size:14px; color:#898989;}
#news .title .p2 a:hover{ color:#d4211c;}
#news .new_img .new_right .p1 a:hover{ color:#d4211c;}
#news .product a:hover{ color:#d4211c;}

#tell{ padding:40px 0;}
#tell .title{ margin-bottom:40px; border-left:7px solid #d4211c; padding-left:10px;}
#tell .title .p1{ font-weight:600; font-size:20px;}
#tell .title .p2{ font-size:12px; color:#54565d;}
#tell .left{ float:left; width:500px;}
#tell .left .tell{ width:100%;}
#tell .left .tell img{ float:left; width:130px; height:130px; margin-right:20px;}
#tell .left .tell p{ float:right; height:40px; line-height:40px; font-size:14px; color:#898989; padding-left:30px; width:calc(100% - 180px);}
#tell .left .tell .p1{ background:url(../img/tell_icon1.png) left no-repeat;}
#tell .left .tell .p2{ background:url(../img/tell_icon2.png) left no-repeat;}
#tell .left .tell .p3{ background:url(../img/tell_icon3.png) left no-repeat;}
#tell .left #dituContent{ width:100%; height:260px; margin-top:40px; background:#ddd;}
#tell .right{ float:right; width:calc(100% - 580px);}
#tell .right .p1{ text-align:center; font-size:26px; margin-bottom:40px; color:#5a5a5a;}
#tell .right .p2{ color:#a0a0a0; margin-bottom:20px;}
#tell .right form p{ font-size:14px; color:#777; height:40px; line-height:40px;}
#tell .right form .index_form_text{ color:#777; height:32px; background:#eee; border:1px dashed #aaa; margin:0; padding:0; width:calc(100% - 2px);}
#tell .right form .index_form_area{ color:#777; background:#eee; border:1px dashed #aaa; height:100px; margin:0; padding:0; resize:none; width:calc(100% - 2px);}
#tell .right form .index_form_submit{ width:120px; margin-top:20px; background:#d4211c; color:#fff; height:30px; border:none; transition:0.3s;}
#tell .right form .index_form_submit:hover{ background:#e00;}

#foot{ background:#d4211c; padding:10px 0;}
#foot .daohang{ text-align:center; margin-bottom:40px;}
#foot .daohang a{ display:inline-block; color:#fff; font-size:14px; height:40px; line-height:40px; width:calc(100% / 7 - 10px);}
#foot .foot{ display:flex; align-items:center; justify-content:space-between;}
#foot .left{ float:left;}
#foot .left p{ color:#fff; font-size:14px; line-height:200%;}
#foot .left p a{ color:#fff;}
#foot .right{ float:right; background:url(../img/wx.png); width:190px; height:90px;}
#foot .right img{ width:90px; height:90px;}

#beian{ background:#d4211c; padding:30px 0 20px;}
#beian .p1{ display:inline-block; border:1px solid #fff; height:43px; line-height:43px; font-family:'Times New Roman'; font-size:14px; color:#fff; padding:0 20px;}
#beian .p2{ display:inline-block; height:45px; line-height:45px;}
#beian .p2 a{ color:#fff; font-size:14px; padding:0 10px;}
#ys{ text-align:center;}
#ys .title{ font-size:30px; color:rgb(216,0,0); font-weight:700; padding:20px 0; border-bottom:#999 solid 1px;}
#ys img{ width:90%;}
#product .right h2{font-size: 30px; color: rgb(216,0,0);font-weight: 700; padding: 10px 0; border-bottom: #999 solid 1px; display:none;}
#foot_nav{ display:none;}

@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:188px;}
.width{ width:98%;}
#logo{ text-align:center;}
#logo .logo{ float:none;}
#logo .tel{ display:none;}
#logo .logo_right{ display:none;}
#product{ padding:0;}
#nav a{ width:calc(100% / 7);font-size: 15px;}
#product .left{ display:none;}
#product .right{ width:100%;}
#product .right .product{ width:calc(100% / 3 - 38px); margin:0 10px 20px;}
#product .right .product img{height: 135px;}
#product .right h2{ display:block; text-align:center;margin: 0;}
#index_show .left{ width:calc(100% - 100px); border:none; padding:0 50px;}
#index_show .right{ display:none;}
#index_show{padding: 14px 0;}	
#about .left{ width:calc(100% - 100px);}
#about .left .p1{ font-size:20px;}
#news .left{ width:100%;}
#news .right{ display:none;}
#tell .left{ width:100%;}
#tell .right{ width:100%; margin-top:20px;}
#foot .daohang a{ width:calc(100% / 7 - 5px);}
#foot .right{ width:200px;}
#beian{ margin-bottom:50px;}
#foot .left{ padding-left:10px;}
#foot_nav{ position:fixed; bottom:0; left:0; width:100%; display:block;}
#foot_nav a{ width:50%; color:#fff; float:left; text-align:center; font-size:20px; height:50px; line-height:50px;}
}