@charset "utf-8";
.inner-con {
	padding-bottom: 5.2%;
}
/*case.html*/
.case-list {
	font-size: 0;
}
.case-list ul {
	margin-left: -17px;
	margin-right: -17px;
}
.case-list ul li {
	display: inline-block;
	width: 33.3333%;
	padding-left: 17px;
	padding-right: 17px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 25px;
}
.case-img {
	padding: 5px;
	border: 1px solid #b6b6b6;
	overflow: hidden;
}
.case-img img {
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.case-txt {
	font-size: 16px;
	color: #666666;
	line-height: 1;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.case-list ul li:hover .case-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.case-list ul li:hover .case-txt {
	color: #1754a3
}
.inner-con.det-con {
	text-align: center;
}
.det-tit {
	font-size: 30px;
	color: #1754a3;
	line-height: 1;
}
.det-tit2 {
	font-size: 18px;
	color: #7d7d7d;
	line-height: 1;
	margin-top: 15px;
	margin-bottom: 15px;
}
.det-info span {
	font-size: 14px;
	color: #7d7d7d;
	margin: 0 15px;
	line-height: 1;
}
.det-con {
	margin-top: 40px;
	font-size: 14px;
	color: #797979;
	line-height: 24px;
	text-align: left;
}
.det-con img {
	margin-top: 25px;
	margin-bottom: 25px;
	max-width: 100%;
	text-align: left;
}
/*contact-us.html*/
.contact-tit {
	font-size: 24px;
	color: #1754a3;
	line-height: 1;
	margin-bottom: 35px;
}
.contact-info {
	font-size: 0
}
.contact-info span {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	color: #585858;
	font-size: 16px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contact-info span:nth-child(2n) {
	padding-left: 20px;
}
.contact-info span:nth-child(2n+1) {
	padding-right: 20px;
}
#dituContent {
	width: 100%;
	padding-bottom: 33.333333%;
	margin-top: 7.08333%;
	margin-bottom: 2.9167%;
}
.inner-con p {
	font-size: 16px;
	color: #585858;
	line-height: 30px;
}
/*resource.html*/
.resource-warp {
}
.resource-warp table {
	border-top: 1px solid #c0c0c0;
	padding-top: 4px;
	width: 100%;
	text-align: center;
	font-family: "宋体";
}
.resource-warp thead tr {
	background-color: #e4e4e4;
}
.resource-warp table th {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-family: "宋体";
	font-weight: normal;
	color: #424242;
}
.resource-warp table td {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #5b5b5b;
	border-bottom: 1px dotted #d6d8d9;
}
.resource-warp table td a {
	color: #5b5b5b;
	transition: all .2s ease;
}
.resource-warp table tr:hover td a {
	color: #1754a3;
}
.resource-warp tbody tr {
	background-color: #f9f9f9;
	transition: all .2s ease;
}
.resource-warp tbody tr:hover {
	background-color: #e7f2f7;
}
.resource-warp tbody tr:nth-child(2n) {
	background-color: #f2f6f8;
	transition: all .2s ease;
}
.resource-warp tbody tr a {
	display: block;
	width: 100%;
	height: 100%;
}
.career-tit span {
	font-size: 18px;
	color: #1754a3;
	font-family: "宋体";
	line-height: 30px;
	height: 30px;
	background: #e4e4e4;
	text-indent: 5px;
	display: block;
}
.career-tit::before {
	content: "";
	background: #c0c0c0;
	width: 100%;
	height: 1px;
	display: block;
	margin-bottom: 5px;
}
.career-con {
	font-size: 18px;
	color: #5f5f5f;
	line-height: 36px;
	font-family: "宋体";
	margin-top: 30px;
}
@media (max-width: 1440px) {
.case-list ul {
	margin-left: -15px;
	margin-right: -15px;
}
.case-list ul li {
	padding-left: 15px;
	padding-right: 15px;
}
}
 @media (max-width: 1200px) {
.case-list ul {
	margin-left: -12px;
	margin-right: -12px;
}
.case-list ul li {
	padding-left: 12px;
	padding-right: 12px;
}
.case-txt {
	margin-top: 20px;
	margin-bottom: 20px;
}
.case-list ul li {
	margin-bottom: 10px;
}
.det-tit {
	font-size: 24px;
}
.career-con {
	font-size: 16px;
	line-height: 24px;
	margin-top: 25px;
}
}
@media (max-width: 992px) {
.case-list ul {
	margin-left: -10px;
	margin-right: -10px;
}
.case-list ul li {
	padding-left: 10px;
	padding-right: 10px;
}
}
@media (max-width: 768px) {
.case-list ul li {
	width: 50%;
}
.case-list ul {
	margin-left: -8px;
	margin-right: -8px;
}
.case-list ul li {
	padding-left: 8px;
	padding-right: 8px;
}
.inner-menu a {
	width: 25%;
	font-size: 14px;
}
.case-txt {
	font-size: 14px;
}
.det-tit {
	font-size: 20px;
}
.det-tit2 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.det-con {
	margin-top: 30px;
}
.inner-con p {
	font-size: 14px;
	line-height: 22px;
}
.det-info span {
	margin: 0 10px;
}
.contact-tit {
	font-size: 16px;
	margin-bottom: 20px;
}
.career-tit span {
	font-size: 16px;
}
.career-con {
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
}
.contact-info span {
	font-size: 14px;
	line-height: 24px;
	width: 100%;
}
#dituContent {
	display: none;
}
.contact-info span:nth-child(2n) {
	padding-left: 0;
}
.contact-info span:nth-child(2n+1) {
	padding-right: 0;
}
}
@media (max-width:480px) {
.case-list ul {
	margin-left: -5px;
	margin-right: -5px;
}
.case-list ul li {
	padding-left: 5px;
	padding-right: 5px;
}
.case-txt {
	margin-top: 10px;
	margin-bottom: 10px;
}
}


@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95%;
        max-width: 1200px;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96%;
        max-width: 1000px;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px;
    }
    
    .nav li {
        margin: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}



/* === 优化的自适应响应式样式 === */
/* 全局响应式设置 */
@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95% !important;
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96% !important;
        max-width: 1000px !important;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px !important;
    }
    
    .nav li {
        margin: 0 10px !important;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}
/* === 优化的自适应响应式样式结束 === */



/* === 优化的自适应响应式样式 === */
/* 全局响应式设置 */
@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95% !important;
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96% !important;
        max-width: 1000px !important;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px !important;
    }
    
    .nav li {
        margin: 0 10px !important;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}
/* === 优化的自适应响应式样式结束 === */