/*全局*/
:root{
	--color:#333;
	--activeColor:#1345C6;
	--whiteColor:#FFFFFF;
	--grayColor:#888;
	--redColor:#DA0203;
	--greenColor:#28A574;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;min-width: 1300px;}
.layui-container {width: 1300px;}
a:hover {text-decoration: none;color: var(--activeColor);}
.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;}
.overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overflow2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.overflow3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.overflow4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.overflow5 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.overflow6 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
/*图片父级容器正方形显示*/
.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;}
.flex {display: flex;}
.flex-center {justify-content: center;align-items: center;}

/* 首页 */
.header {background-color: #fff;padding-top: 15px;padding-bottom: 15px;}
.header .layui-container {display: flex;justify-content: space-between;}
.header .logo {width: 400px;}
.header nav {flex: 1;display: flex;justify-content: space-between;}
.header nav a {display: flex;height: 100%;align-items: center;font-size: 23px;}
.video-banner video {object-fit: cover;width: 100%;height: 100%;display: block;}

.index-product-block {background: url(../images/pro-block-bg.jpg) center top no-repeat;padding-top: 80px;padding-bottom: 120px;}
.title {text-align: center;}

.pro-list-block .item {display: block;margin-bottom: 30px;}
.pro-list-block .item .img {display: flex;overflow: hidden;height: 300px;align-items: center;justify-content: center;border: 4px solid #1B55B1;}
.pro-list-block .item .img img {width: 100%;height: 100%;object-fit: cover;}
.pro-list-block .item .info {display: flex;justify-content: space-between;padding-top: 10px;}
.pro-list-block .item .info span {display: inline-block;background-color: #F19701;color: #fff;padding: 0 20px;line-height: 30px;border-radius: 15px;font-size: 14px;}

.shili-block {background: url(../images/block-bg2.jpg) center top no-repeat;padding-top: 100px;}
.shili-box {display: flex;}
.shili-box .left {flex: 1;}
.shili-box .right {width: 684px;margin-left: 30px;position: relative;}
.shili-box .right video {width: 100%;height: 396px;object-fit: cover;}
.shili-box .right .mask {position: absolute;left: 0;right: 0;bottom: 0;top: 0;cursor: pointer;}
.shili-box .right #btn-play {position: absolute;display: flex;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 100px;}
.shili-box .left .t {font-size: 30px;font-weight: bold;line-height: normal;border-bottom: 2px dashed #1B55B1;padding-bottom: 10px;}
.shili-box .left .con {font-size: 14px;}
.zixun-tel {background-image: linear-gradient(to bottom,#1F53DC,#0D3EBD);display: inline-block;padding: 0 30px;color: #fff;border-radius: 20px;line-height: 40px;margin-top: 20px;}

.youshi-block {padding-top: 50px;padding-bottom: 50px;}
.youshi-block img {max-width: 100%;}
.number-box {display: flex;justify-content: center;}

.lianxi-block {background: url(../images/liuyan-block-bg.jpg) center top no-repeat;padding-top: 80px;padding-bottom: 80px;}
.form-box {background-color: #1C51D7;padding: 30px 50px;border-radius: 4px;color: #fff;}
.form-box .item {margin-bottom: 30px;}
.form-box input,.form-box textarea {background-color: #fff;border: none;width: 100%;height: 50px;padding: 3px 10px;border-radius: 6px;font-size: 14px;}
.form-box textarea {height: auto;padding: 10px;}
.form-box button {background-color: #FBAA19;color: #fff;border: none;padding: 0 40px;height: 50px;border-radius: 6px;}
.form-box button:hover {opacity: 0.9;}

.news-block .t {display: flex;justify-content: space-between;border-bottom: 4px solid #0D3EBD;align-items: center;margin-bottom: 20px;}
.news-block .t span {background-image: linear-gradient(to bottom,#1F53DC,#0D3EBD);padding: 0 50px;color: #fff;line-height: 50px;font-size: 24px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.news-boxs {display: flex;}
.news-boxs .left {flex: 1;}
.news-boxs .right {width: 500px;background-color: #eee;padding: 20px 25px;border-radius: 10px;}
.news-boxs .item {display: flex;margin-bottom: 15px;}
.news-boxs .item .img {width: 240px;height: 170px;overflow: hidden;margin-right: 20px;}
.news-boxs .item .img img {width: 100%;height: 100%;object-fit: cover;}
.news-boxs .item .info {flex: 1;}
.news-boxs .item .info .date {color: #999;}
.news-boxs .item .info p {color: #999;}
.news-lists li {line-height: 55px;}
.news-lists li:before {content: '';display: inline-block;background-color: #DAA31B;width: 10px;height: 10px;border-radius: 10px;margin-right: 10px;}

footer {background-color: #1C4FD6;color: #fff;padding-top: 30px;padding-bottom: 30px;margin-top: 40px;}
footer .layui-container {display: flex;align-items: center;}
footer .logo {width: 700px;}
footer .copyrights {flex: 1;}
footer .copyrights a {color: #fff;}

.about-ad {display: flex;justify-content: center;}
.shipai-block {background: url(../images/main-bg.jpg) center top no-repeat;padding-top: 80px;padding-bottom: 80px;}
.shipai-img {display: flex;justify-content: center;}
.shipai-img img {width: 100%;}


@media only screen and (min-width: 1440px)  {
	/* .layui-container {width: 1400px;} */
}
@media only screen and (min-width: 1200px) and (max-width:1439px)  {
	/* .layui-container {width: 1170px;} */
}
@media only screen and (min-width: 992px) and (max-width:1199px)  {
	/* .layui-container {width: 970px;} */
}
@media only screen and (min-width: 768px) and (max-width:991px)  {
	/* .layui-container {width: 750px;} */
}
@media only screen and (max-width: 767px)  {
	
}