/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {}
body {color: #333;line-height: 2;font-size: 16px;background-color: #fff;min-width: 1300px;overflow-x: hidden;}
.layui-container {width: 1300px;}
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;}
.overflow2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 首页 */
/* 头部板块 */
body:before {content: '';display: block;height: 100px;}
#header {position: fixed;top: 0;left: 0;right: 0;background-color: #fff;z-index: 9;}
#header .layui-fluid {display: flex;justify-content: space-between;align-items: center;}
.logo img {max-width: 100%;}
.nav-box {flex: 1;margin-left: 100px;margin-right: 100px;}
.nav-box >ul {display: flex;}
.nav-box >ul >li {flex: 1;position: relative;}
.nav-box >ul >li >a {display: block;line-height: 100px;text-align: center;font-weight: bold;border-bottom: 3px solid transparent;white-space: nowrap;}
.nav-box >ul >li >a:hover {border-bottom: 3px solid #1449A7;}
.tel-search {display: flex;align-items: center;}
.tel-search .tel {background: url(../images/icon-tel.png) left center no-repeat;display: inline-block;padding-left: 25px;font-size: 20px;}
.vline {display: inline-block;width: 1px;height: 20px;background-color: #ccc;margin: 0 10px;}
.submenu {position: absolute;left: 0;right: 0;background-color: #1449A7;display: none;}
.submenu li a {display: block;text-align: center;color: #fff;font-size: 14px;line-height: 40px;border-bottom: 1px solid #2958AD;}
.submenu li a:hover {background-color: #2958AD;}


#index-product-block {background-color: #fff;padding-top: 60px;padding-bottom: 60px;}
.title {text-align: center;line-height: 1.5;}
.title h4 {font-size: 44px;font-weight: bold;}
.title h4 span {color: #1449A7;}
.title p {font-size: 22px;color: #777;}
.procate-list >ul {display: flex;justify-content: center;}
.procate-list >ul >li {margin: 0 15px;}
.procate-list >ul >li >a {display: block;line-height: 40px;border: 1px solid #ccc;background: url(../images/icon-procate.png) 20px center no-repeat #fff;padding: 0 20px 0 50px;}
.procate-list >ul >li >a:hover {border: 1px solid #1449A7;background: url(../images/icon-procate2.png) 20px center no-repeat #1449A7;color: #fff;}
.procate-list >ul >li.active >a {border: 1px solid #1449A7;background: url(../images/icon-procate2.png) 20px center no-repeat #1449A7;color: #fff;}

.index-product {margin-top: 40px;display: flex;}
.index-product .left-pro {width: 50%;margin-right: 20px;}
.index-product .left-pro a {display: flex;background-color: #F7F8FC;padding: 0px;position: relative;height: 680px;}
.index-product .left-pro a >img {width: 100%;height: 100%;}
.index-product .left-pro a >p {position: absolute;padding: 25px;font-size: 24px;line-height: 1.6;color: #fff;text-shadow: 0 1px 0px rgba(0,0,0,1)}
.index-product .right-pro {flex: 1;}
.index-product .right-pro .item {margin-bottom: 20px;}
.index-product .right-pro .item a {display: flex;background-color: #F7F8FC;padding: 0px;position: relative;height: 330px;}
.index-product .right-pro .item a >img {width: 100%;height: 100%;}
.index-product .right-pro .item a >p {position: absolute;padding: 25px;font-size: 24px;line-height: 1.6;color: #fff;text-shadow: 0 1px 0px rgba(0,0,0,1)}

#index-anli-block {margin-top: 60px;}
.scroll-anli {margin-top: 50px;}
.scroll-anli a {display: block;position: relative;}
.scroll-anli a .img {overflow: hidden;justify-content: center;align-items: center;height: 600px;border-radius: 20px;}
.scroll-anli a .img img {height: 100%;width: 100%;}
.scroll-anli .mask {position: absolute;left: 0;right: 0;bottom: 0;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));padding: 20px;border-radius: 20px;}
.scroll-anli .mask h4 {font-size: 24px;color: #fff;font-weight: bold;}
.scroll-anli .mask p {color: #fff;}
.w992 {width: 992px;margin-left: auto;margin-right: auto;position: relative;}
.w992 .prev0 {position: absolute;left: -80px;top: 280px;z-index: 999;}
.w992 .next0 {position: absolute;right: -80px;top: 280px;z-index: 999;}
.anli-more {margin-top: 40px;}
.anli-more a {display: inline-block;border-radius: 25px;border:1px solid #ccc;padding: 0 30px;line-height: 50px;color: #888;}
.anli-more a:hover {color: #1449A7;border-color: #1449A7;}

#index-youshi-block {background: url(../images/youshi-block-bg.jpg) center top no-repeat;padding-top: 60px;padding-bottom: 60px;}
.youshi-item {background-color: #fff;padding: 10px 0;display: flex;justify-content: space-between;border-radius: 4px;margin-top: 15px;align-items: center;}
.youshi-img {width: 635px;}
.youshi-img img {max-width: 100%;}
.youshi-info {padding: 50px 30px;background: #F7F8FC;flex: 1;}
.youshi-title {background: url(../images/youshi-title.jpg) left top no-repeat;height: 100px;display: flex;align-items: center;padding-bottom: 25px;}
.youshi-title .t {color: #fff;font-size: 40px;width: 250px;margin-right: 30px;text-align: center;}
.youshi-txt {padding: 20px;}
.youshi-txt .main {font-size: 20px;font-weight: bold;line-height: 1.3;}
.youshi-txt p {margin-top: 20px;}
.youshi-txt p span {color: #1449A7;}

#index-about-block {margin-top: 60px;}
.about-block {background: url(../images/about-con-bg.jpg) center top no-repeat;height: 727px;padding-top: 400px;margin-top: 50px;}
.about-block .layui-container {display: flex;}
.about-box {background-color: #fff;width: 1050px;margin: 0 auto;padding: 30px 100px;}
.about-img {width: 635px;margin-left: 30px;}
.comname {font-size: 20px;}
.about-submenu {margin-top: 30px;}
.about-submenu ul {display: flex;justify-content: center;}
.about-submenu ul li {margin: 0 25px;}
.about-submenu ul li a {display: block;text-align: center;}


#index-flow-block {background: url(../images/liucheng-block-bg.jpg) center no-repeat;background-size: cover;height: 579px;}
#index-flow-block .layui-container {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.flow-title {font-size: 30px;color: #fff;font-weight: bold;text-align: center;}
.flow-list {width: 100%;margin-top: 50px;}
.flow-list ul {display: flex;justify-content: space-between;}
.flow-list ul li {background: url(../images/arrow-right.png) right 46px no-repeat;width: 100%;}
.flow-list ul li:nth-child(7) {background: none;}
.flow-item {text-align: center;color: #fff;}
.flow-item p {font-weight: bold;margin-top: 10px;}

#index-news-block {margin-top: 80px;}
.news-tt {background-color: #F2F2F2;}
.news-tt:hover {border: 1px solid #0E4CA1;background-color: #0E4CA1;color: #fff;}
.news-tt:hover .news-info p {color: #fff;}
.news-tt:hover .news-info  .news-date {color: #fff;}
.news-tt .news-img {display: flex;justify-content: center;align-items: center;overflow: hidden;height: 400px;position: relative;}
.news-tt .news-img img {height: 100%;}
.news-tt .news-img span {position: absolute;background-color: #333;color: #fff;padding: 0 20px;line-height: 40px;display: inline-block;left: 0;top:0;}
.news-tt .news-info {padding: 15px 20px;}
.news-tt .news-info h3 {font-size: 16px;font-weight: 600;line-height: 1.5;}
.news-tt .news-info p {font-size: 14px;color: #888;line-height: 1.2;margin-top: 5px;}
.news-tt .news-info .news-date {font-size: 14px;color: #888;}

.news-cjwt {background-color: #F2F2F2;}
.news-cjwt >span {background-color: #333;color: #fff;padding: 0 20px;line-height: 40px;display: inline-block;}
.cjwt-list {padding: 20px;}
.cjwt-list .item {margin-bottom: 20px;}
.cjwt-list .item h3 {font-size: 16px;font-weight: 600;line-height: 1.5;}
.cjwt-list .item  p {font-size: 14px;color: #888;line-height: 1.2;margin-top: 5px;}
.cjwt-list .item  .news-date {font-size: 14px;color: #888;}

#footer {background-color: #0E4CA1;color: #fff;padding-top: 60px;margin-top: 50px;}
#footer a {color: #fff;}
#footer .flex {display: flex;justify-content: space-between;}
.footer-t {font-size: 20px;margin-bottom: 10px;line-height: 1.5;}
.footer-t .short-line {height: 1px;width: 30px;background-color: #34AC27;margin-top: 5px;}
.lianxi-nav {flex: 1;display: flex;justify-content: space-between;}
.footer-nav {width: 300px;padding: 0 60px;border-left: 1px solid #2763C3;border-right: 1px solid #2763C3;}
.footer-nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer-nav ul li {width: 50%;font-size: 14px;}
.lianxi-box {display: flex;}
.footer-logo {margin-right: 40px;}
.lianxi {font-size: 14px;}
.qrcode-box {margin-left: 60px;}
.links {margin-top: 40px;padding-top: 20px;padding-bottom: 20px;color: #A0C1F4;background-color: #073F89;font-size: 14px;}
.links a {margin-right: 20px;color: #A0C1F4!important;}

@media only screen and (min-width: 980px)  and (max-width: 1440px) {
	.index-product .left-pro a{height: 480px}
	.index-product .right-pro .item a{height: 230px}
}
@media only screen and (min-width: 320px) and (max-width: 640px)  {
	body {min-width: auto;}
	body:before {content: '';display: block;height: 70px;}
	.layui-container {width: auto!important;}
	#header {padding-top: 5px;padding-bottom: 5px;z-index: 3;height: 70px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	#header .layui-fluid {display: flex;}
	#header .logo {flex: 1;}
	#header .logo img {height: 60px;}
	#header .nav-bar {width: 50px;height:40px;display: flex;justify-content: flex-end;align-items: center;}
	#header .nav-box {position:fixed;top:0px;left:-140px;width: 140px;bottom:0;background-color: #1449A7;z-index: 99;margin-left: 0;margin-right: 0;}
	#header .nav-box >ul {display: block;}
	#header .nav-box >ul >li {display:block;width: 100%;}
	#header .nav-box >ul >li >a {color:#fff;border-bottom:1px solid #2C5AAD;font-size:16px;line-height:50px;}
	#header .nav-box >ul >li >a >i {display: none;}
	#btn-navbar .layui-icon {font-size: 24px;color: #041BBF;}
	
	.index-product {display: block;}
	.index-product .left-pro {margin-right: 0;width: auto;margin-bottom: 15px;padding-left: 15px;padding-right: 15px;}
	.index-product .left-pro a {height: 5rem;}
	.index-product .right-pro {padding-left: 15px;padding-right: 15px;}
	.index-product .right-pro .item a {height: 2.8rem;}
	.index-product .left-pro a >p {font-size: 18px;}
	.index-product .right-pro .item a >p {font-size: 18px;padding: 10px;}
	.title h4 {font-size: 24px;}
	.title p {font-size: 14px;}
	#index-product-block {padding-bottom: 30px;}
	#index-anli-block {margin-top: 0;}
	.scroll-anli {padding-left: 15px;padding-right: 15px;margin-top: 20px;}
	.scroll-anli a .img {height: 5.2rem;}
	.scroll-anli .mask h4 {font-size: 16px;font-weight: normal;}
	.scroll-anli .mask p {font-size: 12px;}
	.youshi-item {display: block;margin-top: 0;}
	.youshi-info {padding: 30px 15px;}
	.youshi-txt .main {font-size: 16px;font-weight: normal;}
	.youshi-txt p {font-size: 13px;}
	.youshi-txt {padding: 10px 0;}
	.youshi-img {width: 100%;}
	
	.about-block {height: auto;padding-top: 270px;padding-bottom: 50px;margin-top: 0;background-size: cover;}
	.about-box {width: 100%;padding: 15px;}
	.about-con p {font-size: 13px;line-height: 1.5;}
	.about-submenu ul li {margin: 0 10px;font-size: 14px;}
	.about-submenu {margin-top: 10px;}
	
	.flow-list ul {flex-wrap: wrap;justify-content: space-around;}
	.flow-list .flow-item img {width: 50px;}
	.flow-list ul li {width: 25%;}
	.flow-list ul li {background: url(../images/arrow-right.png) right 16px no-repeat;background-size: 10px auto;}
	.flow-list {margin-top: 15px;}
	.flow-item p {font-size: 15px;margin-top: 0px;margin-bottom: 20px;}
	.flow-title {font-size: 24px;}
	#index-flow-block {background-size: cover;height: auto;padding-top: 20px;padding-bottom: 20px;}
	.news-tt .news-img {height: 4.2rem;}
	.news-tt .news-info {padding: 10px 15px;}
	.news-tt .news-info h3 {font-size: 14px;font-weight: 500;}
	.news-tt .news-info p {font-size: 13px;}
	.news-tt .news-info .news-date {font-size: 12px;}
	.news-tt {margin-bottom: 10px;}
	.cjwt-list {padding: 15px;padding-bottom: 0;}
	.cjwt-list .item h3 {font-size: 14px;font-weight: 400;}
	.cjwt-list .item p {font-size: 13px;}
	.cjwt-list .item .news-date {font-size: 12px;}
	
	#footer {margin-top: 30px;padding-top: 15px;padding-bottom: 15px;}
}