/*header*/
.header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	margin: auto;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-bottom: rgba(255, 255, 255, 0.25) solid 1px; background:#FFFFFF;
}

.header.on {
	top: -100%;
}

.header .alter,
.header.white,
.header.hover {
	background: #FFFFFF;
}
.header .alter,
.header.white {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.header .wrap{
	width: 100%;
	margin: auto;
}
.header .content {}

.header .box {
	text-align: center;
	font-size: 0;
}

.header .logo {
	float: left; padding-top:10px;
}
.header .tt { width:80%; margin:0 auto; clear:both;}
.header .logo .ic1,
.header .logo .ic2{
	float: left;
}
.header .logo .ic1{ 
	padding-right: 22px;
}
.header .alter .logo .ic2:before,
.header.white .logo .ic2:before,
.header.hover .logo .ic2:before{
	background: #696b6b !important;
}
.header .logo .ic2{
	position: relative;
	padding-left: 22px;
}
.header .logo .ic2:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 45px;
	background: #ffffff;
	opacity: 0.5;
}
.header .logo a {
	height: 40px;
	line-height: 40px;
}

.header .logo a img {}

.header .logo a img.logo2 {
	display: none;
}

.header .alter .logo a img.logo1,
.header.white .logo a img.logo1,
.header.hover .logo a img.logo1 {
	display: none;
}

.header .alter .logo a img.logo2,
.header.white .logo a img.logo2,
.header.hover .logo a img.logo2 {
	display: inline-block;
}
.header .head-right{ clear:both; width:100%; background:#2c3580;
}
.header .nav { clear:both; width:100%; height:50px;
	display: inline-block;
	background:#2c3580;
}
.header .nav>ul>li {
	position: relative;
	float: left;
	padding: 0px 50px;
}

.header .nav>ul>li>a {
	position: relative;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 50px;
}

.header .alter .nav>ul>li>a,
.header.white .nav>ul>li>a,
.header.hover .nav>ul>li>a {
	color: #ffffff;
}

.header .nav>ul>li:hover>a,
.header .nav>ul>li.on a {
	color: #ffffff;
}

.header .nav>ul>li>a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 1px;
	background: #ffffff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .nav>ul>li:hover>a::before,
.header .nav>ul>li.on>a::before {
	width: 100%;
}
.header .drop-down {
	position: absolute;
	top: 53px;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 156px;
	padding: 5px 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 0px 0px 4px 4px;
	display: none;
}
.header .alter .drop-down{
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.header .drop-down a {
	display: block;
	color: #777777;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.header .drop-down a:hover {
	color: #0250ba;
}

.header .drop-down a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
}

.header .drop-down a .ic2 {
	display: none;
}

.header .drop-down a:hover .ic1 {
	display: none;
}

.header .drop-down a:hover .ic2 {
	display: inline-block;
}

.header .drop-down a .t1 {
	font-size: 16px;
	color: #191E4C;
	line-height: 22px;
	text-align: left;
	padding: 0px 30px;
}

.header .drop-down a .t2 {
	margin-top: 12px;
	font-size: 14px;
	color: #687990;
	line-height: 20px;
	text-align: left;
	padding: 0px 30px;
	white-space: nowrap;
}
/*����*/
.header .search1 { float:right; margin-right:20px; padding-top:30px;}
.header .search1 ul { clear:both;}
.header .search1 li { float:left;}
.header .search1 li input { border:0px;} 
.header .scico { float:right; padding-right:0px; padding-top:30px;}
.searchdiv {
	float: right; display:none;
	text-align: center;
	padding-right: 30px;
}

.header .show-search-btn {
	/*display: block;*/
	height: 90px;
	line-height: 90px;
	transition-duration: .3s;
	text-align: center;
	font-size: 16px;
	color: #666666;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.show-search-btn img {
	margin-left: 10px;
}
.show-search-btn svg{
	max-width: 24px;
	max-height: 24px;
}
.show-search-btn .ic2 {
	display: none;
}

.header .content.alter .show-search-btn .ic2,
.header.white .show-search-btn .ic2,
.header.hover .show-search-btn .ic2{
	display: inline-block;
}

.header .content.alter .show-search-btn .ic1,
.header.white .show-search-btn .ic1,
.header.hover .show-search-btn .ic1 {
	display: none;
}

.search {
	position: fixed;
	z-index: 6;
	top: 89px;
	right: 0;
	height: auto;
	overflow: hidden;
	/*height: 100%;
  	max-height: 100vh;
  	overflow-y: scroll;
  	overflow-x: hidden;*/
	-webkit-overflow-scrolling: touch;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .5s;
	transition-delay: .5s;
}

.search.search-is-open {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.search.search-is-open .search__container {
	transform: translateY(0) translateZ(0);
}

.search__container {
	position: relative;
	z-index: 2;
	background-color: #fff;
	transform: translateY(-100%) translateZ(0);
	transition: transform .75s cubic-bezier(.77, 0, .175, 1);
}

.search__overlay {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	opacity: .2;
}

.search,
.search__overlay {
	left: 0;
}

.search-header {
	position: relative;
	padding-top: 90px;
	padding-bottom: 120px;
}

.row {
	position: relative;
}

.search-header .search-loader {
	position: absolute;
	top: 17px;
	left: 2.6vw;
}

.search-header .search-btn-close {
	position: absolute;
	top: 0;
	right: 0;
}

.search-header .search-input {
	font-size: 24px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
}

.search-header .search-input__wrapper:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #d9d9d9;
	width: 100%;
}

.search-item {
	position: relative;
	display: block;
	overflow: hidden;
	transition: background-color .2s, opacity .3s, color .3s;
	transform-origin: 0 0;
	color: #1d1d1d;
}

.search-item:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 8.333%;
	right: 8.333%;
	height: 1px;
	background-color: #d9d9d9;
}

.search-item .solr-highlight {
	background-color: rgba(101, 32, 142, .2);
}

.search-close {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 28px;
	height: 72px;
	background: url(../images/close.png) no-repeat center;
	background-size: 28px 28px;
	cursor: pointer;
	z-index: 6;
	transition-duration: .5s;
}

.search-close:hover {
	transform: rotate(90deg);
}

.search .submit0 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 28px;
	height: 75px;
	background: url(../images/searchf.png) no-repeat center;
	border: none;
	background-size: 28px 28px;
	box-sizing: border-box;
	display: block;
}

.search-header .search-input {
	display: block;
	text-indent: 80px;
	line-height: 75px;
	font-size: 24px;
	color: #333;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	border-bottom: 1px solid #d9d9d9;
}
/*�����л�*/
.head-nation{
	float: left;
	position: relative;
	margin-left: 30px;
	height: 40px;
	line-height: 40px;
	-o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.header.white .head-nation, .header.alter .head-nation{
	background: url(../images/lang.png) center left no-repeat;
}
.head-nation .current{
}
.head-nation .current .name {
    font-size: 16px;
   	color: #666666;
    line-height: 90px;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s;
    text-align: center;
}
.header.white .head-nation .current .name, .header.alter .head-nation .current .name{
	color: #666666;
}
.head-nation .current .name .ic2{
	display: none;
}
.header .content.alter .head-nation .current .name .ic2,
.header.white .head-nation .current .name .ic2,
.header.hover .head-nation .current .name .ic2{
	display: inline-block;
}

.header .content.alter .head-nation .current .name .ic1,
.header.white .head-nation .current .name .ic1,
.header.hover .head-nation .current .name .ic1{
	display: none;
}
/*.head-nation .current .name.on{
	background: url(../images/img1.png) right center no-repeat;
}*/
.head-nation ul{
	display: none;
	position: absolute;
	left: 0;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 80px;
	z-index: 10;
	background-color: #FFFFFF;
	padding: 10px 0px;
	text-align: left;
}
.head-nation ul li a{
	display: block;
	font-weight: bold; 
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
    min-width: 90px;
    text-align: center;
    padding: 0px 20px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nation ul li a:hover{
	color: #19aeae;
	background-color: #f9f9f9;
}
/**/
.menubtn {
	display: none;
	float: right;
	width: 60px;
	height: 60px;
	background: url(../images/menu-icon1.png) center right no-repeat;
	-moz-background-size: 28px 28px; 
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	cursor: pointer;
}

.header .menubtn,
.header .content.alter .menubtn,
.header.hover .menubtn {
	background: url(../images/menu-icon1a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

.menubtn.on {
	background: url(../images/menu-icon2.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

.header.white .menubtn.on,
.header .content.alter .menubtn.on,
.header.hover .menubtn.on {
	background: url(../images/menu-icon2a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

.m-nav {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	background: #fff;
	display: none;
	z-index: 99;
	overflow-y: scroll;
}

.m-nav .nav-list {
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.m-nav .nav-list>li{
	text-align: left;
	border-bottom: #e8e8e8 solid 1px;
	box-sizing: border-box;
}
.m-nav .nav-list .one-level{
	position: relative;
	padding-right: 40px;
}
.m-nav .nav-list .one-level i{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 50px;
	background: url(../images/img99.png) center no-repeat;
	background-size: 15px 18px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.m-nav .nav-list .one-level.on i{
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.m-nav .nav-list>li>a,
.m-nav .nav-list .one-level{
	font-family: "syn";
	font-size: 18px;
	color: #666666;
	display: block;
	height: 50px;
	line-height: 50px;
}

.m-nav .nav-list>li>a:hover,
.m-nav .nav-list .one-level.on,
.m-nav .nav-list .one-level:hover {
	color: #0250ba;
}
.m-nav .nav-list .lang{
	text-align: center;
	margin-top: 10%;
	border-bottom: none;
}
.m-nav .nav-list .lang .one-level{
	padding-right: 0;
}
.m-nav .nav-list .one-level a, .m-nav .nav-list .one-level span{
	display: inline-block;
    color: #666666;
}
.m-nav .nav-list .one-level span{
	margin: 0 30px;
}
.m-nav .nav-list .one-level:hover span{
	color: #666666;
}
.m-nav .nav-list li a .tit {
	color: #222222;
}

.m-nav .nav-list li a:hover .tit {
	color: #0250ba;
}

.m-nav .m-subnav {
	display: none;
	border-top: #e8e8e8 solid 1px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.m-nav ul li .m-subnav>a,
.m-nav ul li .m-subnav .two-level {
	display: block;
	font-family: "syn";
	font-size: 16px;
	color: #999999;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
}

.m-nav ul li .m-subnav a .ic2 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic1 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic2 {
	display: inline-block;
}

.m-nav ul li .m-subnav a:hover {
	color: #19aeae;
}

.m-nav .subnav_2 {
	padding-left: 30px;
	display: none;
}

.m-nav .subnav_2 .subnav_2li>a,
.m-nav .three {
	display: block;
	font-size: 16px;
	color: #666666;
	height: 40px;
	line-height: 40px;
}

.m-nav .subnav_3 a {
	display: block;
	font-size: 15px;
	line-height: 2;
	color: #999999;
}

.m-nav .subnav_3 {
	display: none;
	padding: 0px 15px; 
}




.i-tjcp { clear:both; width:100%; background:#2c3580; padding-top:50px; padding-bottom:50px; overflow:hidden;}
.i-tjcp .tit { clear:both; text-align:center; width:100%; color:#FFFFFF; font-size:40px;}
.i-tjcp .tit2 { clear:both; text-align:center; width:100%; padding-top:20px; font-size:18px; color:#FFFFFF;}
.i-tjcp .nav {  clear:both; width:95%; margin:0 auto; max-width:1600px;  }
.i-tjcp .nav ul { float:left;width: calc((100% - 130px) /3); border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:20px;  margin-right:20px; padding-bottom:20px; height:370px;}
.i-tjcp .nav li img { width:100%;}
.i-tjcp .nav li { clear:both; text-align:left; width:100%; padding-bottom:10px;}
.i-tjcp .nav li strong  a{ font-size:18px; font-weight:bold; }
.i-tjcp .nav li a { padding-right:10px;}
.i-newsbox { clear:both; width:100%; padding-top:20px; padding-bottom:20px; background: url(../images/bj8.jpg) center  no-repeat; margin-top:30px;}
.i-tit2 { clear:both;  width:95%; margin:0 auto; max-width:1500px; font-size:30px; color:#2c3580; text-align:left; padding-top:30px;}
.i-tit2 a{ color:#2c3580;}
.i-tit2 a:hover { text-decoration:underline;}
.i-tit2 span { float:right;}
.i-tit2 font { background:#2c3580; padding:5px 10px; color:#FFFFFF; font-size:14px; margin-right:50px;}
.i-news { clear:both;  width:95%; margin:0 auto; max-width:1550px; font-size:38px; color:#2359a1; text-align:left; padding-top:30px; overflow:hidden;}
.i-news ul { float:left; width:21.8%; border:1px solid #e1e1e1; margin:0 1.5%; background:#FFFFFF; overflow:hidden;}
.i-news li { clear:both;}
.i-news li strong { font-weight:bold; font-size:16px; }
.i-news li span { text-align:left; line-height:20px; }
.i-news li a { color:#999999; padding-top:10px;}
.i-news li a:hover {text-decoration:underline; color:#0099FF;  text-decoration:none;}
.i-news li img { width:100%;}
.i-pz { clear:both; width:100%; overflow:hidden; background:url(../images/pz-pj.jpg) top center no-repeat; padding-top:0px; padding-bottom:50px; margin-top:40px;}
.i-pz ul {clear:both;  width:95%; margin:0 auto; max-width:1500px; font-size:38px; color:#2359a1; text-align:left; padding-top:40px; overflow:hidden;}
.i-pz li { float:left; }
.i-pz li img { width:100%;}

.i-about { clear:both; width:100%; overflow:hidden; background:url(../images/i-about.jpg) top center no-repeat; padding-top:0px; padding-bottom:50px; margin-top:40px;}
.i-about ul {clear:both;  width:95%; margin:0 auto; max-width:1500px; padding-top:40px; }
.i-about li { float:left; width:50%; font-size:16px; line-height:32px; padding-top:30px;}
.i-about li img { width:85%;}
.lefta { float:left; width:15%;}
.righta { float:right; width:80%; overflow:hidden;}
.tcm-jg {clear:both; width:100%; height:135px;}

 .tree-menu {
            font-family: Arial, sans-serif;
            max-width: 500px;
        }
        .menu-header {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            cursor: pointer;
            border-bottom: 1px solid #eee;
            user-select: none;
        }
        .menu-header:hover {
            background: #f0f0f0;
        }
        .menu-toggle {
            margin-right: 8px;
            transition: transform 0.3s;
            font-size: 12px;
        }
        .menu-toggle.expanded {
            transform: rotate(90deg);
        }
        .sub-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            margin-left: 20px;
        }
        .sub-menu.expanded {
            max-height: 1000px;
        }
        .menu-item {
            margin: 5px 0;
        }
        .level-3 {
            padding: 8px 15px;
            color: #666;
            cursor: pointer;
        }
        .level-3:hover {
            background: #eaeaea;
        }
.product-nav { float:left;width: 65%;  padding-top:0px; overflow:hidden}
.cpsmxx { clear:both; text-align:left; padding-top:30px; width:1400px; margin:0 auto;}
.cpsmxx img { width: 800px; height:auto;}
@media (max-width:993px) {
	.product-nav { float:left; width:100%; padding-top:30px; overflow:hidden}
}
.product-showcase { background:#f4f4f4;
	width: 100%;
            margin: 2px auto;
        }

        /* ��ͼ���� */
        .main-display {
            position: relative;
            height: 730px;
            margin-bottom: 15px;
            border: 1px solid #eee;
            overflow: hidden;
        }
		.main-display img { width: 100%;}
        /* ��ͼͨ����ʽ */
        .main-item {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.3s ease;
            object-fit: contain;
        }

        /* ����״̬ */
        .main-item.active {
            opacity: 1;
            z-index: 1;
        }

        /* ����ͼ���� */
        .thumbnail-list {
            display: flex;
            gap: 10px;
            padding: 0 15px;
        }

        /* ����ͼ��ʽ */
        .thumbnail-item {
            width: 100px;
            height: 100px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: border-color 0.2s ease;
        }

        .thumbnail-item.active,
        .thumbnail-item:hover {
            border-color: #ff5500;
        }

        /* ��Ƶ���� */
        .video-container {
            background: #000;
        }

        /* ��ƵԪ����ʽ */
        .main-video {
            width: 100%;
            height: 100%;
        }

.dqwz { clear:bothl; width:100%; margin:10px auto; max-width:1400px; line-height:35px;}
.main { clear:both; width:100%; overflow:hidden; background:#f5f6f7;}





@media only screen and (min-width: 1025px){

}
@media only screen and (max-width: 1680px){

}
@media only screen and (max-width: 1536px){
	.header .nav>ul>li{
		padding: 0px 28px;
	}
}
@media only screen and (max-width: 1440px){
	.header .wrap{
		width: 100%;
	}
	.header .nav>ul>li{
		padding: 0px 25px;
	}
	.searchdiv{
		padding-right: 25px;
	}
	.head-nation{
		margin-left: 25px;
	}

}
@media only screen and (max-width: 1366px){
	.i-product .text .t2{
		font-size: 17px;
	}
}
@media only screen and (max-width: 1280px){
	.header .nav>ul>li{
		padding: 0px 20px;
	}
	.i-banner .box .t1{
		font-size: 32px;
	}
	.i-banner .box .t2{
		font-size: 16px;
	}
	.i-banner .box .t3{
		font-size: 18px;
	}
	.i-banner .box .btn span{
		font-size: 14px;
	}
	.i-product .text .t2{
		font-size: 16px;
	}
}
@media only screen and (max-width: 1199px){
	.header .nav{
		margin-right: 10px;
	}
	.header .nav>ul>li{
		padding: 0px 12px;
	}
	.searchdiv{
		padding-right: 10px;
	}
	.head-nation{
		margin-left: 10px;
	}
}
@media only screen and (max-width: 1024px){
	.header .wrap{
		width: 100%;
	}
	.conwidth{
		width: 100%;
	}
	.header .nav, .head-nation{
		display: none;
	}
	.header .logo{
		/*max-width: 50%;*/
	}
	.header .logo a{
		height: 60px;
		line-height: 60px;
	}
	.header .logo img{
		max-height: 60px;
	}
	.header .logo .ic2:before{
		height: 55px;
	}
	.header .show-search-btn{
		height: 60px;
		line-height: 60px;
	}
	.search{
		top: 60px;
	}
	.searchdiv{
		padding-right: 0;
	}
	.search-header{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.search-header .search-input{
		text-indent: 50px;
		line-height: 60px;
		font-size: 18px;
	}
	.search .submit0{
		height: 60px;
		background: url(../images/searchf.png) no-repeat center;
	    background-size: 24px 24px;
	}
	.search-close{
		height: 60px;
		background: url(../images/close.png) no-repeat center;
    	background-size: 24px 24px;
	}
	.head-nation .current .name{
		line-height: 60px;
	}
	.head-nation ul{
		top: 60px;
	}
	.menubtn{
		display: block;
	}
.header .tt { width:100%; margin:0 auto; clear:both;}
.header .search1  , .header .scico { display:none;}

}

}
@media only screen and (max-width: 991px){
.searchdiv { display:block;}
.header .wrap{
		width: 100%;
	}
 .header .search1  , .header .scico { display:none;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-tjcp .nav { clear:both; width:98%; margin:0 auto;}
.i-tjcp .nav ul { width:48%;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%;}
.righta {clear:both; width:100%;}
}
@media only screen and (max-width: 768px){
.searchdiv { display:block;}
.header .wrap{
		width: 100%;
	}
 .header .search1  ,header .scico { display:none;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
 .i-tjcp .nav { clear:both; width:98%; margin:0 auto;}
.i-tjcp .nav ul { width:45%;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%;}
.righta {clear:both; width:100%;}
.searchdiv { display:block;}
 .header .search1  ,header .scico { display:none;}

 .logo { width:80%;}
 .logo img { width:100%;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%;}
.righta {clear:both; width:100%;}
.i-tjcp ul { width:100%; }
.wapimg img{ width:100%;} 
.img img { width:100%}
.tcm-jg {clear:both; width:100%; height:75px;}
.i-tjcp .nav ul { float:left; width:48%; border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:1%;  margin-right:1%; padding-bottom:20px; height:200px;}
.i-tit2 span { display:none;}
.cpsmxx img { width: 300px; height:auto;}
}
@media only screen and (max-width: 767px){
	.searchdiv { display:block;}
	.header .wrap{
		width: 100%;
	}
	 .header .search1  , .header .scico { display:none;}
	 .header .tt { width:100%; margin:0 auto; clear:both;}
	 .i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
	 .i-about li { clear:both; width:100%;}
	 .lefta { clear:both; width:100%;}
.righta {clear:both; width:100%;}
.searchdiv { display:block;}
 .header .search1  ,header .scico { display:none;}

 .logo { width:80%;}
 .logo img { width:100%;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%;}
.righta {clear:both; width:100%;}
.i-tjcp ul { width:100%; }
.wapimg img{ width:100%;} 
.img img { width:100%}
.tcm-jg {clear:both; width:100%; height:75px;}
.i-tjcp .nav ul { float:left; width:48%; border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:1%;  margin-right:1%; padding-bottom:20px; height:200px;}
.i-tit2 span { display:none;}
	.cpsmxx img { width: 400px; height:auto;}
}
@media only screen and (max-width: 540px){
.searchdiv { display:block;}
 .header .search1  , .header .scico { display:none;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
	.header .logo{
		/*max-width: 40%;*/
	}
	.header .logo .ic1{
		padding-right: 15px;
	}
	.header .logo .ic2{
		padding-left: 15px;
	}
	.conwidth{
		width: 90%;
	}
	.head-nation{
		margin-left: 10px;
	}
	.menubtn{
		width: 50px;
	}
	.search-header{
		padding-bottom: 50px;
	}
	.search-header .search-input{
		text-indent: 40px;
		line-height: 50px;
		font-size: 16px;
	}
	.search .submit0{
		height: 50px;
		background: url(../images/searchf.png) no-repeat center;
	    background-size: 20px 20px;
	}
	.search-close{
		height: 50px;
		background: url(../images/close.png) no-repeat center;
    	background-size: 20px 20px;
	}
	.m-nav .nav-list .one-level i{
		background: url(../images/img99.png) center no-repeat;
		background-size: 12px 14px;
	}
	.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
	.i-about li { clear:both; width:100%;}
	.lefta { clear:both; width:100%; display: none;}
.righta {clear:both; width:100%;}
.searchdiv { display:block;}
 .header .search1  ,header .scico { display:none;}

 .logo { width:80%;}
 .logo img { width:100%;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.righta {clear:both; width:100%;}
.i-tjcp ul { width:100%; }
.wapimg img{ width:100%;} 
.img img { width:100%}
.tcm-jg {clear:both; width:100%; height:75px;}
.i-tjcp .nav ul { float:left; width:48%; border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:1%;  margin-right:1%; padding-bottom:20px; height:200px;}
.i-tit2 span { display:none;}
.introBox { padding-top:10px;}
.introBox .textBox { padding-top:5px;}
.main-display { height:460px;}
.product-showcase{ min-height:460px;}
	.thumbnail-item {
		width: 60px;
		height: 60px;
		cursor: pointer;
		border: 2px solid transparent;
		transition: border-color 0.2s ease;
	}
	.cpsmxx img { width: 400px; height:auto;}
}
@media only screen and (max-width: 480px){
.searchdiv { display:block;}
 .header .search1  , .header .scico { display:none;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
	.lunbotu a{
		padding: 36% 0;
	}
	.obanner{
		padding: 36% 0;
	}
	.i-banner .box .t1{
		font-size: 20px;
	}
	.i-banner .box .btn{
		margin-top: 15px;
	}
	.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
	.i-about li { clear:both; width:100%;}
	.searchdiv { display:block;}
 .header .search1  ,header .scico { display:none;}

 .logo { width:80%;}
 .logo img { width:100%;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%;display:none;}
.righta {clear:both; width:100%;}
.i-tjcp ul { width:100%; }
.wapimg img{ width:100%;} 
.img img { width:100%}
.tcm-jg {clear:both; width:100%; height:75px;}
.i-tjcp .nav ul { float:left; width:48%; border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:1%;  margin-right:1%; padding-bottom:20px; height:200px;}
.i-tit2 span { display:none;}
.introBox { padding-top:10px;}
.introBox .textBox { padding-top:5px;}
	.cpsmxx img { width: 400px; height:auto;}
}
@media only screen and (max-width: 414px){
.searchdiv { display:block;}
 .header .search1  ,header .scico { display:none;}

 .logo { width:80%;}
 .logo img { width:100%;}
 .header .tt { width:100%; margin:0 auto; clear:both;}
.i-news ul { float:left; width:47.8%; border:1px solid #e1e1e1; margin:0 1%;}
.i-about li { clear:both; width:100%;}
.lefta { clear:both; width:100%; display:none;}
.righta {clear:both; width:100%;}
.i-tjcp ul { width:100%; }
.wapimg img{ width:100%;} 
.img img { width:100%}
.tcm-jg {clear:both; width:100%; height:75px;}
.i-tjcp .nav ul { float:left; width:48%; border:1px solid #dadada; background:#FFFFFF; overflow:hidden;  margin-top:40px; margin-left:1%;  margin-right:1%; padding-bottom:20px; height:200px;}
.i-about {  margin-top:10px;}
.i-tit2 { padding-top:5px;}
.i-tit2 span { display:none;}

.introBox {
	padding:0px; 
	background-position: center center;
	background-size: cover;overflow:hidden;
}
.introBox .textBox {padding-top:10px; margin-top:0px;  width:100%;}
.introBox .textBox .h1 { line-height:25px; padding-bottom:10px;}
.introBox .text {
	font-size: 16px;
	color: #666666;
	line-height: 34px; padding:0px; margin:0px;
}

}



.banner{ /*height:680px;*/ position:relative;}

.banner .swiper-container{ /*height:680px;*/}
.banner .swiper-container img{width:100%;height:auto;}

.banner .swiper-pagination{ position:absolute; top:50%; transform:translateY(-50%); z-index:0;}
.banner .swiper-pagination1{ position:absolute; bottom:20px; z-index:6; text-align:center; width:100%;}
.banner .swiper-pagination1 span{ display:inline-block; width:12px; height:12px; margin:0 5px;background:#fff;opacity:1;}
.banner .swiper-pagination1 span.swiper-pagination-bullet-active{ background:#f51616;}
.banner .swiper-pagination span{ display:block; font-size:16px; height:auto; width:auto; background:none; color:#fff; opacity:1; margin-bottom:25px;}
.banner .swiper-pagination span::after{ content:""; display:block; height:0px; border-left:2px solid #fff; position:relative; left:8px; margin-top:10px; transition:all 0.5s;}
.banner .swiper-pagination span.swiperh::after{ height:40px;}

.banner .ban_wz{ position:absolute;}

.banner_dian{ position:absolute; bottom:67px; z-index:6;}
.banner_mouse{ position: relative;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse.png) no-repeat -23px 0px;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse.png) no-repeat 0px 0px;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 1px;height: 9px;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.banner_jt{ text-align:center; margin-top:10px;}
@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	
@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
	
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

.banner .ban_wz{ top:160px;transform:translateX(100px); opacity:0; transition:all 2s;}
.banner .ban_wz1 .ban1_2{ margin-top:25px; font-size:32px; line-height:32px;  color:#fff; opacity:0.7;}
.banner .ban_wz1 .ban1_3{ width:120px; height:40px; line-height:40px; margin-top:60px; border:1px solid #fff; border-radius:20px; text-align:center; font-size:16px; position:relative; transition:all 0.5s;}
.banner .ban_wz1 .ban1_3 a{ display:block; color:#fff;}
.banner .ban_wz1 .ban1_3::after{ content:""; position:absolute; width:94px; height:10px; background:url(../images/ban1_2.png) no-repeat center; top:15px; left:122px;}
.banner .ban_wz1 .ban1_3:hover{ background:#014984; border:1px solid #014984;}


.banner .ban_wz2 .ban2_1{ font-size:60px; line-height:60px; color:#014984; font-weight:bold;}
.banner .ban_wz2 .ban2_1 span{ width:60px; border-bottom:3px solid #ee1109; display:inline-block; margin-left:24px; position:relative; top:-15px;}
.banner .ban_wz2 .ban2_1 span::after{ content:""; width:3px; height:3px; border-radius:50%; background:#ee1109; display:block; position:absolute; right:-10px;}
.banner .ban_wz2 .ban2_2{ font-size:32px; line-height:32px; color:#5a5f61; margin:20px 0px 35px;}
.banner .ban_wz2 .ban2_3{ width:120px; height:40px; line-height:40px; border:1px solid #979797; border-radius:20px; text-align:center; font-size:16px; position:relative; transition:all 0.5s;}

.banner .ban_wz2 .ban2_3 a{ display:block; color:#979797;}
.banner .ban_wz2 .ban2_3::after{ content:""; position:absolute; width:94px; height:10px; background:url(../images/ban2_2.png) no-repeat center; top:15px; left:122px;}
.banner .ban_wz2 .ban2_3:hover{ background:#014984; border:1px solid #014984;}
.banner .ban_wz2 .ban2_3:hover a{ color:#fff;}

.banner .ban_wz3{ position:relative;}
.banner .ban_wz3 .ban3_1{ text-align:center;}
.banner .ban_3{ background-position:center right !important;}

.banner .ban_wz.ban_wzh{ opacity:1; transform:translateX(0px);}



.ban{ display:none;}
@media (max-width:1600px) {
	.banner .swiper-pagination{right:3.125%;}
	.banner .ban_wz1{left:3.125%;}
	.banner .banner_dian{right:3.125%;}
	.banner .ban_wz2{right:7%;}
	}
@media (max-width:1200px) {
	.banner .banner_dian{ bottom:20px;}
	.banner .swiper-pagination span.swiperh::after{ height:20px;}
	}
@media (max-width:768px) {
	.ban{ display:block;margin-top:60px;}
	.ban img{width:100%;height:auto;}
	.banner{ display:none;}
	}
	
.vh50{height:50px;overflow:hidden;}
.vh60{height:60px;overflow:hidden;}
.vh70{height:70px;overflow:hidden;}
.vh80{height:80px;overflow:hidden;}
.vh90{height:90px;overflow:hidden;}
.vh100{height:100px;overflow:hidden;}









 @media (max-width:1366px){
}

@media (max-width: 768px) {

}



.copy{text-align:center;color:#fff;font-size:14px; padding:30px 0 30px 0;line-height:170%;opacity: 0.4;}
.copy a{color:#fff;}
.copy a:hover{color:#fff;}

@media (max-width: 768px) {
.copy{width:auto;line-height:140%;padding:12px 20px 40px 20px;font-size:13px;margin-bottom:40px;margin-top:0; clear:both;}
}


.wh1670{width: 100%;margin-right: auto;margin-left: auto;}
.wh1550{width: 100%;margin-right: auto;margin-left: auto;}
.wh1400{width: 100%;margin-right: auto;margin-left: auto;}
@media (min-width: 1400px) {
.container {max-width: 1400px;}
.container_nav{max-width: 1550px;}
.wh1670{max-width: 1670px;}
.wh1550{max-width: 1550px;}
.wh1400{max-width: 1400px;}
}
.vid-box { width:100%; background:url(../images/i-video.jpg) no-repeat; padding-top:40px; padding-bottom:50px;}

/* 视频容器整体样式 */
.video-container {
	width: 100%;
	max-width: 1550px; /* 限制最大宽度，避免大屏拉伸 */
	margin: 0 auto;
	display: grid;
	/* 核心：响应式网格布局 */
	/* 电脑端：一行6列，列间距20px */
	grid-template-columns: repeat(6, 1fr);
	gap: 20px; background: none;
}

/* 单个视频卡片样式 */
.video-card {

	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

/* 鼠标悬浮效果 */
.video-card:hover {
	transform: translateY(-5px);
}

/* 视频元素样式：自适应容器 */
.video-card video {
	width: 100%;
	height: 240px; /* 固定视频高度，保证统一 */
	object-fit: cover; /* 保持视频比例，裁剪多余部分 */

}

/* 视频标题样式 */
.video-title {
	padding: 10px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 标题过长显示省略号 */
}

/* 响应式断点：手机端（屏幕宽度≤768px） */
@media (max-width: 768px) {
	.video-container {
		/* 手机端：一行2列，列间距15px */
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.video-card video {
		height: 150px; /* 移动端适当减小视频高度 */
	}
}

/* 中等屏幕适配（平板）：一行3列，可选 */
@media (min-width: 769px) and (max-width: 1024px) {
	.video-container {
		grid-template-columns: repeat(3, 1fr);
	}
}