@charset "utf-8";



/* 首页 */

.bt-zi{ text-align: center; padding-top: 40px;}
.bt-zi h2{font-size: 26px; color: #222; margin-bottom: 15px;font-weight: bold;}
.bt-zi p{ font-size: 14px; color: #444;}



.reason .bt-zi{ margin-bottom: 50px;}
.reason .col-sm-6{ padding: 0;cursor: pointer;}
.huiBg{ background: #f8f8f8;}
.lanBg{ background: #3faedf; color: #fff;}
.reason-tu{ width: 32%;}
.reason-zi{ width: 68%;}
.baizi{ color: #fff;}
.szd{ width: 40%; float: left; min-height: 200px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 72px; font-family: arial;}
.dail{ width: 50%; float: left;}
.dail h3{ font-size: 18px;font-weight: bold; margin-top: 50px; margin-bottom: 20px;}
.dail p{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;}
.qdsz{ width:100%; overflow: hidden; background: url(/images/bg2.jpg) no-repeat center top; height: 306px; margin-top: 60px;}
.qdsz-lr{ width: 48%; border: #fff 1px solid; padding: 50px 0; color: #fff; margin-top: 65px; text-align: center; font-size: 18px;}
.qdsz-lr p{ font-size: 45px; font-weight: bold;margin-bottom: 10px;}
.qdsz-lr img{ width: 10%;}




@media (max-width:1200px){
	
	.szd{ width: 30%; float: left; min-height: 120px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 42px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 30px; margin-bottom: 5px;}
	
}
@media (max-width:768px){
	
	.sp{ width: 74%; height: 300px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
	.dail p{ overflow: hidden; font-size: 12px; line-height: 20px; padding-bottom: 0; margin-bottom: 0;}
	.szd{ width: 30%; float: left; min-height: 150px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 52px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 30px; margin-bottom: 5px;}
	.bottom p{ display: block;}
	.ewm-tu{ display: none;}
	.bdBg{ display: none;}
	.xpnone{ display: none;}
	.footer{ padding-top: 20px;}
	.link-list li{ width: 23%; margin: 0 1% 40px;}
	.hyzi{ display: none;}
	
}
@media (max-width:414px){
	.top{ font-size: 11px;}
	.hyzi{ display: none;}
	.navbar{height: 68px;}
	.navbar-brand{ width: 70%;}
	.navbar-collapse{ position: absolute; z-index: 10000; padding-left: 0;}
	.navbar-toggle{ margin-top: 18px; }
	.navbar-brand{ padding: 18px 15px 0;}
	.swiper-container{ width: 100%; height: 200px;}
	.container>.navbar-collapse{ margin: 0;}
	
	.tabs{ width: 100%;}
	.tabs li a{margin: 0 5px; padding: 0 10px; line-height: 32px; height: 32px; font-size: 16px;}
	.sp{ width: 84%; height: 230px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
	.dail p{ height: 45px; overflow: hidden; font-size: 12px; line-height: 20px; padding-bottom: 0; margin-bottom: 0;}
	.szd{ width: 30%; float: left; min-height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 22px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
	.bottom p{ display: block;}
	.ewm-tu{ display: none;}
	.bdBg{ display: none;}
	.xpnone{ display: none;}
	.footer{ padding-top: 20px;}
	.link-list li{ width: 31.33%; margin: 0 1% 15px;}
	.qdsz-lr{ height: 215px; font-size: 16px; padding: 15px;}
	.qdsz-lr p{ font-size: 26px; padding-top: 20px;}
	.qdsz-lr p img{ display:none}
	
}
.left{float: left;}
.right{float: right;}
.col-sm-6 {
    width: 50%;float: left;
}
.reason img{width: 100%; height: auto;}
.clearfix{clear: both;}
.huiBg {
    background: #f8f8f8;
}
.reason .col-sm-6:hover{background: #104a9e;}
.reason .col-sm-6:hover .reason-zi .szd{color: #fff;}
.reason .col-sm-6:hover .reason-zi .dail h3{color: #fff;}
.reason .col-sm-6:hover .reason-zi .dail p{color: #fff;}