/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;}
.layui-container {width: 1230px;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
/* .index-pro-list p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;} */

/* 首页 */
.header {padding-top: 15px; padding-bottom: 15px;}
.tel-box {color: #D1111C;font-size: 18px;line-height: normal;margin-top: 10px;}
.tel-box p {color: #D1111C;font-size: 30px;font-family: impact;height: 50px;}

.nav-box {background-color: #D1111C;}
.nav-box >ul >li {float: left;width: 20%;}
.nav-box >ul >li >a {color: #fff;display: block;line-height: 60px;font-size: 18px;background: url(../images/nav-split.jpg) left center no-repeat;text-align: center;}
.nav-box >ul >li:nth-child(1) >a {background: none;}
.nav-box >ul >li >a:hover {background-color: #BF0D15;color: #fff;}

.banner-box {height: 730px;overflow: hidden;position: relative;}
.banner-box .bd li {height: 730px;}
.banner-box .bd li a {display: block;line-height: 100%;}
.banner-box .hd {position: absolute;left: 0; right: 0px; bottom: 10px;z-index: 2;text-align: center;}
.banner-box .hd li {width: 18px; height: 18px;border-radius: 50%;background-color: #fff;display: inline-block;margin: 0 4px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background-color: #D1111C;}

.index-search {padding-top: 15px; padding-bottom: 15px;}
.index-search .layui-breadcrumb * {font-size: 16px!important;}

#index-search #btn-search {width: 70px;background-color: #D1111C;color: #fff;border: none; height: 36px;float: right;}
#index-search >div {margin-right: 70px;}
#index-search #search-key {width: 100%;border: none;background-color: #f7f7f7;height: 36px;border: 1px solid #D1111C;border-right: none;box-sizing: border-box;padding: 0 8px;}

.title {text-align: center;line-height: 1.4;}
.title h2 {font-size: 36px;}
.title h2 b {color: #D1111C;}
.title h2 p {font-size: 16px;text-transform: uppercase;color: #999;}

.index-pro-block {margin-top: 30px;}
.index-pro-list {margin-top: 20px;}
.index-pro-list .item .img {border: 1px solid #D1111C;overflow: hidden;height: 230px;text-align: center;display: flex;justify-content: center;align-items: center;transition: all 0.3s;}
.index-pro-list .item .img:hover {border-radius: 10px;box-shadow: 0px 3px 10px rgba(0,0,0,.2)}
.index-pro-list .item .img img {transition: all 0.3s;}
.index-pro-list .item .img:hover img {transform: scale(1.1);}
.index-pro-list .item p {color: #D1111C;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.index-pro-list .item p i {margin-right: 5px;}

.index-about-title {background-color: #D1111C;height: 65px;margin-top: 30px;margin-bottom: 60px;}
.about-box .about-txt {font-size: 20px;color: #777;}
.about-box .about-img {margin-top: 30px;border: 1px solid #D1111C;}
.about-box .about-img img {width: 100%;}

.index-news-block {margin-top: 50px;}
.index-news-block .title {margin-bottom: 30px;}

.hot-news a .img {display: flex;border:1px solid #D1111C;height: 400px;justify-content: center;align-items: center;overflow: hidden;}
.hot-news a .img img {width: 100%;}
.index-news-list .news-title span {float: left;display: inline-block;background-color: #D1111C;color: #fff;padding: 0px 10px;margin-right: 10px;}
.index-news-list .news-title b {font-size: 20px;}
.index-news-list .news-title {line-height: 40px;}
.index-news-list .item p {line-height: 1.6;color: #888;margin-bottom: 10px;}
.news-list img {max-width: 100%;border: 1px solid #D1111C;}

.index-liuyan-block {margin-top: 40px;}
.index-liuyan-block .liuyan-txt {text-align: center;color: #888;margin-bottom: 30px;}

#form-index-liuyan .item {margin-bottom: 15px;}
#form-index-liuyan .item label {display: block;font-size: 20px;}
#form-index-liuyan .item input {border: none; background-color: #f0f0f0;height: 40px;width: 100%;padding: 0px 8px;}
#form-index-liuyan .item textarea {border: none; background-color: #f0f0f0;height: 150px;width: 100%;padding: 8px;}
#btn-index-liuyan {background-color: #D1111C;color: #fff;border: none;width: 150px;height: 50px;float: right;}

.footer-block {margin-top: 30px;background-color: #D1111C;padding-top: 20px;padding-bottom: 20px;color: #fff;}
.footer-block a {color: #fff;}
.footer-nav {text-align: center;}
.footer-nav .layui-breadcrumb * {font-size: 18px!important;}

@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}