/*全局*/
: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;min-width: 1460px;}
.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 {position: fixed;left: 0;right: 0;background-color: rgba(0,0,0,0.6);z-index: 2;}
.logo {padding-top: 40px;padding-bottom: 40px;}

.nav-box {width: 700px;}
.nav-box >ul>li {float: left;width: 20%;}
.nav-box >ul>li >a {display: block;text-align: center;color: #fff;line-height: 165px;font-size: 22px;}
.nav-box >ul >li >a:hover {color: #032F51;background-color: #fff;}

.banner-box .swiper-slide {height: 800px;}
.banner-box .swiper-slide a {display: block;height: 100%;}

.block-title {text-align: center;}
.block-title h2 {font-size: 20px;line-height: normal;}
.block-title p {font-size: 30px; text-transform: uppercase;}

.about-con {font-size: 16px;margin-bottom: 20px;width: 560px;}
.about-con h3 {font-size: 20px;}
.about-img {width: 600px;}

.index-wenhua-block {background-color: #345A81;padding-top: 40px; padding-bottom: 50px;color: #fff;}
.wenhua-list .item {text-align: center;}
.wenhua-list .item h3 {font-size: 30px;}
.wenhua-list .item p {font-size: 18px;}

.first-pro:after {content: '';display: block;clear: both;}
.first-pro, .pro-item {background-color: #F7F7F7;margin-bottom: 15px;box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.first-pro img {height: 100%;}
.justify {display: flex;justify-items: center;align-items: center;overflow: hidden;height: 300px;}
.first-pro h3 {padding-top: 50px;}
.first-pro p {font-size: 14px;}
.link-more {display: inline-block;background-color: #162238;color: #fff;padding: 0 15px; line-height: 36px;border-radius: 18px;font-size: 14px;}
.index-product .pro-item {height: 300px;}
.index-product .pro-item .img {display: flex;justify-content: center;align-items: center;height: 260px;overflow: hidden;}
.index-product .pro-item .img img {height: 100%;}
.index-product .pro-item p {text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.index-shebei-block {background-color: #353432;padding-top: 60px; padding-bottom: 60px;}
.shebei-box {width: 960px;}
.shebei-box img {height: 228px;width: 100%;}

.index-new-pro-block {background-color: #F7F7F7;padding-top: 40px; padding-bottom: 50px;}
.youshi-item {background-color: #08406F;color: #fff;padding: 60px 20px 30px;}
.youshi-item .block-line {border: 1px solid #fff;position: relative;text-align: center;padding: 60px 20px 40px;}
.youshi-item .block-line .img {position: absolute;left: 50%;margin-left: -45px;top: -30px;background-color: #08406F;padding-left: 20px; padding-right: 20px;}
.youshi-item .block-line h3 {font-size: 24px;margin-bottom: 20px;}
.new-pro a {display: block;background-color: #fff;box-shadow: 1px 5px 10px rgba(0,0,0,0.2);height: 324px;margin-bottom: 15px; overflow: hidden;text-align: center;position: relative;}
.new-pro a p {position: absolute;bottom: 10px; left: 0; right: 0; text-align: center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index-why-block {background: url(../images/liyou-bg.jpg) center no-repeat; background-size: 100% auto;height: 724px;padding-top: 100px;}
.why-title {text-align: center;}
.why-list li {float: left;width: 20%; text-align: center;}
.why-list {margin-top: 80px;color: #fff;font-size: 18px;}
.why-list li p {margin-top: 25px;}

.zizhi-box .left-item {width: 280px;}
.zizhi-box .right-item {width: 900px;}
.zizhi-box .right-item  img {max-width: 100%;}
.zizhi-box .left-item a {display: block;background-color: #08406F;color: #fff; text-align: center;padding-top: 25px; padding-bottom: 0px;margin-bottom: 10px;height: 146px;}
.zizhi-box .left-item a:hover {background-color: #508ABA;}
.zizhi-box .left-item li.active a {background-color: #508ABA;}
.zizhi-box .left-item a p {font-size: 18px;}
.zizhi-box .right-item li {display: none;}
.zizhi-box .right-item li.show {display: block;}




.footer {background-color: #353432;}
.footer-lianxi {color: #999;padding-left: 30px;line-height: 2.3;}
.footer-left {background-color: #fff;height: 360px; text-align: center;padding-top: 30px;}
.footer-name img {vertical-align: middle;height: 40px;}
.footer-name {color: #999;font-size: 24px;padding-left: 30px;}

.copyrights,.copyrights a {background:#222;color:#ccc;padding-top: 15px;padding-bottom: 15px;}

/* 内页样式 */
.nav-position-title {background-color: #1B5A9F;color: #fff;font-size: 36px;font-weight: bold;padding-top: 20px; padding-bottom: 20px;}
.nav-position {background-color: #F2F2F2;text-align: right;line-height: 40px;padding-right: 15px;}
/*.left-box {width: 244px;}
.right-box {width: 900px;}*/
.left-title {}
#main-box {margin-top: 40px;}
.left-menu {background-color: #525252;color: #fff;line-height: 40px;padding: 0 10px;margin-top: 1px;}
.left-menu a {color: #fff;}
.left-menu i {float: right;}
.left-submenu {display: none;}
.left-submenu li {border-bottom: 1px solid #ddd;}
.left-submenu a {display: block;line-height: 36px;padding: 0 5px;font-size: 14px;}
.left-submenu a i {font-size: 14px;}
.pagination-group {background: #fff;}


@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}