html, body, #template { width: 100%; height:100%; background: #fff;}
body { font-family: 'Microsoft Yahei', '微软雅黑',Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 14px; color:#333;}
html, body { margin:0; padding:0;}

.right { float:right;}
.hidden { display: none;}

a:hover { opacity: .8;}

em, i { font-style: normal;}

.formsDialog .submit:hover,
.services_2 li:hover p,
.services_1 li:hover,
.solutionItem .solutionList li:hover .imgBox .filterBg,
.about_2 .container li:hover div,
.productItem .proList li:hover,
.proList li a:hover p,
.index_5 .newsRight .newsTop li,
.index_5 .newsRight .newsList .items li,
a, i, img {
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.caseList li img:hover,
.productMoreInfo .recommend li .imgBox img:hover,
.proList li a:hover img,
.index_4 li a:hover img {
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05); 	/* IE 9 */
	-moz-transform:scale(1.05, 1.05); 	/* Firefox */
	-webkit-transform:scale(1.05, 1.05); /* Safari 鍜� Chrome */
	-o-transform:scale(1.05, 1.05); 	/* Opera */
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #d3d3d3;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #d3d3d3;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #d3d3d3;
}  

.divTable { display:table; width: 100%; height: 100%;}
.divTableCell { display: table-cell; vertical-align: middle; }

.clearfix { margin: 0!important; padding: 0!important;}
.layui-main:after,
.clearfix:before,
.clearfix:after { display: table; content: " "}
.layui-main:after,
.clearfix:after {clear: both}

.flex {
	display: flex;
	align-items: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-warp {
	flex-wrap: wrap;
}

.flex-bd {
	flex: 1;
}

.flex-start { align-items: flex-start; }
.flex-end { align-items: flex-end; }
.flex-center { align-items: center; }
.flex-baseline { align-items: baseline; }
.flex-stretch { align-items: stretch; }

.h100 { height:100%; }
.w100 { width:100%; }
.pb80 { padding-bottom: 80px;}

.lineTwo {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.warp { max-width: 1380px; min-width: 1200px; margin:0 auto;}
.container { max-width: 1200px; height:100%; margin: 0 auto; position: relative;}

.header .warp { padding-left:60px; height: 120px;}
.header .logo { float:left; width: 325px; height: 100%; background:url(../images/logo.png) center no-repeat;}
.header .solgan { float:left; width: 250px; margin-left:70px; height: 100%; background:url(../images/slogan.png) center no-repeat;}
.header .headerRight { float: right;}
.header .headerRight .topInfo { height:40px; line-height: 40px; padding-top:15px;}
.header .headerRight .topInfo .tel { font-family: 'Times New Roman', Times, serif; font-size: 30px; float:right;}
.header .headerRight .topInfo .tel i { float:left; width: 38px; height: 31px; background:url(../images/tel_black.png) center no-repeat; margin-right: 5px;}
.header .headerRight .topInfo .languages { float:right; margin-left: 20px; text-align: right;}
.header .headerRight .menus { padding-top:20px;}
.header .headerRight .menus a { padding: 5px 10px; font-size: 14px;}
.header .headerRight .menus a.curr,
.header .headerRight .menus a:hover { background-color: #1976d2; color:#FFF;}

.banner { position: relative; z-index: 1;}
.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	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;
}
.banner .swiper-pagination-bullet { background:#FFF; opacity: .8;}
.banner .swiper-pagination-bullet-active { background:#007aff; opacity: 1;}
.banner .bannerCon { height: 941px; width: 100%; background-repeat: no-repeat; background-size:cover; background-position: center;}
.banner .bannerCon.banner1 { background-image: url(../images/banner1.jpg);}
.banner .bannerCon.banner2 { background-image: url(../images/banner2.jpg);}
.banner .bannerCon.banner3 { background-image: url(../images/banner3.jpg);}
.banner .container { position: absolute; top:0; z-index: 2; width: 1200px; left: 50%; margin-left:-600px; height:0;}
.banner .container .tags { position: absolute; right:0; top:0; width:200px; padding-top:20px; background:rgba(0,0,0, .5);}
.banner .container .tags img { display: block; margin:0 auto;}
.banner .container .tags h3 { color:#FFF; text-align: center; font-size: 22px; margin-top:10px; padding-bottom: 30px;}

.indexItem .tit { padding-top:70px; text-align: center;}
.indexItem .tit h4 { font-size: 58px; color:#bebebe; font-weight: bold; text-transform: uppercase;}
.indexItem .tit h3 { font-size: 40px; color:#464646; padding:10px 0 40px; border-bottom: 2px solid #d5d5d5;}
.indexItem .tit h3 label { padding-bottom: 38px; border-bottom: 5px solid #666;}

.proList { margin-top:95px; padding-left: 45px;}
.proList li { float:left; width:250px; height:350px; border:1px solid #8c989f; margin: 0 35px 50px 0;}

.proList li .imgBox { width: 100%; height:305px; overflow: hidden;}
.proList li img { display: block; max-width:100%; margin:0 auto;}

.proList li p { height:45px; line-height: 45px; background:#8c989f; color:#FFF; font-size: 20px; text-align: center; padding: 0 10px;}

.index_2 { height: 813px; background:url(../images/index_0.jpg) center no-repeat; color:#FFF;}
.index_2 .leftItem {
	position: relative;
	float:left;
	width:630px;
	padding-top:270px;
}
.index_2 .leftItem::after { content: ""; position: absolute; right:0; top:265px; width: 5px; height:315px; background:#FFF; border-radius: 3px;}
.index_2 .rightItem {
	float:left;
	padding-top:335px;
}

.index_2 .f1 { font-size: 45px; text-transform: uppercase;}
.index_2 .f2 { font-size: 70px; padding-top:8px;}
.index_2 .f3 { font-size: 27px; padding:50px 70px 0 0; line-height: 1.8;}
.index_2 .f4 { font-size: 25px; padding-left: 145px;}
.index_2 .f5 { font-size: 43px; line-height: 1; font-weight: bold; padding: 10px 0 0 95px;}
.index_2 .f5 i { float:left; width: 44px; height: 36px; background:url(../images/tel_white.png) center no-repeat; margin-right: 10px; position: relative; top:5px;}
.index_2 .btn { 
	display:block; width:240px; height: 60px; line-height: 60px; font-size: 28px; text-align: center; border-radius: 6px; margin: 115px 0 0 115px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e3c270,endColorStr=#af8d39);
	background: -ms-linear-gradient(top,#e3c270,#af8d39); 
	background:-moz-linear-gradient(top,#e3c270,#af8d39); 
	background: -webkit-linear-gradient(top, #e3c270, #af8d39);   
	background: -o-linear-gradient(top, #e3c270, #af8d39); 
	color:#fff;             
}

.index_3 .container { background:url(../images/index_1.jpg) right center no-repeat; height:730px; padding: 125px 0 150px;}
.index_3 dd { position: relative; width:42%; padding-left: 30px; margin-top:25px;}
.index_3 dd em { position: absolute; left:0; top:0; font-size: 18px; line-height: 24px; color:#909090; font-weight: lighter;}
.index_3 dd h3 { font-size: 16px; line-height: 24px;}
.index_3 dd h4 {
	font-size: 14px; color:#FFF; line-height: 24px; display: inline-block; padding: 0 10px; margin: 5px 0; font-weight: lighter;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e3c270,endColorStr=#af8d39);
	background: -ms-linear-gradient(top,#e3c270,#af8d39); 
	background:-moz-linear-gradient(top,#e3c270,#af8d39); 
	background: -webkit-linear-gradient(top, #e3c270, #af8d39);   
	background: -o-linear-gradient(top, #e3c270, #af8d39); 
}
.index_3 dd ul {
	padding-left: 20px;
}
.index_3 dd li {
	list-style: disc;
	font-size: 14px;
	color: #6d6d6d;
	line-height: 1.5;
}

.index_4 { 
	height:690px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3d71a7,endColorStr=#305071);
	background: -ms-linear-gradient(top,#3d71a7,#305071); 
	background:-moz-linear-gradient(top,#3d71a7,#305071); 
	background: -webkit-linear-gradient(top, #3d71a7, #305071);   
	background: -o-linear-gradient(top, #3d71a7, #305071); 
}
.index_4 .warp { width:1380px;}
.index_4 ul { padding: 110px 0 0 6px;}
.index_4 li { float: left; width:323px; margin-right:25px;}
.index_4 li:nth-child(4) { margin-right:0;}
.index_4 li .imgBox { width: 100%; height:362px; overflow: hidden;}
.index_4 li img { display: block; width:100%;}

.index_4 li p { height:110px; background:#f3f3f3; text-align: center; font-size: 30px; box-sizing: border-box; padding-top:15px;}
.index_4 li p label { display: block; font-size: 22px; color:#d3d3d3; text-transform: uppercase; font-weight: lighter; margin-top:5px;}

.index_5 .container { padding:150px 0 140px;}
.index_5 .newsLeft { float:left; width:545px; padding-top:30px; margin-right:20px;}
.index_5 .newsLeft .img { display:block; width:545px; height: 535px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.index_5 .newsRight { float:left; width: 635px;}
.index_5 .newsRight .newsTop { height:46px; border-bottom: 1px solid #c1c1c1;}
.index_5 .newsRight .newsTop li { position: relative; float:left; height:28px; line-height: 28px; color:#464646; font-size: 18px;}
.index_5 .newsRight .newsTop li:first-child { margin-right: 20px;}
.index_5 .newsRight .newsTop li:first-child::after { content: "/"; position: absolute; right: -15px; top:0; height:28px; line-height: 28px; color:#464646;}
.index_5 .newsRight .newsTop li.curr { color:#FFF;}
.index_5 .newsRight .newsTop li.curr label { display: block; height:28px; line-height: 28px; padding: 0 25px; background-color: #1976d2; }
.index_5 .newsRight .newsTop li.curr label::after { content: ""; position: absolute; left:50%; transform: translateX(-50%); bottom: -12px;
	border-width: 6px;
	border-style: solid;
	border-color:#1976d2 transparent transparent transparent;
}
.index_5 .newsRight .newsTop .viewMore { float:right; font-size: 16px; color:#b4913d;}
.index_5 .newsRight .newsList .items { padding-top:40px;}
.index_5 .newsRight .newsList .items li { position: relative; height:110px; padding-left: 170px; color:#666;}
.index_5 .newsRight .newsList .items li + li { margin-top:13px;}
.index_5 .newsRight .newsList .items li .times { position: absolute; left:0; top:13px; bottom:13px; width:145px; border-right: 1px solid #a6a6a6; text-align: center;}
.index_5 .newsRight .newsList .items li .times strong { position: relative; display: block; font-size: 38px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; color:#ba9744; padding-top:10px;}
.index_5 .newsRight .newsList .items li .times strong::after {
	content:attr(text);
	position:absolute;
	width: 100%;
	left:0; 
	top:10px;
	color:#eedaaa;
	z-index:2;
	-webkit-mask:linear-gradient(to bottom,#eedaaa, transparent );
}
.index_5 .newsRight .newsList .items li .times label { color:#b18e3a; font-size: 18px;}
.index_5 .newsRight .newsList .items li h3 { padding-top:15px; font-size: 22px;}
.index_5 .newsRight .newsList .items li p { font-size: 14px; line-height: 1.5; padding:5px 20px 0 0;}
.index_5 .newsRight .newsList .items li.curr { background: #1976d2; color:#FFF;}
.index_5 .newsRight .newsList .items li.curr a { color:#FFF;}
.index_5 .newsRight .newsList .items li.curr strong,
.index_5 .newsRight .newsList .items li.curr label { color:#FFF;}
.index_5 .newsRight .newsList .items li.curr strong::after { display:none;}

.index_6 { height: 1136px; background:url(../images/index_7.jpg) center no-repeat; color:#565656;}
.index_6 .tit h4 { color: #333;}
.index_6 .tit h3 { color: #333; border-bottom-color: #90c0e9;}
.index_6 .tit h3 label { border-bottom-color: #333;}
.index_6 .newsContent { padding-top: 50px;}
.index_6 .newsContent p { font-size: 22px; line-height: 1.5; padding: 0 55px 40px;}

.footer { background: url(../images/foot_bg.png) center no-repeat; background-size: cover; color:#FFF;}
.footer .footCenter { float:left; width: 900px; padding: 50px 0 0 20px;}
.footer .footCenter .items { float:left; width:25%;}
.footer .footCenter .items:first-child { width:18%;}
.footer .footCenter .items:last-child { width:32%;}
.footer .footCenter .items h3 { margin-bottom: 10px; font-size: 22px;}
.footer .footCenter .items a { display: block; color:#FFF; line-height: 2; font-size: 15px;}
.footer .footRight { width: 280px; position: absolute; right:0; top:0; text-align: center;}
.footer .footCenter .items a + h3 { margin-top:10px;}
.footer .footRight img { display: block; height:180px; width:180px; margin:0 auto;}
.footer .footRight p { padding:40px 0 15px; font-size: 12px; font-size: 22px;}
.footer .frindLinks { float: left; position: relative; padding:10px 0 20px 70px; line-height: 24px; font-size: 12px; width:900px; box-sizing: border-box;}
.footer .frindLinks span { position: absolute; left:0; top:10px; line-height: 24px;}
.footer .frindLinks a { color: #FFF; margin-right:10px;}

.bannerBg { height:490px; background-repeat: no-repeat; background-size:cover; background-position: center;}
.productBanner { background-image: url(../images/subBanner1.jpg);}
.aboutBanner { background-image: url(../images/subBanner2.jpg);}
.solutionBanner { background-image: url(../images/subBanner3.jpg);}
.contactBanner { background-image: url(../images/subBanner4.jpg);}
.servicesBanner { background-image: url(../images/subBanner5.jpg);}

.banner .fonts { position: absolute; left:30px; top:130px; color:#FFF;}
.banner .fonts h3 { font-size: 70px;}
.banner .fonts h4 { position: relative; font-size: 34px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; padding-top:15px;} 
.banner .fonts h4::after { content: ""; position: absolute; left:0; bottom: -40px; width:85px; height:8px; background:#FFF; border-radius: 3px;}
.aboutBannerBg .fonts h4 { letter-spacing:5px;}

.subNavBox { height: 55px;}
.subNav { height:55px; line-height: 55px; background:#c09e4a;}
.subNav .container { box-sizing: border-box; padding: 0 100px;}
.subNav .container a { float:left; width:50%; height:100%; color:#FFF; text-align: center; font-size: 16px;}
.subNav .container a.curr { background:#ac8736;}
.subNav.fixed { position: fixed; z-index: 99; left:0; top:0; right:0;}

.aboutSubNav .container a { width:25%;}
.servicesSubNav .container a { width:33.3%;}

.productItem .tit { padding-top:150px;}
.productItem .tit h1 { position: relative; color: #000; font-size: 60px;}
.productItem .tit h1::after { content: ""; position: absolute; left:50%; bottom: -25px;transform: translateX(-50%); width:65px; height:5px; background:#8a8a8a;}
.productItem .proList { padding-left:60px;}
.productItem .proList li { background:#f4f4f4; border:2px solid #f4f4f4; box-sizing: border-box; width: 345px; height: 400px; margin: 0 20px 40px 0;}
.productItem .proList li .imgBox { width: 100%; height:325px; overflow: hidden;}
.productItem .proList li p { height:71px; line-height: 71px; background:#f4f4f4; color:#000;}
.productItem .proList li:hover { border-color:#c09e4a;}
.productItem .proList li:hover p { background:#c09e4a; color:#FFF;}

.productDetailsLocation { height:110px; line-height: 110px; background:#f0f3f8;}
.productDetailsLocation .container { padding: 0 200px; box-sizing: border-box;}
.productDetailsLocation .title { background:url(../images/edit.png) left center no-repeat; padding-left:25px; font-size:20px;}
.productDetailsLocation .breadcrumb { float: right; color:#666;}
.productDetailsLocation .layui-breadcrumb a:hover { color:#1976d2!important;}
.productDetailsLocation .layui-breadcrumb a cite { color: #1976d2;}

.productIntro .container { padding: 35px 0 35px 675px; width:1200px; margin:0 auto; box-sizing: border-box;}
.productIntro .introImg { position: absolute; left:120px; top:35px; width: 455px; height:510px; border:1px solid #ddd; overflow: hidden; margin-right:100px;}
.productIntro .introImg img { max-width:100%; max-height:100%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.productIntro .fonts { padding-top: 20px; font-size: 16px; min-height: 510px;}
.productIntro .detailsNav { margin-top:30px;}
.productIntro .detailsNav a { display:block; font-size: 16px; line-height: 2;}
.productIntro .detailsNav a:hover { color: #1976d2;}

.productMoreInfo { background:#f0f3f8; padding:90px 0;}
.productMoreInfo .section { padding-right:450px;}
.productMoreInfo .section .tabsBox { background:#FFF; border:1px solid #f2f2f2; padding: 30px; min-height: 500px;}
.productMoreInfo .section .tabsBox .tabs { border-bottom: 1px solid #e4eaec; height:50px; line-height: 50px;}
.productMoreInfo .section .tabsBox .tabs a { float:left; color:#76838f; padding: 0 20px; line-height: 49px;}
.productMoreInfo .section .tabsBox .tabs a.curr { color:#000; border-bottom:2px solid #1f3561;}
.productMoreInfo .section .tabsBox .infos { padding-top:50px;}

.productMoreInfo .recommend { float:right; width:410px;}
.productMoreInfo .recommend li { position: relative; width: 410px; height:410px; display:table; overflow: hidden; background:#FFF; margin-bottom: 15px; box-sizing: border-box; border:1px solid #ddd;}
.productMoreInfo .recommend li a { display: table-cell;  vertical-align: middle; width:408px; height:408px;}
.productMoreInfo .recommend li .imgBox img { display: block; margin:0 auto; max-width: 100%; max-height: 100%;}

.aboutItem .container { width:1095px; min-width: 1095px; padding-top:60px;}
.aboutItem .container p { font-size: 22px; line-height: 1.6; color:#414141; text-align: justify;}

.about_1 .container { padding-bottom: 100px;}
.about_1 .container .f2 { font-size: 34px; padding: 30px 0;}
.about_1 .container img { margin-top: 50px;}

.about_2 { background:#e4e4e4; padding-bottom: 145px;}
.about_2 .container h3 { font-size: 32px; text-align: center; padding: 50px 0 40px;}
.about_2 .container li { float: left; width: 253px; height: 417px; margin-right:27px; background-repeat: no-repeat; background-size:cover; background-position: center; color:#FFF; text-align: center;}
.about_2 .container li:last-child { margin-right:0;}
.about_2 .container li div { height: 100%;}
.about_2 .container li div:hover { background:#1976d2;}
.about_2 .container li h4 { font-size: 44px; padding-top:115px;}
.about_2 .container li label { display: block; position: relative; font-size: 22px; padding-top:20px;}
.about_2 .container li label::after { content: ""; position: absolute; left:50%; transform: translateX(-50%); bottom: -120px; width:60px; height:8px; background:#FFF; border-radius: 2px;}

.about_3 .container ul { padding-top:80px;}
.about_3 .container li { float: left; width: 210px; height: 360px; margin:0 10px 30px 0; background-repeat: no-repeat; background-size:contain; background-position: center; color:#FFF; text-align: center;}
.about_3 .container li:nth-child(5n) { margin-right:0;}
.about_3 .container li a { display: block; height: 100%; background:rgba(0,0,0, .8); color: #FFF;}
.about_3 .container li a:hover { background:#1976d2; opacity: 1;}
.about_3 .container li h4 { position: relative; font-size: 24px; padding-top:195px;}
.about_3 .container li h4::after { content: ""; position: absolute; left:50%; transform: translateX(-50%); bottom: -20px; width:60px; height:4px; background:#FFF; border-radius: 2px;}

.about_4 .container { padding: 100px 0 140px;}
.about_4 li { position: relative; height:120px; padding-left: 185px; color:#666; border:1px solid #cacaca;}
.about_4 li + li { margin-top:13px;}
.about_4 li .times { position: absolute; left:0; top:0; bottom:0; width:145px; background:#1976d2; border-right: 1px solid #a6a6a6; text-align: center;}
.about_4 li .times strong { position: relative; display: block; font-size: 26px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; color:#FFF; padding-top:10px;}
.about_4 li .times label { display: block; color:#FFF; font-size: 32px; padding-top:15px;}
.about_4 li h3 { padding-top:15px; font-size: 22px; color: #cf0000;}
.about_4 li p { font-size: 20px!important; line-height: 1.5!important; padding-top:5px; padding-right:20px; color: #414141;}

.solutionItem .tit { padding-top:70px;}
.solutionItem .tit h1 { font-size: 45px;}
.solutionItem .solutionList { padding:45px 0 50px;}
.solutionItem .solutionList li { float:left; position: relative; width:360px; height:615px; margin: 0 30px 30px 0; text-align: center;}
.solutionItem .solutionList li .imgBox { width: 100%; height:540px; overflow: hidden; background-repeat: no-repeat; background-size:contain; background-position: center; text-align: center;}
.solutionItem .solutionList li .imgBox .filterBg { height:100%; background:rgba(138, 151, 160, .6);}
.solutionItem .solutionList li p { line-height: 75px; font-size: 30px; color:#4a4a4a;}
.solutionItem .solutionList li:hover .imgBox .filterBg { background: rgba(0, 0, 0, .6);}
.solutionItem .solutionList li .imgBox h3 { position: relative; font-size: 40px; padding-top:245px; color:#FFF;}
.solutionItem .solutionList li .imgBox .viewMore { display:block; width:170px; background: #bb9b4a; color:#FFF; margin:45px auto 0; font-size: 25px; line-height: 40px; border-radius: 40px;}

.newsDetails { background:#f0f3f8; padding:90px 0;}
.newsDetails .warp { background:#FFF; padding: 30px 0 80px;}
.newsDetails .section { padding-left:250px;}
.newsDetails .section .tabsBox { padding: 30px; min-height: 500px;}
.newsDetails .section .tabsBox .tabs { border-bottom: 1px solid #e4eaec; height:50px; line-height: 50px;}
.newsDetails .section .tabsBox .tabs a { float:left; color:#76838f; padding: 0 20px; line-height: 49px;}
.newsDetails .section .tabsBox .tabs a.curr { color:#000; border-bottom:2px solid #1f3561;}
.newsDetails .section .tabsBox .infos { padding-top:50px;}

.newsDetails .listBox { float:left; width:230px; border:1px solid #dcdcdc; padding-bottom: 30px;}
.newsDetails .listBox h3 { line-height: 60px; padding-left: 20px; font-size: 20px; border-bottom:1px solid #dcdcdc; font-weight: bold; margin-bottom: 10px;}
.newsDetails .listBox li a { position: relative; display: block; line-height: 45px; padding: 0 25px;}
.newsDetails .listBox li:hover a,
.newsDetails .listBox li.curr a { background: #f0f0f0; color: #000;}
.newsDetails .listBox li:hover a::after,
.newsDetails .listBox li.curr a::after { content: ""; position: absolute; left:0; top:0; height:100%; width:4px; background:#db2e15;}

.newsDetailsLocation { height:50px; line-height: 50px; margin:0 20px 0 165px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.newsDetailsLocation .title { background:url(../images/edit.png) left center no-repeat; padding-left:25px; font-size:20px;}
.newsDetailsLocation .breadcrumb { float: right; color:#666;}
.newsDetailsLocation .layui-breadcrumb a:hover { color:#1976d2!important;}
.newsDetailsLocation .layui-breadcrumb a cite { color: #1976d2;}

.newsDetails .subImg { margin-bottom: 60px;}
.newsDetails .subImg img { display: block; width: 100%;}

.contactItem_1 .container { position: relative; z-index: 9; margin-top: -50px; height:550px; background: url(../images/contact_1.jpg) right center no-repeat #FFF; border-radius: 30px; box-shadow: 0 21px 21px rgba(0,0,0,.2);}
.contactItem_1 .fonts { padding: 90px 45px 0;}
.contactItem_1 .fonts h3 { position: relative; font-size: 50px; font-weight: bold; color:#000;}
.contactItem_1 .fonts h3::after { content: ""; position: absolute; left:0; bottom: -20px; width:65px; height:8px; background: #2b6bdc;}
.contactItem_1 .fonts p { margin-top:50px; font-size: 25px; line-height: 1.6; text-align: justify; width: 520px; color:#000; letter-spacing: 3px;}
.contactItem_2 p { padding:160px 0 110px; font-size: 25px; line-height: 1.6; text-align: justify; color:#000; letter-spacing: 2px;}

.contactItem_3 { height:777px; background: url(../images/contact_2.jpg) center no-repeat;}
.contactItem_3 .container { text-align:center; color:#FFF; padding-top:70px;}
.contactItem_3 h3 { font-size:28px; letter-spacing: 10px;}
.contactItem_3 h4 { font-size: 42px; color:#2c6bdc; letter-spacing: 10px; padding-top:35px;}
.contactItem_3 ul { padding-left: 190px; padding-top:15px;}
.contactItem_3 li { float:left; text-align: left; padding-left: 40px; box-sizing: border-box; font-size: 20px; line-height: 50px; background-repeat: no-repeat; background-position: left 12px;}
.contactItem_3 li.ct_1 { width: 380px; background-image: url(../images/tel.png);}
.contactItem_3 li.ct_2 { width: 600px; background-image: url(../images/fax.png);}
.contactItem_3 li.ct_3 { width: 380px; background-image: url(../images/website.png);}
.contactItem_3 li.ct_4 { width: 600px; background-image: url(../images/address.png);}
.contactItem_3 .qrCode { margin-top: 50px;}
.contactItem_3 .qrCode img { display: block; width:180px; height:180px; margin:0 auto;}
.contactItem_3 .qrCode p { padding-top:40px; font-size:25px;}
.contactItem_3 .inputBox { width: 455px; height:50px; margin:20px auto 0;}
.contactItem_3 .inputBox .input { float:left; width:278px; height:46px; border:2px solid #a4a9af; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right:none; background:rgba(255,255,255, .3); padding-left:20px; color:#FFF; font-size:20px;}
.contactItem_3 .inputBox .submit { float: left; width:155px; height:50px; line-height: 50px; background:#2c6bdc; text-align: center; font-size:25px; color:#FFF; box-sizing: border-box;}

.contactItem_3 .inputBox .input::-webkit-input-placeholder{ /* Internet Explorer 10+ */
	color: #fff;
	font-size: 20px;
}   
.contactItem_3 .inputBox .input::-moz-placeholder{ /* Internet Explorer 10+ */
	color: #fff;
	font-size: 20px;
}   
.contactItem_3 .inputBox .input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
	font-size: 20px;
}

.contactItem_5 .container { padding: 50px 0 150px;}
.contactItem_5 .BMapLib_nav_tab li:last-child { width: 109px!important;}

.services_1 .container { padding-bottom: 100px;}
.services_1 li .title { font-size: 23px; color:#b20000; line-height: 1.5; padding: 50px 20px 30px; text-align: justify;}
.services_1 li .content { background:#eee; padding: 20px; font-size: 20px; line-height: 1.5; color:#242424;}
.services_1 li:hover { background:#1976d2;}
.services_1 li:hover .title { position: relative; color:#FFF;}
.services_1 li:hover .title::after { content: ""; position: absolute; left:20px; bottom:0; right:20px; height:1px; border-bottom: 1px dashed #FFF;}
.services_1 li:hover .content { color:#FFF; background: transparent;}

.services_2 { background:#efefef; padding-bottom: 50px;}
.services_2 ul { padding-left:25px;}
.services_2 li { float:left; width:333px; height:320px; margin: 0 20px 70px 0;}
.services_2 li:nth-child(3n) { margin-right:0;}
.services_2 li a { position: relative; display: block; height: 100%; background: rgba(0, 0, 0, .6);}
.services_2 li .play { height:250px; background:url(../images/play.png) center no-repeat;}
.services_2 li p { position: absolute; z-index: 2; left:0; bottom:0; width:100%; height:70px; line-height: 70px!important; font-size: 25px; color:#FFF!important; background:#939393; text-align: center!important;}
.services_2 li:hover p,
.services_2 li:hover a { background:#1976d2; opacity: 1;}

.formsDialog .title { height:70px; line-height: 70px; padding-left:20px; font-size: 25px; background:#efeef1;}
.formsDialog .items { position: relative; height:80px; line-height: 80px; font-size: 25px; padding-left: 20px; cursor: pointer;}
.formsDialog .items::after { content: ""; position: absolute; top:0; bottom:0; right: 20px; width:100px; background:url(../images/unChecked.png) right center no-repeat;}
.formsDialog .items input { display: none;}
.formsDialog .items span + span { color:#999; margin-left:20px;}
.formsDialog .items + .items { border-top:1px solid #efeef1;}
.formsDialog .items.curr::after { background:url(../images/checked.png) right center no-repeat;}
.formsDialog .layui-textarea { height:200px; font-size: 20px; padding: 20px;}
.formsDialog .btn { text-align: center; padding: 50px 0 100px;}
.formsDialog .submit { width:300px; height:60px; line-height: 60px; text-align: center; background:#1976d2; border:none; color:#FFF; font-size: 25px; cursor: pointer;}
.formsDialog .submit:hover { opacity: .8;}

.caseList { padding-bottom: 200px;}
.caseList li { padding-top:30px; text-align: center;}
.caseList li h3 { line-height: 110px; font-size: 45px; padding:0 50px;}
.caseList li p { font-size: 32px; margin-bottom: 60px;}
.caseList li img { display: block; max-width: 100%; margin:0 auto;}

.page{ text-align:center; margin:30px auto 0; line-height:35px; clear:both;}
.page span,
.page a {
	padding: 5px 10px;
	border: 1px solid #ddd;
}
.page a:hover,
.page span { background:#1976d2; color:#FFF;}

.proImgBox img { display: block; margin:0 auto; max-width: 100%;}

.videoPlayBox .layui-layer-content { overflow: hidden!important;}
.videoPlayBox iframe { width: 100%!important; height: 100%!important;}