@charset "utf-8";

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width:1299.98px){

	body{font-family:'SourceHanSerifCN-Regular';}
	a{text-decoration:none;}
	.mob_none{display:none !important;}

	.wh000{width:100%;}
	.wh14max{max-width:1300px;width:88vw;margin:auto;font-size:0;min-width: 360px;}



    header{width:100%;padding:0;}


	.wrap {padding:0 3%}
	.phonemenu { display:block;}
	.fixtop .toper ul.navpc { display:none;}
	.accordionmenu li { position:relative;}
	.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#fff;font-size:16px}
	.accordionmenu li .link a {color:#fff;font-size:18px;}
	.accordionmenu li.open .link { background:#0056a9;}
	.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
	.accordionmenu .submenu p {background:#fff;border-top:1px solid #0056a9;height:40px; line-height:40px;}
	.accordionmenu .submenu p a { display:block;color:#0056a9;font-size:14px;height:40px; line-height:40px;}
	.accordionmenu .submenu p a:hover {color:#0056a9}
	.fixtop .toper .btn .info,.fixtop .toper .btn .zoom { display:none;}
	.fixtop .toper .btn a { margin:0 0 0 15px}


.phonemenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.nav__trigger {display: block;position:absolute;width: 30px;height: 25px;right:5%;margin-left:0;top:2px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display:inline-block;position: relative;width:30px;height:2px;background-color:#0056a9;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-6px}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #0056a9;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}

.phonemenu .nav { position:fixed; z-index:99996;top:-100%;width: 100%;height: 100%;left:0; background:rgba(0,0,0,0.9);right:-100%}
.phonemenu .nav--active .nav {top:0}
.phonemenu .nav ul {margin:80px 0 0 0}
.phonemenu .nav li {margin:10px 0; text-align:center}
.phonemenu .nav li a {color:#eee; font-size:18px;}
.phonemenu .nav li a:hover {color:#fff; background:none;}
.phonemenu .nav li a h1 {font-size:15px;font-weight:Bold;}
.phonemenu .nav li a h2 {font-size:12px; text-transform:uppercase;margin-top:-5px}

.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}


.wrap {margin:0 auto;max-width:1200px; position:relative}

.fixtop {height:65px; line-height:65px; position:fixed; z-index:99;left:0;top:0;width:100%; background:#fff}
.fixtop .toper .logo {float:left;}
.fixtop .toper .logo a { background:url(../images/logo.png) no-repeat center;width:76vw;  display:block;margin-top:2.6vw; background-size:cover;height: 11.2vw;}
.fixtop .toper ul.navpc {float:right;}
.fixtop .toper ul.navpc li {display:inline-block;margin:0 10px;position:relative;}
.fixtop .toper ul.navpc li a {display:block;padding:0 16px;color:#3e3a39;font-weight:400;font-size:16px;border-bottom:2px solid transparent; height:63px;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#f8b73d;border-color:#23b8bc}
.fixtop .toper ul.navpc li.check a{color:#f8b73d;}
.fixtop .toper ul.navpc li dl { display:none; position:absolute;width:100%; left:0;top:75px;background:#fff;padding:10px 0;opacity:0}
.fixtop .toper ul.navpc li dl dd {margin:10px 0}
.fixtop .toper ul.navpc li.check dl dd a,.fixtop .toper ul.navpc li dl dd a{padding:0; background:none; text-align:center; line-height:25px; height:25px;border:0;font-weight:300;color:#666;}
.fixtop .toper ul.navpc li dl dd a:hover {color:#23b8bc;background:none;}
.fixtop .toper ul.navpc li.mpro dl { position:fixed;border-top:1px solid #b5b6b6; text-align:center;padding:35px 0 65px 0}
.fixtop .toper ul.navpc li.mpro dl dd {margin:0 20px; display:inline-block; vertical-align:top;}
.fixtop .toper ul.navpc li.mpro dl dd img { position:relative;top:25px; height:90px;}
.fixtop .toper ul.navpc li.mpro dl dd:hover img {top:20px}
.fixtop .toper ul.navpc li.mpro.check dl dd a,.fixtop .toper ul.navpc li.mpro dl dd a{ height:auto}
.fixtop .toper .btn {float:right; text-align:right; position:relative}
.fixtop .toper .btn a { display:inline-block; vertical-align:middle;font-size:14px;margin:0 0 0 30px}
.fixtop .toper .btn .shop { background:#f8b73d;color:#3e3a39;border-radius:3px; height:30px; line-height:30px;padding:0 15px;font-weight:400; letter-spacing:2px}
.fixtop .toper .btn .shop:hover { background:#23b8bc;color:#fff}
.fixtop .toper .btn .zoom { background:url(../images/zoom.png) no-repeat center;width:17px; height:17px;}
.fixtop .toper .btn .info { background:url(../images/1.png) no-repeat center;width:19px; height:20px;}
.fixtop .toper .btn .en {font-weight:400;color:#3e3a39;}
.fixtop .toper .btn form { position:absolute;top:47px;width:208px;right:0;opacity:0}
.fixtop .toper .btn form #k { height:30px; line-height:30px;padding:0 15px;width:138px;font-size:14px}
.fixtop .toper .btn form #button { cursor:pointer;border:0; background:#f8b73d;color:#3e3a39; height:30px; line-height:30px;width:40px;text-align:center;font-size:13px}
.fixtop .toper .btn form #button:Hover { background:#23b8bc;color:#fff;}
.fixtop .toper .btn form.active {opacity:1;top:57px;}
.tblank { height:65px}

.fixtop1 { background:none;}
.fixtop1.active,.fixtop1:hover { background:#fff}
.fixtop1 .toper .logo a { background:url(../images/logo.png) no-repeat center; background-size:cover;}
.fixtop1.active .toper .logo a,.fixtop1:hover .toper .logo a { background:url(../images/logo.png) no-repeat center;background-size:cover;}
.fixtop1 .toper ul.navpc li a {color:#fff}
.fixtop.active .toper ul.navpc li a,.fixtop:hover .toper ul.navpc li a {color:#3e3a39;}
.fixtop1 .toper ul.navpc li.check a {color:#fff}
.fixtop1.active .toper ul.navpc li.check a,.fixtop1:hover .toper ul.navpc li.check a {color:#f8b73d}
.fixtop1 .toper .btn .en {color:#fff;}
.fixtop1.active .toper .btn .en,.fixtop1:hover .toper .btn .en {color:#3e3a39}
.fixtop1.active .toper .btn .en:hover,.fixtop1:hover .toper .btn .en:hover {color:#23b8bc}
.fixtop1 .toper .btn .zoom { background:url(../images/zoom_1.png) no-repeat center;}
.fixtop1.active .toper .btn .zoom,.fixtop1:hover .toper .btn .zoom { background:url(../images/zoom.png) no-repeat center}
.fixtop1 .toper .btn .info { background:url(../images/1_1.png) no-repeat center;}
.fixtop1.active .toper .btn .info,.fixtop1:hover .toper .btn .info  { background:url(../images/1.png) no-repeat center;}























.hc-nav-trigger{top:11.5vw !important;}
	.hc-nav-trigger span{background:#1b4fb4;}
	.hc-nav-trigger span:before,.hc-nav-trigger span:after{background:#1b4fb4;}
	
	.webtop{background:#3d3a35;width:100%;display:flex;justify-content:center;align-items: center;padding:5px 0;}
  .webtop1{font-size:2.6vw;color:#cccccc;line-height:1.6;text-align: left;width: 60vw;}
  .webtop2{width:38vw;display:flex;justify-content:right;}
    .webtop21{font-size:3vw;color:#cccccc;line-height:1.6;display:flex;align-items: center;margin-left:3vw;}
	.webtop21 img{margin-right:1vw;height:3vw;}


    .nav1{text-align: left;margin-left: 3vw;display: flex;align-items: center;padding:3vw 0;}
	.nav1_logo{width:18vw;}
.nav1_logo img{width:100%;margin: auto;}
	.nav1_name{width:63vw;margin-left: 2vw;}
	.nav1_name h1{font-size:4.6vw;line-height:1.6;}
	.nav1_name p{font-size:3.2vw;line-height:1;}

    .nav2{display:none;}
        .nav21{display:flex;padding:0 2%;}
        .nav21 a{color:white;font-size:18px;}
    .nav3{display:none;}
    .nav3 img{height:40px;margin-right:10px;}


	.bm{width:100%;position:relative;margin-top: 16vw;}
	.bm_title{width:100%;text-align:center;position:absolute;bottom:8vw;font-size:5vw;font-weight:700;line-height:1.2;color:white;letter-spacing: .6vw;}
	.bm_title span{font-family:'Fjalla One', sans-serif;letter-spacing:0;font-size:4vw;font-weight:400;}
	.bm img{border:0;display:block;}

	.sbanner{width:100%;margin-top: 16vw;}
		.sbanner img{width:100%;}

	.header_navs{width:100vw;text-align:center;font-size:0;margin: 0;background: #845d3a;}
		.header_navs > nav{margin:auto;width:94%;}
		.header_navs > nav > ul{width:100%;text-align:center;margin:auto;padding: 3vw 0;}
		.header_navs > nav > ul > li{width: 30%;display: inline-block;vertical-align: top;border-bottom: 1px solid #8a6b55;}
		.header_navs > nav > ul > li > a{font-size:4vw;color:#fff;font-weight:400;line-height:2.5;position:relative;padding:0;transition:all 300ms;text-align: center;letter-spacing: 0.1vw;margin: auto;}
		.header_navs > nav > ul > li > a .header_navs_line{display:block;position:absolute;bottom:-10px;height:3px;width:100%;border-radius:5px;transition:bottom 300ms,background 300ms;background:rgba(255, 255, 255, 0);}
		.header_navs > nav > ul > li > div{position:absolute;top:0;display:none;}
		.header_navs > nav > ul > li:hover div{position:absolute;top:7vw;display:none;z-index:99;width:10vw;box-sizing:border-box;left:-1.5vw;}
		.header_navs > nav > ul > li > div > dl{display:inline-block;vertical-align:top;text-align:left;padding:1vw 0 0 0;width:100%;}
		.header_navs > nav > ul > li > div > dl > dd{border:0.3vw #957543 double;text-align: center;margin-bottom:0.2vw;}
		.header_navs > nav > ul > li > div > dl > dd > a{font-size:1vw;color:white;line-height:2vw;padding:0;background:#900a0add;box-sizing: border-box;width:100%;display: block;}
		.header_navs > nav > ul > li > div > dl > dd > a:hover{font-weight:700;background:#333333dd;}
		.header_navs > nav > ul > li > div > img{width:250px;height:140px;display:inline-block;vertical-align:top;margin-left:20px;}

	
	
	.header_tel{width:16vw;display:none;vertical-align:middle;text-align:left;padding:0}
		.header_tel11{display:inline-block;vertical-align:top;width:2.4vw;min-width:40px;text-align:left;margin-right:0.6vw;}
			.header_tel11 img{width:100%;}
			.header_tel112{display:none;}
		.header_tel12{display:inline-block;vertical-align:top;}
			.header_tel12 h2{color:#ffffff;font-size:calc(12px + 0.18vw);line-height:calc(18px + 0.18vw);font-weight:400;}
			.header_tel12 h3{color:#ffffff;font-size:calc(12px + 0.4vw);line-height:calc(20px + 0.2vw);}

	.active{background:white !important;box-shadow:0 0 15px rgba(0, 0, 0, 0.1) !important;}
	.active .header_logo11{filter: brightness(1);transition: filter 200ms;}
	.active .header_logo12{display:block !important;width:50vw;min-width:200px;}
	.active .header_tel111{display:none !important}
	.active .header_tel112{display:block !important;width:100%;}
	.active .header_tel12 h2{color:#555555;}
	.active .header_tel12 h3{color:#f08519;}
	.active .header_navs > nav > ul > li > a{color:#333333 !important;line-height:3vw !important;}
	.active .header_navs > nav > ul > li > a:hover .header_navs_line{bottom:0;background:#f08519;}



	#banner1{width:100%;}
		#banner1 img{width:100%;}
	.s_list{position:absolute;bottom:0;z-index:100;}

	.bc10{background:url(../images/b1.jpg) no-repeat center top;background-size:200%;height:88vw !important;text-align:center;font-size:0;}
		.bc11{width:60vw;margin:0 auto 0 auto;padding: 20vw 0 3vw 0;}
			.bc11 img{}
		.bc12{width:90vw;text-align: center;font-size: 4vw;color: white;margin: 0 auto 0 auto;line-height:1.5;padding: 10vw 4vw;position: absolute;bottom: 5vw;left: 5vw;}
	.bc12 br{display:none;}
			.bc12 img{width:100%;}
			.bc121{width:100%;text-align: center;}
				.bc121 img{width:388px;}
			.bc122{margin-top:22px;}
				.bc122 img{width:100%;}
			.bc123{margin-top:42px;}
				.bc123 img{width:357px;}
			.bc124{margin-top:30px;}
				.bc124 img{width:83px;}
			.bc125{margin-top:49px;}
				.bc125 img{width:539px;}

	.bc20{background:url(../images/b2.jpg) no-repeat center top;background-size:200%;height:88vw !important;text-align:center;font-size:0;}
		.bc21{text-align:center;width: 90vw;padding: 6vw 0 0 0;font-size:4vw;color: white;line-height: 6vw;text-shadow: 0.3vw 0.3vw 1vw rgba(0,0,0,100%);margin: auto;position: absolute;bottom: 16vw;left: 5vw;}
	.bc21 br{display:none;}
	.bc211{width:279px;display:block;}
			.bc212{width:271px;margin:20px 0 50px 0;}
			.bc213{width:456px;}

	.bc24{width:100%;margin:50px auto 0 auto;text-align:left;display: flex;justify-content: space-between;}
			.bc24 img{width:116px;}
		.bc25{width:80vw;margin:auto;text-align:center;padding: 20vw 5vw 0 0;}
			.bc25 img{width:622px;margin-right:108px;}

	.bc30{background:url(../images/b3.jpg) no-repeat center top;background-size:200%;height:88vw !important;text-align:center;font-size:0;}
		.bc31{width:90vw;margin:auto;text-align:center;font-size: 3.6vw;line-height: 1.5;color: #fff;padding:20vw 0 0 0;text-shadow: 1vw 1vw 2vw rgb(0, 0, 0);font-weight: 400;bottom: 20vw;position: absolute;left: 5vw;}
			.bc31-1{width:535px;}
			.bc31-2{width:507px;margin: 40px 0 20px 0;}
			.bc31-3{width:494px;}
			.bc31-4{width:216px;margin-left:10px;}
			.bc31-5{width:42px;margin-left:0;}
		.bc32{width:46vw;text-align:right;margin:auto;padding: 5vw 0 0 0;}
.bc32 img{width:100%;padding-left:17vw;}
			.bc321{width:100%;margin-top: 64px;}
				.bc321-1{width:111px;margin:0 30px 0 10px;}
				.bc321-2{width:111px;margin:0 30px 0 10px;}
				.bc321-3{width:138px;margin:0 30px 0 10px;}
	.bc333{width:30px;display:inline-block;vertical-align:top;}.bc333 img{width:30px}
			.bc322{display:inline-block;vertical-align:top;}
.bc40{background:url(../images/b4.jpg) no-repeat center top;background-size:200%;height:88vw !important;text-align:center;font-size:0;}
.bc50{background:url(../images/b5.jpg) no-repeat center top;background-size:200%;height:88vw !important;text-align:center;font-size:0;}
	


	.icon1{
		background:url(../images/1.png) repeat-y center top;background-size:200vw;background-color:#f5f5f5;
		text-align:center;font-size:0;padding:5vw 0 5vw 0;
	}
	.icon11{display:inline-block;vertical-align:bottom;width:48vw;text-align:center;margin-bottom: 5vw;}
		.icon11{display:inline-block;vertical-align:middle;width:45vw;text-align:center;}
	.icon11:nth-child(3),.icon11:nth-child(4){margin-bottom:0;}
			.icon111{display:inline-block;vertical-align:middle;width: 10vw;}
				.icon111 img{width: 100%;}
				.icon111_1{width:4vw;}
				.icon111_2{width:4vw;}
				.icon111_3{width:4vw;}
				.icon111_4{width:4vw;}
			.icon112{display:inline-block;vertical-align:middle;text-align:left;margin-left:4vw;width: 28vw;}
				.icon112 h3{color:#ffffff;font-size:4vw;line-height:5vw;font-weight:700;}
				.icon112 p{color:#ffffff;font-size:3.2vw;line-height:4vw;margin-top: 2vw;}



	.icon2{border-top:1px solid #dddddd;text-align:center;padding:6vw 0 8vw 0;}
		.icon21{display:inline-block;vertical-align:bottom;width:24vw;text-align:center;margin:0;}
		.icon21 img{width:12vw;margin-bottom:1vw;}
		.icon21 h3{color:#fff;font-size:3.6vw;line-height:2;}
		.icon21 p{color:#000000;font-size:4vw;line-height:6vw;margin-top:1vw;}
	.icon21:nth-child(3){display:none;}


	.title1{}	.title1 img{width:50%;}
	.title1 p{color:#f08519;font-size:5vw;line-height:7vw;}
	.title1 h2{font-size:5vw;line-height:10vw;font-weight:700;color:black;}
.title1 span{background:#2f53ae;display:block;margin:auto;width:18vw;height:1vw;}

	.link1{text-align:center;}
		.link1 a{display:inline-block;vertical-align:top;padding:0.8vw 2vw;color:#000000;font-size:3vw;line-height:6vw;background:#eeeeee;margin:0 1vw;color:#ffffff;background:#f08519;transition:margin-top 300ms,box-shadow 300ms;}
		.link11{color:#000000 !important;background:#eeeeee !important;}
		.link1 a:hover{color:#ffffff;box-shadow:0 5px 12px rgba(0, 0, 0, 0.2);margin-top:-4px;}
		.link11:hover{color:#000000 !important;}


	.link2{background:#9e2b2b;color:white;display:inline-block;padding:0 0 0 10px;}
		.link21{display:inline-block;vertical-align:top;font-size:4vw;line-height:8vw;height:8vw;}
		.link2 span{display:inline-block;vertical-align:top;background:url(../images/ss.svg) no-repeat center center;background-size:6vw;line-height:8vw;width:8vw;height:8vw;}


	.photo2{padding:6vw 0;margin:auto;width:90vw;}
		.photo21{width:50%;display:inline-block;vertical-align:top;text-align:left;}
		.photo22{width:50%;display:inline-block;vertical-align:top;text-align:right;}
		.photo23{width:88vw;margin:2vw auto 3vw auto;font-size:0;}
			.photo231{width:100% !important;}
			.photo232{width:100%;margin-top: 2vw;}
			.photo231_pic{}
				.photo231_pic img{width:100%;/*! height:75vw; */}
			.photo232_pic{background:black;opacity:1 !important;overflow:hidden;}
				.photo232_pic img{display:block;opacity:0.4;font-size:0;width: 100%;height: 15vw;}
			.gallery-thumbsm .swiper-slide-thumb-active img{opacity:1 !important;}
		.photo24{height:2vw;}



	.photo3{font-size:6vw;color: #000;text-align: center;font-weight: 400;width:100%;padding: 0;line-height: 2;}
	.photo3_title{margin-bottom:3vw;}
	.photo3_title img{display:inline-block;vertical-align: middle;margin: 0 5vw;height: 6vw;}
	.photo3w{width:80%;margin:auto;}
		.photo31{width:100%;text-align:left;position: relative;margin-bottom: 6vw;}
			.photo31 a,.photo31 a img{width:100%;display:block;margin:auto;}
		.photo31_1{transition:background 500ms;}
		.photo31_2{transition:background 500ms;}
		.photo31_3{transition:background 500ms;}
			.photo311{padding:3vw 4vw 3vw 5vw;font-size:5vw;line-height:1;color:rgb(255, 255, 255);font-weight: 700;position: absolute;bottom: 5vw;left: 0;background: #0040b4;}
			.photo312{margin:3vw 4vw 0 4vw;font-size:3vw;line-height:1.5;color:#fff;font-weight:400;transition:all 1000ms;}
				.photo312 span{background-color:#009eeb;color:white;padding:.3vw 1vw;line-height:calc(30px + 1vw) !important;}
			.photo313{transition:bottom 300ms;width: 23vw;height: 2.4vw;display: none;}
				.photo313 img{width:100%;}




	.photo4{text-align:center;font-size:0;width:80%;padding:5vw 0 5vw 0;margin: auto;}
		.photo41{
			width:100%;
			box-sizing:border-box;text-align:left;margin-bottom:3vw;
		}
		.photo41:nth-child(3n-1){}
			.photo41 a{width:100%;display:block;}
		.photo41:hover{background-size:103%;}
	.photo41 a img{width:100%;}
			.photo411{margin:0;font-size:4vw;line-height:2;color:black;font-weight:700;transition:color 500ms;padding: 2vw 0;}
				.photo41:hover .photo411{color:#a28357;}
			.photo412{margin:20px 0 0 30px;font-size:calc(6px + 1vw);line-height:calc(20px + 1vw);color:#009eeb;font-weight:700;transition:margin 300ms;}
				.photo412 span{background-color:#009eeb;color:white;padding:.3vw 1vw;line-height:calc(30px + 1vw) !important;}
					.photo41:hover .photo412{margin-left:5vw;}
			.photo413{transition:bottom 300ms;display: none;}
				.photo413:hover{bottom:36px;}




	.photo5{display:none;}




	.proinfo{font-size:0;text-align:center;margin-top: 5vw;}
		.proinfo1{width:100%;margin:auto;}
		.proinfo1 .xl_pro_list{border-bottom:1 solid #eeeeee;}

	
		.proinfo2{display:inline-block;vertical-align:top;width:88vw;margin:0 auto 0 auto;text-align:left;}
			.proinfo21{}
				.proinfo21 h1{font-size:5vw;  font-weight: 700; color: rgb(33, 67, 199);  line-height:2;text-align: center;}
	.proinfo21 p{color: rgba(66,66,66,1);
    font-size:4vw;
    line-height: 1.5;}
			.proinfo22{color: rgba(66,66,66,1);  font-size: 3.6vw;line-height: 1.5;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);padding: 2vw 0;margin: 2vw 0;display: none;}
			.proinfo23{font-size: 3.6vw;  color: rgba(37,37,37,1);  line-height: 1.8;  padding-bottom: 2vw;    }
			.proinfo24{font-size: 3.6vw;  color: rgba(153,153,153,1);  line-height: 2;}
			.proinfo25{text-align: center !important;margin-top: 5vw !important;}
				.proinfo25 a{font-size: 14px;  color: rgba(153,153,153,1);  line-height: 1.8;}

		.proinfo3{line-height:3;font-size: 4vw;font-weight: bold;color: rgba(68,68,68,1);text-align: left;width: 88vw;margin: 2vw auto 0 auto;border-bottom: 2px solid rgba(0,0,0,.1);display: none;}

		.proinfo4{}

.nnfd{width:88vw;margin:auto;font-size:0;}
.nnfd1{line-height:3;font-size: 4vw;font-weight: bold;color: rgba(68,68,68,1);text-align: left;width: 100%;margin: 6vw auto 0 auto;border-bottom: 2px solid rgba(0,0,0,.1);}
	.nnfd1 span{font-size:2.7vw;color:#4e4e4e;}
	.nnfd2{display: inline-block;vertical-align: top;width:100%;margin:2vw 0 0 0;}
	.nnfd2:nth-child(3){margin:1vw 0 0 0 !important;}
.nnfd21{line-height:3;font-size:3.6vw;font-weight: bold;color: rgba(68,68,68,1);text-align: left;}
.nnfd22 input{border:1px solid #ccc;width:100%;box-sizing:border-box;padding:0 2vw;height:30px;line-height:2;font-size:3.6vw;color:#555;}
.nnfd31{line-height:3;font-size:3.6vw;font-weight: bold;color: rgba(68,68,68,1);text-align: left;margin-top:2vw;}
.nnfd32 textarea{border:1px solid #dddddd;width:100%;height:100px;box-sizing:border-box;padding:0 10px;line-height:30px;font-size:15px;color:#555;}

.nnfd4{text-align:center;margin:5vw auto 10vw auto;}
	.nnfd4 button{display: block;  text-align: center;  box-sizing: border-box;
  width: 30vw;  padding: 2vw;  background-color: #1b4fb4;
		line-height:1;font-size:3.6vw;font-weight: bold;color:#ffffff;
margin: auto;
border: 0;
}



.lgd_title{text-align:center;}
.lgd_title1{font-size:5vw;line-height:1;color:black;font-weight:700;letter-spacing: 3px;}
.lgd_title2{font-size:3vw;line-height:1;color:#708193;margin:2vw 0;font-weight: 700;letter-spacing: 1px;}
.lgd_title3{background:#124ac5;width:10vw;height:.6vw;border-radius:50vw;margin: 0 auto 3vw auto;}

	
	.lgd_company{width:100%;margin: auto;}
.lgd_company1{max-width: 100%;}
	.lgd_company1 img{width:auto;max-width:100%;}
.lgd_company2{background:url(../images/l3.jpg) no-repeat left top;padding: 4vw 0 10vw 0;}
.lgd_company21{max-width: 100%;padding: 5vw 5vw 0 5vw;box-sizing: border-box;}
	.lgd_company211{color: #124ac5;font-size: 4.2vw;line-height: 1;margin-bottom: 2vw;font-weight: 700;text-align: center;}
	.lgd_company212{color: #3d3d3d;font-size: 3.6vw;line-height: 1.4;margin-bottom: 3vw;font-weight: 700;text-align: center;}
	.lgd_company213{margin-top:3vw;color:#444;font-size:3.2vw;line-height:2;margin-bottom: 5vw;font-weight:400;-webkit-line-clamp: 9;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	.lgd_company214{margin-top:3vw;text-align: center;}

.lgd_company22{}
.lgd_company23{}
.lgd_company24{}
.lgd_company22{flex:1 0 auto;width: auto;}
	
	
	
	
.lgd_td{width:100%;margin:auto;padding:7vw 0 8vw 0;}
.lgd_td1{width:100%;text-align: center;display: flex;justify-content: center;overflow: hidden;}
.lgd_td1 img{width:150vw;text-align: center;}
.lgd_td2{width:92%;margin:auto;}
.lgd_td21{display:flex;justify-content:space-around;align-items: center;flex-flow: wrap;margin-top: 8vw;}
.lgd_td21img{flex: 90%;text-align: left;display: flex;justify-content: space-between;align-items: center;padding-right:0;box-sizing:border-box;}
	.lgd_td21img img{margin-right:3vw;width:16vw;}
.lgd_td21c{}
	.lgd_td21c h3{color:#124ac5;font-size:5vw;line-height:1;margin-bottom:2vw;}
	.lgd_td21c p{color:#555;font-size:3vw;line-height:1.4;margin-bottom:1vw;}
.lgd_tdpic{flex:100%;text-align:center;margin-top: 3vw;display: none;}
	.lgd_tdpic img{width: 80%;text-align:center;}
	.lgd_td21:nth-child(even){flex-flow: wrap-reverse;}
	
	
.in-join{background:url(../images/jbg.jpg) no-repeat center center;background-size:280%;box-sizing:border-box;padding:8vw 0;text-align:center;}
.in-join .zc-in-title2 h1{font-size:5vw;color:white;font-weight:700;line-height:1;}
.in-join .zc-in-title2 p{font-size:3vw;color:white;line-height:1.4;margin-bottom:3vw;font-weight: 400;margin-top: 3vw;}

	


	
	
	.lgd_news{background:#f6f7fb;padding:7vw 0 6vw 0;}
.snews{width:90vw;margin:auto;box-sizing: border-box;padding: 0;}
	.snews .swiper-wrapper{padding:0;box-sizing: border-box;}
	.snews .swiper-slide{margin:1vw 0;}
	.lgd_news1{display:block;padding:2vw;background:white;border-bottom:.6vw solid #124ac5;position:relative;}
	.lgd_news_data{position:absolute;top:-10px;left:-10px;background-color: #124ac5;text-align: center;padding: 1vw;border-radius: 20px 0 0 0;display: none;}
	.lgd_news_data span{font-size:40px;color: white;line-height:1;display:block;}
	.lgd_news_data p{font-size:16px;color: white;line-height: 2;}
.lgd_news_img img{width:100%;}
.lgd_news_title{line-height:1.3;font-size:3vw;color:#333333;margin:.8vw 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lgd_news_title2{line-height:1.3;font-size:2.4vw;color:#666666;margin:1vw 0;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
	.lgd_news_more{text-align:left;}
	.lgd_news_more img{width:4vw;margin:1vw 0;}
		
	

	.jl_main1{width: 90vw;margin: 5vw auto 0 auto;}
	.jl_main2{width: 100%;margin:3vw auto;}
	.jl_main2 img{width: 100%;margin:3vw auto;}
	.jl_main3{width: 90vw;margin:8vw auto 3vw auto;}
    .jl_company{width: 100%;}.jl_news{width: 100%;margin: 5vw 0;}.jl_contact{width: 100%;}
      .jl_company1{display: flex;justify-content: space-between;align-items: center;}
        .jl_company11{text-align:left;display: flex;align-items: center;font-size: 16px;font-weight: 700;color: #333;line-height: 2;}
	       .jl_company11 img{height:16px;margin-right: 10px;}
        .jl_company12{width: 79px;height: 23px;}
	.jl_company12 a{display:inline-block;line-height: 2;vertical-align: middle;}
      .jl_company2{width: 100%;margin: 3vw 0;}.jl_company2 img{width: 100%;}
      .jl_company3{font-size: 4vw;line-height: 1.6;color: #666666;}
	
	.jl_company_new{}
	.jl_company_new ul{}
	.jl_company_new ul li{font-size:4vw;line-height:1.6;display:flex;justify-content: space-between;}
	.jl_company_new ul li:before{content:"•";padding-right:1.2vw;}
		.jl_company_new ul li a{font-size:4vw;line-height:1.6;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1vw;}
			.jl_company_new ul li span{font-size:4vw;line-height:1.6;color:#666;}

	.jl_contact_c{}
	.jl_contact_c ul li{font-size:4vw;line-height:1.6;color:#666;padding-left:1vw;display:flex;align-items: center;}
	.jl_contact_c ul li img{width:20px;padding-right:8px;}
	


.swiper-father{width:100%;margin:0 auto 5vw auto;position: relative;}
	.swiper-button-next-p,.swiper-button-prev-p{display:none !important;}
.spro{width:90%;margin-top:2vw;}
.spro .swiper-wrapper{/*! height: 80%; */}
.spro .swiper-slide{display:block;height:100%;box-sizing: border-box;border:0;}
.spro a{text-decoration: none;}
.spro_img{width:100%;border:1px solid #ddd;display: flex;}
.spro_img img{max-width:100%;margin:0 auto;transition: all 800ms;}
.spro_title{font-size:4vw;line-height:1.2;color:#254ba7;padding: 2vw 0 .6vw 0;width:100%;margin:auto;border-radius: 5px;transition: all 800ms;text-align:center;font-weight: 400;}
.spro_title2{padding:0 0 3vw 0;text-align:center;width:100%;margin:auto;box-sizing: border-box;font-size:3vw;line-height: 1.2;color: #666666;transition: all 800ms;}
.spro .swiper-slide:hover .spro_img img{scale:1;}
.spro .swiper-slide:hover{}
.spro .swiper-slide:hover .spro_title{}
.spro .swiper-slide:hover .spro_title2{}
	
	

.wenhua_content{width:100%;font-size: 4vw;text-align: left;line-height: 1.8;}
.wenhua_c{width:100%;margin:0 auto 5vw auto;background:#1b4fb4;position: relative;}
.wenhua_img{width:100%;}.wenhua_img img{width:100%;}
.wenhua_text{width:100%;font-size:5vw;color:white;line-height:2;font-weight:700;text-align:center;padding: 0;height: 100%;position: absolute;top: 0;z-index: 10;display: flex;align-items: center;justify-content: center;background: #102ea4c9;}


	
	
.content1_t{font-size:4.6vw;line-height:2vw;text-align:center;margin:0 auto 0 auto;padding: 8vw 0 5vw 0;color: black;width: 100%;}
.content1{width:100%;margin:0 auto 0 auto;
	font-size:3.2vw;line-height:5vw;color:#555555;
box-sizing: border-box;
padding: 5vw 0 10vw 0;
font-weight: 400;
text-align: left;
}
	.content1 h2{background:url(../images/pb.png) no-repeat left center;color:white;font-size:4vw;line-height:1.2;padding:1.6vw 3vw 2.8vw 6vw;display:block;background-size: 200vw;}
.content1 p{margin:2vw 0 3vw 0;font-size: 3.6vw;line-height: 1.8;}
	.content1 img{max-width:100%;}

	.about1{padding:8vw 0 4vw 0;text-align:center;font-size:0;}
		.about11{width:100%;}
			.about11 img{width:100%;}
		.about12{width:100%;text-align:left;box-sizing:border-box;margin-top: 5vw;}
			.about121{text-align:left;border-left:2vw solid #f08519;padding-left:4vw;margin-bottom:2vw;display: inline-block;vertical-align: top;}
				.about121 p{color:#f08519;font-size:4vw;line-height:5vw;}
				.about121 h2{font-size:5vw;line-height:6vw;font-weight:400;color:black;}
			.about122{color:#ffffff;background:#f08519;letter-spacing:1vw;font-size:3vw;line-height:5vw;font-weight:400;text-align:left;padding:0.6vw 2vw;display: inline-block;vertical-align: middle;margin-left: 21vw;margin-top: 3vw;}
			.about123{color:#555555;font-size:3vw;line-height:6vw;margin:3vw 0 3vw 0;}
		.about13{text-align:  center;}
			.about13 a{margin:3vw 0 0 0 !important;}


	.about2{text-align: left;padding: 3vw 0;margin: 5vw auto;background: url(../images/aboutbg.jpg) no-repeat center center;background-size: 300%;width: 100%;position: relative;}
			.about2122{width: 100%;color: white;padding: 9vw 0 0 0;box-sizing: border-box;margin: 0;text-align: center;}
	.about2122 h1{font-size:6vw;color: #000;text-align: center;font-weight: 400;}
	.about2122 p{font-size:4vw;color: #333;text-align: center;line-height: 1;display: none;}
		.about2122 img{width: 10vw;margin: 0 auto;}

	
			.about2123{width: 90%;margin: 0 auto;text-align: center;padding: 5vw 0 0 0;font-size: 6vw;line-height: 1.5;font-family: "89d9e7d5-173e-432d-9b2c-aaa3781be2e9";}
        .about2123 img{width:100%;}
				.about2121{font-size:3.6vw;line-height:1.5;font-weight:400;color:#000;width: 88vw;margin: 0 auto 6vw auto;padding: 0;}
	.about21211{display:none;}
	.about21212{-webkit-line-clamp: 10;    display: -webkit-box;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;    overflow: hidden;
margin-bottom: 5vw;
}
	.about_more{width:100%;margin:0 auto;text-align:center;}
	.about_more a{display:inline-block;padding:.7vw 5vw;vertical-align:top;font-size:3.6vw;line-height:2;color:white;background-color: #1b4fb4;border-radius: 100rem;transition: all 500ms;}
	.about_more a:hover{color:white;}


.icon3{text-align:center;background:#fff;padding:0 1vw 1vw 1vw;width:90%;margin:10vw auto 0 auto;border-radius: 1vw;font-size: 0;position: relative;height: 85vw;box-sizing: border-box;}
.icon31{margin-left: 6vw;}
.icon311{width: 100%;margin-top: -2vw;position: relative;height: 18vw;}
.icon3b1{width: 35%;background: #0080e2;margin: 0;border-radius: 50vw;position: absolute;top: 0;height: 10vw;left: -3vw;}
.icon3b2{background: #0040b4;width: 35%;margin: 0 0 0 3vw;border-radius: 50vw;position: absolute;top: 2vw;left: -4vw;height: 10vw;}
.icon3_title{font-size: 5vw;color: white;line-height: 10vw;position: absolute;top: 2vw;left: -4vw;text-align: center;width: 35%;margin: 0 0 0 3vw;font-weight: 700;}
.icon3_c{font-size: 3.5vw;color: black;line-height: 1.4;position: absolute;top: 2vw;width: 60%;text-align: left;left: 40%;}

	
	

	.xl_honor{background-color: white;width: 80%;margin: 7vw auto 0 auto;padding: 2vw 0 2vw 0;box-sizing: border-box;}
		.xl_honor_1{width: 100%;box-sizing: border-box;margin-bottom: 2vw;}
			.xl_honor_11{display:inline-block;vertical-align:top;width:5vw;height:.5vw;background:#009eeb;margin-top:1.6vw;}
			.xl_honor_12{text-align: right;}
				.xl_honor_12 h2{font-size:6vw;line-height:1.5;padding: 0;text-align: center;color: rgb(0, 0, 0);font-family: "89d9e7d5-173e-432d-9b2c-aaa3781be2e9";font-weight: 400;}
				.xl_honor_12 h3{margin:0;text-align: center;font-size: 3vw;font-weight: 400;color: #555555;}
	       .xl_honor_12 p{text-align:center;font-size:3vw;color:#555;}
.xl_honor_12 h3 img{width:6vw;margin-right: .4vw;}
		.xl_honor_2{position:absolute;left:0;bottom:0;width:37vw;z-index:1;text-align:left;padding:2vw 0 4vw 5vw;box-sizing:border-box;
			font-size:calc(2px + 1vw);line-height:calc(18px + 1vw);font-weight:300;color:#747474;
display: none;
		}
		.xl_honor_3{width:100%;margin: 5vw auto 0 auto;}
			.xl_honor_31{position: relative;}.xl_honor_31 img{width:100%;}
			.xl_honor_32{font-size:4vw;line-height:1;font-weight:400;color:#000;padding: 3vw 0;text-align: center;}
	
	#swiper2 .swiper-pagination-bullet{background:#ffffff;width:2.5vw;height:2.5vw;}
	#swiper2 .swiper-pagination-bullet-active{background:#ffb645;}
	.swiper-pagination-case{margin:2vw auto 0 auto;text-align:center;display: none;}
    #swiper2 .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width:90%;
      opacity:20%;transition:all 1500ms;
    }
    #swiper2 .swiper-slide-active{opacity:1;transition:all 1500ms;}


	.news1{background:url(../images/2.png) no-repeat center top;font-size:0;width: 100%;text-align: center;padding:5vw 0 5vw 0;}
		.news1 .title1{width:88vw;margin: 0 auto 2vw auto;text-align:left;}
		.news1 .title1 h2{color:white;}
		.news11{width:88vw;position:relative;overflow:hidden;margin: auto;}
			.news111{width:100%;}.news111 img{width:100%;min-height:27.8vw;}
			.news112{position:absolute;bottom:0;width:100%;background:#f08519;font-size:3vw;line-height:5vw;color:white;box-sizing:border-box;padding:1vw 3vw;text-align:left;}
		.news12{width:88vw;box-sizing:border-box;padding:0 0 3vw 0;text-align:left;margin: 3vw auto 0 auto;background: white;}
			.news121{padding:3vw 3vw 0 3vw;background:white;}
				.news1211{display:inline-block;vertical-align:top;width:35vw;}.news1211 img{width:100%;}
				.news1212{display:inline-block;vertical-align:top;width:46vw;box-sizing:border-box;padding:1vw 1vw 0 4vw;}
					.news1212 h3{font-size:4vw;line-height:5vw;font-weight:400;color:black;margin-bottom:2vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
					.news1212 p{
						font-size:2.6vw;line-height:3.6vw;font-weight:400;color:black;color:#666666;margin-bottom:2vw;
						-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
					}
					.news1212 span{font-size:3vw;line-height:4vw;font-weight:400;color:#f08519;display:block;}
					.news1212 .news1212_date{color:#999999;margin-top:1vw;font-size: 2vw;line-height: 3vw;}


	.other1{width:50%;display:none;vertical-align:top;text-align:right;font-size:3vw;line-height:calc(22px + 1vw);color:#666666;padding-top:1.1vw;}

	.other2{text-align:center;margin:auto;padding:4vw 0;}
		.other21{font-size:4vw;line-height:7vw;font-weight:400;color:black;margin-bottom:2vw;}
		.other22{margin-bottom:1.5vw;}
			.other22 input{border:0;background:#eeeeee;padding:2vw;font-size:3vw;line-height:4vw;font-weight:400;margin-right:1vw;}
				.other221{width:26vw;}
				.other222{width:35vw;}
			.other22 button{border:0;background:#f08519;color:white;padding:1vw 3vw;font-size:3vw;line-height:6vw;font-weight:400;}
		.other23{font-size:3.6vw;line-height:5vw;font-weight:400;color:#666666;margin:3vw auto;width: 60vw;}



	.other3{width:88vw;margin:3vw auto 6vw auto;box-sizing:border-box;font-size:0;}
		.other31{margin-top:3vw;}
			.other31 h1{font-size:30px;line-height:50px;font-weight:700;color:#2f53ae;margin-bottom:1vw;text-align:center;}
			.other31 p{font-size:15px;line-height:28px;font-weight:400;color:#333333;text-indent:2em;}
		.other32{box-sizing:border-box;margin:15vw 0 0 0;}
			.other32 h2{font-size:5vw;line-height:9vw;font-weight:700;color:#000000;margin-bottom:0;}
			.other32 h3{font-size:7vw;line-height:9vw;font-weight:700;color:#2f53ae;margin-bottom:4vw;}
			.other32 p{font-size:3.8vw;line-height:8vw;font-weight:400;color:#666666;margin-bottom:2vw;}
				.other321{background:url(../images/w5.svg) no-repeat left center;background-size:30px;padding-left:40px;}
				.other322{background:url(../images/w2.svg) no-repeat left center;background-size:30px;padding-left:40px;}
				.other323{background:url(../images/w1.svg) no-repeat left center;background-size:30px;padding-left:40px;}
				.other324{background:url(../images/w3.svg) no-repeat left center;background-size:30px;padding-left:40px;}
				.other325{background:url(../images/w4.svg) no-repeat left center;background-size:30px;padding-left:40px;}
		.other33{border-top:1px solid #eeeeee;margin-top:8vw;padding-top:8vw;}
			.other33 h2{font-size:6vw;line-height:10vw;font-weight:700;color:#2f53ae;margin-bottom:3vw;text-align:center;}
			.other331{font-size:3.6vw;text-align:left;box-sizing:border-box;padding:3vw 5vw;line-height:24px;background:#2f53ae;;color:#ffffff;border-radius:10px;margin-bottom: 2vw;width: 100%;}



.bgbg{width: 100%;font-size:0;overflow: hidden;}.bgbg img{width:180%;font-size:0;margin-left: -40%;}

	.dj_news{width:100%;margin:0 auto 0 auto;box-sizing:border-box;padding: 10vw 0 8vw 0;}
		.dj_news1{margin: 0 auto 0 auto;width:80vw;font-size:0;text-align:center;}
			.dj_news_title{font-size:30px;line-height:50px;text-align:center;margin-bottom:50px;font-weight:400;color:black;}
				.dj_news11{display:inline-block;vertical-align:top;width:20vw;height:22.29vw;max-width:420px;max-height:468px;box-sizing:border-box;}
					.dj_news11 img{width:100%;font-size:0;margin:0 auto;padding:0;display:block;}

				.dj_news13{box-sizing:border-box;text-align:left;font-size: 0;margin: 6vw 0 2vw 0;}
				.dj_news12{padding:0;box-sizing:border-box;transition:background 500ms;text-align:left;position: relative;width: 100%;}
					.dj_news121{padding:0.6vw 1vw 0.6vw 1vw;text-align:center;box-sizing:border-box;background: #000000ab;position: absolute;top: 0;border-radius: 0 0 0.5vw 0;display: none;}
						.dj_news121 h3{font-size:calc(20px + 0.8vw);color:#fff;line-height:calc(22px + 1.4vw);font-weight:400;display: none;}
						.dj_news121 p{font-size:calc(12px + 0.3vw);color:#fff;line-height:calc(10px + 0.4vw);font-weight:400;}
					.dj_news122{width:100%;box-sizing:border-box;padding: 1vw 2vw 3vw 2vw;transition: all 400ms;}
						.dj_news122 h2{color:black;font-size:4vw;font-weight:400;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
						.dj_news122 p{color:#000c;font-size:3vw;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

	.dj_news123{width:100%;overflow:hidden;}
	.dj_news123 img{width:100%;}
	.dj_news124{width:100%;overflow:hidden;position: absolute;z-index: 2;top: 0;left: 0;display: none;}
	.dj_news124 img{width:100%;}
	.dj_news12:nth-child(2){margin:5vw 0;}

	
	
	

	.jy_icon{width:80vw;max-width:1800px;margin:0 auto 5vw auto;display: none;}
	.jy_icon img{width:100%;}


	footer{width:100%;background:#323232;}
	.dj_footer1{margin:auto;padding:2% 0 2% 0;text-align: center;display: flex;justify-content: space-between;}
		.dj_footer11{width:120px;margin-right: 50px;display: none;}.dj_footer11 img{width:100%;}
		.dj_footer14{text-align: left;width: 420px;display: none;}
			.dj_footer14 p{font-size:16px;line-height:2.5;color:white;font-weight: 400;}
			.dj_footer14 img{width:20px;display:inline-block;vertical-align:middle;margin-right:10px;}

		.dj_footer12{flex: auto;}
			.dj_footer122{padding:5vw 0;}
				.dj_footer122 img{width:80vw;margin: auto;}
				.dj_footer122 p{font-size:6vw;line-height:2;font-weight:700;color:#eee;text-align:center;margin-top: 3vw;}

		.dj_footer13{float:right;display:flex;justify-content:space-between;width:20%;margin:0;text-align:right;}
			.dj_footer13 img{width:20%;margin-top:-5%;}
				
	.dj_footer2{clear:both;background:black;color:#999;padding:10px 0;}
		.dj_footer21{font-size:14px;text-align:center;max-width:1600px;width:96%;margin:auto;line-height: 1.2;}
		.dj_footer21 a{color:#999;}












/*==============================================================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*==============================================================================================*/
/*==============================================================================================*/




/*内页BANNER-------------------------------------------------------------------------------------*/
.zc-banner{width:100%;font-size: 0;padding-top: 17vw;}
.zc-banner img{width:100%;}




.banner_x1{width:100%;padding-top: 17vw;}
.banner_x1 img{width:100%;}


.navbag{
	width:100vw;margin:auto;border-bottom: 1px solid #eeeeee;padding:2vw 0 2vw 12vw;
	background:url(../images/home.svg) no-repeat 5vw center;background-size:4vw;
	box-sizing: border-box;
}
	.navbag span{color:#777777;font-size: 3vw;line-height:4vw;}
	.navbag a{color:#777777;font-size:3vw;line-height:4vw;}
	.navbag a:after{content:' > ';}




	.jy_navbag{
		width:100%;margin:auto;border-bottom:1px solid #eeeeee;padding:2vw 0 2vw 5vw;box-sizing:border-box;
		background:url(../images/casebg2.png) no-repeat 3vw center;background-size:7vw;
		font-size:3vw;line-height:4vw;font-weight:400;color:#000;
		position:relative;
		background-color: #fff;
		display: none;
	}
	.jy_navbag a{display:inline-block;vertical-align:middle;color:#000;font-size: 3vw;line-height: 4vw;}
		.jy_navbag_1{display:none;}
		.jy_navbag_1 h1{font-size:calc(8px + 1vw);line-height:calc(10px + 1vw);font-weight:700;color:#ffffff;padding:1vw 0;}
		.jy_navbag_1 hr{border:0;border-top:1px solid rgba(255,255,255,.3);display:block;margin:auto;height:1px;width:3vw;}
		.jy_navbag_1 p{color:white;font-size:calc(4px + 1vw);line-height:calc(10px + 1vw);font-weight:400;padding:.4vw 0 0 0;text-align: center;}


	.jy_navclass{margin-bottom:6vw;top:0;transition:top 800ms;background: white;padding: 2vw 0 0 0;border-bottom: 1px solid #eee;}
	.jy_navclass h1{
		display:inline-block;vertical-align:middle;font-size:4vw;line-height:8vw;font-weight:700;color:#333333;
		margin-right:8vw;margin-bottom:0;border-bottom:1vw solid #2f53ae;
	}
	.jy_navclass a{
		display:inline-block;vertical-align:middle;font-size:3.6vw;line-height:7vw;font-weight:400;color:#555555;
		margin-right:4vw;
	}
	.jy_navclass a:hover{color:#2f53ae}

	.main{width:90vw;margin:6vw auto 5vw auto;}


	#xl_left_list{padding: 0;width:100%;display:none;}
	#xl_left_list h4{font-size:24px;line-height:2;background:url(../images/leftbg.jpg) no-repeat center center;background-color:#1b4fb4;color: white;text-align: center;padding: 15px 0;display: none;}
	#xl_left_list > ul{padding:0;display: flex;justify-content: center;flex-wrap: wrap;}
	#xl_left_list > ul > li{text-align:center;width:30%;background: #ffffff;border:1px solid #ddd;margin: 1vw;}
	#xl_left_list > ul > li > a{font-size:3.6vw;color:black;line-height:1;padding:2vw 0;box-sizing: border-box;transition:300ms;font-weight: 400;display: block;}
  #xl_left_list > ul > li > a:hover{color:#124ac5;background: #f5f5f5;font-weight:700;}
	#xl_left_list > ul > li:last-child{}
	.xl_left_list_dd{border-bottom:10px solid #1b4fb4;color:#fff !important;background: #f5f5f5 !important;}

	
	.web_left_bottom{margin-top:20px;border:1px solid #cccccc;background:#f5f5f5;text-align:center;padding:50px 0;display: none;}
	.web_left_bottom img{width:130px;margin:0 auto 10px auto;}
	.web_left_bottom p{font-size:15px;line-height:1.6;color:#333;font-weight: 700;margin-bottom: 5px;}
	.web_left_bottom h3{font-size:20px;line-height:1.6;color:#0057c7;font-weight: 700;}

	
	
	
	.xl_company{width:100%;margin:0 auto;padding:0;text-align:center;font-size:0;}
	.xl_company_title{border-bottom:1px solid #ddd;margin:0 auto 5vw auto;display:flex;justify-content: space-between;align-items: center;padding:1vw 0 2vw 0;}
	.xl_company_title1{font-size:16px;line-height:1.2;color:#333;font-weight:700;}
	.xl_company_title1 img{width:12px;margin-right:10px;}
	.xl_company_title2{font-size:12px;line-height:1.2;color:#666;}
	.xl_company_title2 a{color:#666;}


			.aa_11{font-size:0;width:88vw;box-sizing:border-box;padding:0 0 0 0;display:inline-block;vertical-align:top;}
				.aa_111{text-align:center;}
				.aa_112{font-size:3.4vw;line-height:2;font-weight:400;box-sizing:border-box;padding:0 0 5vw 0;text-align:left;color:#333333;}
				.aa_112 img{margin:1vw 0;max-width:100%;float: none !important;}


/*标题样式*/
.x-title-2{text-align:center;margin-top:3vw;}
	.x-title-21{font-size:6vw;line-height:1.6;font-weight:700;color:black;letter-spacing:1vw}
	.x-title-22{font-size:4vw;font-weight:300;margin-top:0.16rem;color:#333;letter-spacing:1vw}
	.x-title-2 hr{height:1px;width:15vw;margin:3vw auto;display: block;background:#ddd;border:0;}


.mxus_lishi20{margin-top:1vw;}
	.mxus_lishi21{font-size:0;width:90vw;margin:5vw auto 10vw auto;text-align:left;}
		.mxus_lishi211{
			width:100%;
			text-align:right;border-right:0;border-left:2px solid #84cbc8;
			position: relative;
			height:25vw;
		}
		.mxus_lishi211:nth-child(even){
			width:100%;
			text-align:left;border-left:2px solid #84cbc8;border-right:0;
		}
		.mxus_lishi2111{
			width:50vw;font-size:13vw;line-height:1.2;text-align:center;color:#7c90a6;
			font-family: 'Teko',sans-serif;overflow:hidden;
			position: absolute;
			left:-10vw;
		}
		.mxus_lishi2112{width:50vw;font-size:3.5vw;line-height:1.4;font-weight:400;text-align:left;padding:0;color:#555555;
			position: absolute;left:30vw;}
		.mxus_lishi211:nth-child(even) .mxus_lishi2112{text-align:left;}
		.mxus_lishi2113{width:5vw;height:1vw;background:#84cbc8;position: absolute;left:0;margin-top:6vw;}


	
	
	
	
	
	
	    	.app{width:100%;margin:auto;padding:0 0 10px 0;font-size:0;text-align:center;display:inline-block;vertical-align:top;}
		/**/
		.yt_honor{display:inline-block;vertical-align:top;width:40vw;text-align:center;margin:3vw 3vw;}
			.yt_honor_pic{width:40vw;line-height:30vw;vertical-align:middle;background:#f5f5f5;padding:2vw;box-sizing:border-box;height: 30vw;}
			.yt_honor_pic img,.yt_honor_pic video{max-width:100%;max-height:100%;}
			.yt_honor_title{font-size:3.4vw;line-height:5vw;padding:2vw 0;}
	

.zc_news_ccc{width:88vw;margin:2vw auto 5vw auto;background:#fff;text-align: center;padding:0 0;font-size:0;}
	.zc_news_cccleft{background:#fff;padding:0;box-sizing:border-box;width:100%;margin:5vw 0;text-align:center;}
	.zc_news_cccleft_t{font-weight:bold;color:#333;font-size:16px;overflow:hidden;text-align:left;line-height:180%;}
	.zc_news_cccleft_line{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:1px;margin-top:20px;margin-bottom:20px;}
	.zc_news_cccleft_title h1{font-size:4vw;color:#333;line-height:6vw;margin-bottom:2vw;font-weight:700;}
	.zc_news_cccleft_time{font-size:2vw;color:#999;line-height:3vw;padding:2vw 0;margin-bottom:3vw;border-top:1px solid #ddd;}
	.zc_news_cccleft_c{padding-bottom:3vw;padding-top:1vw;margin-bottom:1vw;font-size:3.6vw;line-height:2;color:#333;text-align:left;font-weight:400;min-height: 100vw;}
	.zc_news_cccleft_c img{max-width:100%;margin:5px 0 10px 0;}
	.zc_news_cccright{text-align:left;}
		.zc_news_cccright_info{background:#f5f5f5;padding:20px 30px;box-sizing: border-box;margin-bottom:30px;transition:margin-top 200ms,background 300ms;border-radius:.4vw;display: none;}
			.zc_news_cccright_info a{color:#666;}
			.zc_news_cccright_info span{font-size:16px;font-weight:400;margin-bottom:20px;}
			.zc_news_cccright_info p{font-size:16px;margin-top:10px;line-height:24px;}
			.zc_news_cccright_info_t{font-size:24px;color:#333;line-height:36px;margin:16px 0;font-weight:700;}
			.zc_news_cccright_info_t{}
		.zc_news_cccright_info:hover{background:#a28357;}
			.zc_news_cccright_info:hover a{color:white;}
			.zc_news_cccright_info:hover span{color:white;}
			.zc_news_cccright_info:hover p{color:white;}
			.zc_news_cccright_info:hover .zc_news_cccright_info_t{color:white;}


	.jobs{width:88vw;margin:0 auto 8vw auto;}
	.jobs2{width:100%;background:#ffffff;border:1px solid #ddd;border-bottom:#a28357 3px solid;padding:5vw 5vw;transition: all 300ms;display: block;text-align: left;}
  .jobs2:hover{background:#a28357;}
	.jobs3{font-size:4vw;color:#000;line-height:2;display: inline-block;vertical-align: top;width: 100%;}
	.jobs2:hover .jobs3{color:#fff;}



.zc_news_ccc .btn{text-align: center;}
.zc_news_ccc .btn a{display: inline-block;padding:8px 20px;color:#FFF;background:#100000;cursor: pointer;text-align: center;border-radius:50px;font-size:12px;transition:background 300ms;}
.zc_news_ccc .btn a:hover{background:#100000;}
	
	
	.listactive{position:sticky;top:17vw;left:0;background: white;z-index: 10;}




.ctitle1{width:80vw;margin:auto;padding:3vw 0 2vw 0;text-align:center;}
	.ctitle1 h1{font-size:5vw;line-height:8vw;text-align:center;font-weight:400;display:inline-block;border-bottom:1vw solid #f08519;padding-bottom:1vw;}


.photo1{width:80vw;margin:3vw auto 8vw auto;padding:0 0 2vw 0;min-height:100vw;}
	.photo1 ul{text-align:center;font-size: 0;}
	.photo1 ul li{display: inline-block;vertical-align: top;border: 1px solid #eeeeee;padding: .6vw;width: 18vw;margin: 1vw;}
	.photo1 ul li:nth-child(2n-1){margin-right:4vw !important;}
	.photo1 ul li:nth-child(4n-4){margin-right:0 !important;}

	.photo11{}
		.photo11 img{width:100%;}
	.photo12{padding:2vw 0;color:#666666;font-size:3vw;line-height:5vw;font-weight:400;}

	@media only screen and (max-width: 1626px) {
		.photo1 ul li{width:37vw;margin:0 0 4vw 0;}
		.photo11 img{}
		.photo12{}
	}



.news2{width:80vw;margin:auto;padding:0 0 2vw 0;font-size:0;}
	.news2 ul{text-align:left;padding-top:2vw;font-size: 0;}
	.news2 ul li{display:inline-block;vertical-align:top;width:38vw;margin-top:2vw;padding-bottom:2vw;}
	.news2 ul li:nth-child(2n-1){margin-right:4vw;}
	.news21{display:inline-block;vertical-align:top;width:100%;overflow:hidden;transition:margin-left 500ms;}
		.news21 img{width:100%;}

	.news22{text-align:left;padding: 1.5vw 0;}
		.news22 h2{
			font-size:3vw;line-height:5vw;font-weight:700;color:#333333;
			white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;
		}
		.news221{font-size:calc(-2px + .8vw);line-height:calc(10px + 1vw);color:#666;font-weight:300;}
		.news222{
			font-size:calc(1px + .8vw);line-height:calc(7px + .8vw);color:#888;width:100%;margin-top:0.2vw;
			-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;
		}
		.news223{font-size:calc(1px + .8vw);line-height:calc(20px + 1vw);color:#f08519;margin-top:0vw;}


	@media only screen and (max-width: 1600px) {
		.news22 h2{}
		.news221{font-size:12px;line-height:14px;margin:10px 0 5px 0;}
		.news222{font-size:14px;line-height:20px;margin:5px 0 5px 0;}
		.news223{font-size:14px;line-height:20px;margin:10px 0 0 0;}
	}



	.news_c1{width:80vw;margin:auto;padding:5vw 0 2vw 0;font-size:0;text-align:center;}
		.news_c11{box-sizing:border-box;}
			.news_c11 h1{font-size:4vw;line-height:6vw;font-weight:700;color:#333333;text-align:center;}
			.news_c112{margin-top:3vw;width:100% !important;min-width:100% !important;}
			.news_c112 img{margin:0.5vw auto;}
		.news_c12{display:none;vertical-align:top;width:16vw;min-width:200px;}
			.news_c121{margin-bottom:2vw;}
				.news_c121 h2{font-size:calc(-2px + 1vw);line-height:calc(10px + 1vw);font-weight:700;color:#ffffff;text-align:left;background:#777;padding:0.4vw 1vw;transition:background 300ms;}
				.news_c121 img{max-width:100%;}
			.news_c121:hover h2{background:#f08519;}

		@media only screen and (max-width: 1600px) {
			.news_c121 h2{font-size:14px;line-height:20px;}
		}



	.navclass1{width:90vw;margin:2vw auto;padding:2vw 0 1vw 0;font-size:0;text-align:center;}
		.navclass1 ul{text-align:center;}
		.navclass1 ul li{margin:0 .6vw 1vw .6vw;display: inline-block;vertical-align: top;}
		.navclass1 ul li a{font-weight:700;color:#333;text-align:left;background:#fff;padding:2vw 2vw;border:1px solid #ddd;border-radius:1vw;font-size: 3.2vw;display: inline-block;}
		.navclass1 ul li a:hover{background:#f08519;color:white;border:1px solid #f08519;}
		.navclass1_ddd{background:#f08519 !important;color:white !important;border:1px solid #f08519 !important;}

		@media only screen and (max-width: 1626px) {
			.navclass1 ul li a{}
		}



	.ac_2{width:80vw;margin:2vw auto;padding:2vw 0 1vw 0;font-size:0;text-align:center;}
		.ac_21{width:80vw;}
			.ac_211{width:100%;border:1px solid #ddd;box-sizing:border-box;}
				.ac_211 img{max-width:100%;}
			.ac_212{margin-top:2vw;}
				.ac_212 img{width:100%;}
		.ac_22{width:80vw;box-sizing:border-box;margin: 5vw 0 0 0;}
			.ac_22 h1{font-size:4vw;line-height:9vw;font-weight:700;color:#ffffff;text-align:left;background:#f08519;padding:0 5vw;}
			.ac_221{font-size:3vw;line-height:5vw;font-weight:700;color:#333333;text-align:left;margin:3vw 0 0 0;}
			.ac_222{width:100% !important;min-width:100% !important;text-align:left;box-sizing:border-box;}
			.ac_223{border:0;text-align:center;}
			.ac_223 a{display:inline-block;padding:1.2vw 5vw;font-size:3vw;line-height:5vw;font-weight:400;border-radius:100px;background:#f08519;color:white;transition:background 300ms;}
			.ac_223 a:hover{background:#333333;color:white;}



	.roll1{width:80vw;margin:10vw auto;padding:6vw 0 2vw 0;font-size:0;text-align:center;border-top:1px solid #dddddd;}
		.roll11{font-size:4vw;line-height:10vw;font-weight:700;color:#333333;text-align:center;border-bottom:3px solid #f08519;margin-bottom:4vw;display:inline-block;}
			.roll12{box-sizing: border-box;padding:0.6vw;border: 1px solid #eee;}
				.roll121{}
					.roll121 img{max-width:100%;max-height:100%;vertical-align:middle;}
			.roll122 h2{font-size:3vw;line-height:5vw;font-weight:400;color:#333333;text-align:center;padding:2vw 0;}
			.roll122 a{}



	.contact1{width:60vw;margin:10vw auto;padding:2vw 0 8vw 0;font-size:0;text-align:center;}
		.contact11{box-sizing:border-box;text-align:left;margin:0 2vw 8vw 0;}
			.contact11 span{font-size:3vw;line-height:4vw;padding:0.6vw 0 0 15.2vw;font-weight:400;color:#666;}
			.contact11 p{font-size:4vw;font-weight:400;line-height:6vw;padding:0 0 0 15vw;}


		.contact1_icon1{background: url(../images/c1.svg) no-repeat left top;font-weight:400;background-size:10vw;}
		.contact1_icon2{background: url(../images/c2.svg) no-repeat left top;font-weight:400;background-size:10vw;}
		.contact1_icon3{background: url(../images/c3.svg) no-repeat left top;font-weight:400;background-size:10vw;}
		.contact1_icon4{background: url(../images/c4.svg) no-repeat left top;font-weight:400;background-size:10vw;}
		.contact1_icon5{background: url(../images/c5.svg) no-repeat left top;background-size:10vw;}

		.zchr{height:0;font-size:0;border:0;background:#ddd;margin:2vw 0 2.6vw 0;display: none;}



/*新闻页面-------------------------------------------------------------------------------------*/
	.zc-info-list{padding:0 0 5vw 0;margin:3vw auto 0 auto;font-size:0;min-height:300px;width:88vw;}
		.zc-info-list-c{display:block;width:100%;padding:5vw 0;text-align:left;background:#ffffff;border-bottom: 1px solid #eeeeee;}
			.zc-info-list-left{width:30vw;height:7vw;overflow:hidden;
				padding:2.5vw 0 0 0;margin-left:2vw;transition:margin-left 300ms,width 800ms;display: none;}
		.wz-newslist-more{font-size:16px;color:white;text-align:center;line-height:40px;background:#2f53ae;width:7vw;border-radius:5px;}

			.zc-info-list-right{display:inline-block;vertical-align:top;width:66vw;margin-left:2vw;text-align:left;}
				.zc-info-list-right h3{font-size:3.6vw;color: #333;margin-bottom:1vw;font-weight:400;margin-top:2vw;line-height: 5vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
				.zc-info-list-right p{font-size:3vw;line-height:4vw;max-width:100%;color: #666;font-weight:300;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-\ overflow: ellipsis;overflow: hidden;}

			.wz-newslist-time{display:inline-block;vertical-align:top;width:20vw;text-align:center;margin:1vw 0 0 0;}
				.wz-newslist-time-day{font-size: calc(30px + 1vw);line-height: calc(40px + 1.4vw);color: #666;text-align: center;padding: 0;}
				.wz-newslist-time-year{font-size: 16px;line-height: 30px;color: #666;text-align: center;padding: 0;}


	.jy_kehu{display:none;}
	.izl-rmenu{display:none;}



	.hc_protitle{font-size: 18px;font-weight:700;color: white;background: #124ac5;line-height: 1;padding: 15px 30px;letter-spacing: 2px;margin-bottom:20px;text-align: left;display: none;}
	
	.hc_proinfo{margin-bottom: 20px;}
	.hc_proinfo>h2{font-size:4vw;color:#333;line-height: 1;padding: 3vw 5vw;font-weight: 700;border: 1px solid #ddd;}
	.hc_proinfo>ul{padding:3vw 3vw 1vw 3vw;text-align: left;border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: 0;}
	.hc_proinfo>ul>li{flex:0 1 55%;padding:0 1vw 1vw 0;box-sizing:border-box;border-bottom:1px solid #eee;margin-bottom:2vw;display: flex;align-items:start;}
	.hc_proinfo>ul>li>img{width:20px;}
	.hc_proinfo>ul>li>a{font-size:14px;line-height:1.2;color: #333;font-weight:400;display:block;}
	.hc_proinfo>ul>li>a:hover{color:black;}

	.hc_propic{margin-bottom: 50px;}
	.hc_propic>h2{font-size: 17px;color: #333;line-height: 1;padding: 10px 20px;font-weight: 700;border: 1px solid #ddd;}
	.hc_propic ul{}




	.xl_pro_list{margin:0;text-align:left;padding:0 0 0 0;width:100%;}
		.xl_pro_list11{position:relative;}
			.xl_pro_list11_back{display:none;vertical-align:top;}
			.xl_pro_list11_back a{font-size:3vw;color:black;line-height:50px;margin-right:50px;background:url(../images/1.svg) no-repeat left center;background-size:3vw;padding-left:4.8vw;}
			.xl_pro_list11_back a:hover{color:#2f53ae;}
			.xl_pro_list11 h2{font-size:3.6vw;line-height:5vw;border-bottom:1vw solid #000;background:#2f53ae;color:white;padding:1.6vw 4vw;border-radius:7px 7px 0 0;position: absolute;top: 10vw;display: none;}
			.xl_pro_list11_navbag{box-sizing:border-box;background:url(../images/casebg2.png) no-repeat 2vw center;background-size:7vw;padding-left:13vw;
				font-size:3vw;line-height:4vw;font-weight:300;color:#7a7a7a;
width: 100%;
}
			.xl_pro_list11_navbag a{display:inline-block;vertical-align:middle;font-size:calc(12px + 0.2vw);line-height:calc(30px + 1vw);font-weight:300;color:#888888;}
		.xl_pro_list12{text-align:left;}
			.xl_pro_list12 ul{border:1px solid #ddd;padding:4vw 0 2vw 4vw;}
			.xl_pro_list12 ul li{display:inline-block;vertical-align:top;margin:0 5vw 3vw 0;}
			.xl_pro_list12 ul li a{font-size:3.4vw;line-height:5vw;color:black;}
			.xl_pro_list12d{border-bottom:3px solid #2f53ae;}


	
	
	
	
	
	
	

	.xl_pro_list{margin:3vw auto 3vw auto;text-align:left;padding:0 0 0 0;width:84vw;min-width:1200px;}
		.xl_pro_list11{position:relative;border-bottom: 3px solid #0040b4;}
			.xl_pro_list11_back{display:inline-block;vertical-align:top;}
			.xl_pro_list11_back a{font-size:22px;color:black;line-height:50px;margin-right:50px;background:url(../images/1.svg) no-repeat left center;background-size:1.2vw;padding-left:1.8vw;}
			.xl_pro_list11_back a:hover{color:#009eeb;}
			.xl_pro_list11 h2{display:inline-block;vertical-align:top;font-size:22px;color:black;line-height:50px;background:#0040b4;color:white;padding:0 1vw;border-radius:7px 7px 0 0;}
			.xl_pro_list11_navbag{box-sizing:border-box;background: url(../images/casebg2.png) no-repeat left 1.2vw;background-size: 2.7vw;font-size: 0.9vw;line-height: 3vw;font-weight: 400;color: #888;position: absolute;top: 0;right: 0;padding: 0 0 0 3.4vw;}
			.xl_pro_list11_navbag a{display:inline-block;vertical-align:middle;font-size:calc(12px + 0.2vw);line-height:calc(30px + 1vw);font-weight:300;color:#888888;}
		.xl_pro_list12{text-align:left;}
			.xl_pro_list12 ul{padding:16px 0 16px 30px;background: #f5f5f5;}
			.xl_pro_list12 ul li{display:inline-block;vertical-align:top;margin:0 30px 0 0;}
			.xl_pro_list12 ul li a{font-size:16px;line-height:30px;color:#555;font-weight: 700;}
			.xl_pro_list12d{border-bottom:3px solid #a72d2d;}

	.xl_products{width: 100%;margin: 5vw 0 0 0;}
		.xl_products1{padding: 3vw 2vw;border: 1px solid #ddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: 0;display: flex;flex-wrap: wrap;}
		.xl_products11{flex:33%;margin:0;padding:0 1vw 4vw 1vw;box-sizing:border-box;transition: all 300ms;max-width: 33%;}
.xl_products11:nth-child(3n){margin-right:0;}
		.xl_products11 img{width:100%;height: 24vw;}
.xl_products11 a{display:block;}
.xl_products111{width:100%;height: 100%;}
.xl_products112{width:100%;margin:0;text-align: center;}
.xl_products112{font-size:3vw;line-height:1.2;color:#333;font-weight: 400;padding: 1vw 0;}
	
	
	
	.propro{width:100%;}
		.propro ul{display:flex;justify-content: center;flex-wrap: wrap;}
		.propro ul li{flex:45%;margin-right: 5%;text-align: center;max-width:50%;margin-bottom:3vw;}
	.propro ul li:nth-child(2n+0){margin-right:0;}
		.propro ul li img{width: 100%;height:33vw;display: block;}
		.propro ul li p{font-size:4vw;line-height:1.6;color:#333;text-align: center;padding:1vw 0 0 0;font-weight: 400;}
	
	
	
	
	.jishu-list{padding:0 0 50px 0;min-width:1300px;margin:5vw auto 0 auto;font-size:0;width:1300px;}
		.jishu-list-c{display:inline-block;vertical-align:top;width:400px;padding:1vw 0;text-align:left;margin-bottom:1vw;}
		.jishu-list-c:nth-child(3n-1){margin:0 50px;}

			.jishu-list-pic{width:100%;height:200px;overflow:hidden;background:#ddd;}
				.jishu-list-pic img{width:100%;filter:brightness(100%);transition:transform 0.6s,filter 0.5s;}

			.jishu-list-right{text-align:left;}
				.jishu-list-right h2{font-size:18px;color: #333;margin-bottom:1vw;font-weight:400;margin-top:1vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
				.jishu-list-right p{font-size:15px;line-height:24px;color:#666;font-weight:300;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}


			.jishu-list-c:hover .jishu-list-right{}
			.jishu-list-c:hover .jishu-list-pic img{filter:brightness(120%);transform: scale(1.1);}



	
	
	




    	.dj_pro{width:100%;padding:8vw 0 0 0;font-size:0;box-sizing:border-box;}
    		.dj_pro_title{font-size:5vw;line-height:6vw;text-align:center;margin-bottom:6vw;font-weight:400;}
	.dj_pro_title span{display:inline-block;vertical-align:middle;width:16vw;height:1px;background:#aaa;margin: 0 3vw;}



.sycase-wrap {
    position: relative;
}
.sycase-wrap ul {
    width: 90%;
    margin: auto;
}
.sycase-wrap ul li {
    position: relative;
    width: 80vw;
    margin: 0 auto 3vw auto;
}
.sycase-wrap ul li .pic:after {
    padding-bottom: 38.75%;
}
.sycase-wrap ul li .case-zzc {
    width: 550px;
    height: 190px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -95px;
    left: 50%;
    margin-left: -275px;
    z-index: 3;
    color: #fff;
    background: #000;
    filter: alpha(opacity=65);
    background: rgba(0, 0, 0, 0.65);
    padding: 0 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
}
.sycase-wrap ul li .case-zzc h3 {
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 30px;
    line-height: 70px;
    margin-top: 10px;
}
.sycase-wrap ul li .case-zzc p {
    font-size: 12px;
    line-height: 25px;
    margin: 30px 0;
    height: 55px;
    overflow: hidden;
}
.sycase-wrap ul li:hover .case-zzc {
    opacity: 1;
    filter:alpha(opacity=100);
}
.he_border2{background:#036;height:55vw;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 img{ width: 400px; /*! height:305px; */}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:5vw;font-weight:700;text-align:center;width:80%;position:absolute;top:14vw;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1;line-height: 7vw;}
.he_border2 .he_border2_caption_p{font-size:16px;text-align:center;width:79%;position:absolute;top:28vw;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.he_border2 .he_border2_caption_p a{ display: block; color: #fff; font-size: 16px; border-top: 1px solid #00a2ff;  padding: 5vw 0 0 0; margin: 5vw auto; width: 30vw;}
.he_border2:hover .he_border2_caption_p{top:28vw;opacity:1}

.he_border3{background:#036;height:18vw;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 img{ width: 410px; height:305px;}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.2}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border3 .he_border3_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:23px;font-weight:700;text-align:center;width:80%;position:absolute;top:43%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:16px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3 .he_border3_caption_p a{ display: block; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 4px; padding: 4px; margin: 66px 34%; width: 100px;}
.he_border3:hover .he_border3_caption_p{top:40%;opacity:1}




		.dj_logo{width:100%;min-width:90vw;margin:0 auto 8vw auto;box-sizing:border-box;padding-top:0;}
			.dj_logo1{margin:1.5vw auto 0 auto;}
			.dj_logo_title{font-size:30px;line-height:50px;text-align:center;margin-bottom:2vw;font-weight:400;color:black;}
				.dj_logo11{text-align:center;font-size:0;margin: auto;}
					.dj_logo111{display:inline-block;vertical-align:top;width:20vw;margin:0 1vw 1vw 1vw;}
					.dj_logo111 img{max-width:215px;width:100%;margin:auto;}






}