@charset "UTF-8";
/*
********************************外层框架 start********************************
*/
/*头部开始*/
.top { height: 90px; background: #fff; }
.logo { overflow: hidden; padding-top: 22px; }
.logo img { height: 50px; display: block }
.search { width: 50px; height: 30px; margin-top: 30px; position: relative; }
.search:before { content: ''; display: block; position: absolute; width: 1px; height: 14px; left: 0; top: 8px; background: #ccc; }
.search a { display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; z-index: 4; border-radius: 50%; transition: 0.4s; background: url(../images/search.png) center center no-repeat; }
.search .SearchInp { position: absolute; right: 0; top: 0; width: 30px; height: 30px; border-radius: 24px; overflow: hidden; background: #182d7c; transition: 0.4s; opacity: 0; z-index: 3; }
.search:hover .SearchInp { width: 180px; opacity: 1; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); }
.SearchInp input { border: none; background: transparent; line-height: 30px; color: #fff; font-size: 14px; width: 100%; padding: 0 10px; box-sizing: border-box; }
.menu-box { height: 90px; line-height: 90px; }
.menu dd { float: left; display: inline; position: relative; }
.menu dd.hover .yj:before { display: block; content: ''; height: 5px; width: 100%; background: #f1c121; position: absolute; bottom: 0; }
.menu dd.hover .yj a { background: #1a3071; color: #fff; }
.menu dd .yj { position: relative; }
.menu dd .yj a { overflow: hidden; display: block; padding: 0 30px; text-align: center; font-size: 15px; color: #333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.menu dd .ej { position: absolute; left: 0px; top: 90px; width: 100%; background: #fff; display: none; z-index: 7; }
.menu dd .ej a { display: block; padding: 12px 5px; line-height: 20px; text-align: center; transition: all 0.4s ease; }
.menu dd .ej a:hover { background : #1a3071; color: #fff; }
/* 媒体查询（当屏幕宽度小于1570px时,logo的margin-left值变为50） */
@media screen and (max-width:1700px) {
.logo { margin-left: 50px; }
.topBtn { margin-right: 0; }
}
/* 媒体查询（当屏幕宽度小于1510px时,wrap变为1400px） */
@media screen and (max-width:1510px) {
.wrap { width: 1400px; }
.menu dd .yj a { padding: 0 20px; }
.search:hover .SearchInp { width: 150px; }
}
/* 媒体查询（当屏幕宽度小于1400px时,wrap变为1200px） */
@media screen and (max-width:1400px) {
.wrap { width: 1200px; }
.menu dd .yj a { padding: 0 15px; }
.search:hover .SearchInp { width: 130px; }
}
/*头部结束*/
/*底部开始*/
.footer1 { background: #3b3b3b; padding: 50px 0 72px; }
.footerMenu { overflow: hidden; }
.footerMenu dd { float: left; display: inline; margin-right: 67px; }
.footerMenu dd em { font-style: normal; display: block; line-height: 36px; height: 36px; overflow: hidden; margin-bottom: 20px; }
.footerMenu dd em a { font-size: 16px; color: #dedede; }
.footerMenu dd em a:hover { color: #f1c121; }
.footerMenu dd span { font-style: normal; display: block; line-height: 32px; overflow: hidden; }
.footerMenu dd span a { font-size: 14px; color: #979797; }
.footerMenu dd span a:hover { color: #f1c121; }
.footerEwm { overflow: hidden; }
.footerEwm .footerBtn { height: 45px; margin: 11px 0 30px 18px; }
.footerEwm .btn { float: left; width: 45px; height: 45px; margin-left: 10px; border-radius: 45px; }
.footerEwm .btn.address { background: #7ecef4 url(../images/footaddress.png) center center no-repeat; }
.footerEwm .btn.weibo { background: #eb4800 url(../images/footweibo.png) center center no-repeat; }
.footerEwm .btn.leaveWord { width: 122px; position: relative; background: #f1c121; }
.footerEwm .btn.leaveWord a { background: url(../images/footleaveword.png) left center no-repeat; padding-left: 30px; position: absolute; left: 18px; }
.footerEwm .btn a { display: block; color: #fff; font-size: 14px; height: 45px; line-height: 45px; text-align: center; }
.footerEwm dd { float: left; display: inline; position: relative; width: 110px; overflow: hidden; margin-left: 20px; }
.footerEwm dd img { display: block; object-fit: cover; height: 110px; }
.footerEwm dd span { display: block; height: 42px; line-height: 42px; text-align: center; color: #999; font-size: 14px; }
.footer2 { height: 80px; background: #313131; line-height: 80px; }
.footer2 div { font-size: 14px; color: #999; }
.footer2 i.police { display: inline-block; width: 20px; height: 20px; background: url(../images/police.png) center center no-repeat; padding: 0 4px; position: relative; top: 5px; }
.footer2 .fr a { color: #999; }
.footer2 .fr a:hover { color: #f1c121; }
/*底部结束*/
/*
********************************外层框架 end********************************
*/
/*
********************************首页样式 start********************************
*/

/*banner开始*/
.banner { width: 100%; position: relative; }
.banner .bannerWrap { position: absolute; height: 90px; bottom: 0; margin-left: 10.6%; }
@media screen and (max-width:1900px) {
.banner .bannerWrap { margin-left: 0; }
}
.banner .bd { z-index: 0; }
.banner .bd li { height: 800px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .bd li a { display: block; width: 100%; height: 100%; position: relative; }
.banner .hd { position: absolute; bottom: 40px; z-index: 1; right: 0; }
.banner .hd ul { /* display: inline-block; */
}
.banner .hd li { float: left; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; line-height: 40px; overflow: hidden; margin: 0 6px; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.banner .hd li.on { width: 40px; height: 12px; border-radius: 12px; border: none; background: #f1c121; }
.banner .bgCover { width: 100%; height: 90px; background: rgba(0, 0, 0, 0.7); position: absolute; right: 0; bottom: 0; }
.banner .bgCover a { display: block; padding-right: 100px; overflow: hidden; }
.banner .title { color: #fff; font-size: 22px; width: 23%; text-align: left; line-height: 90px; margin-right: 25px; position: relative; padding-right: 10px; }
.banner .title:before { content: ''; display: block; height: 52px; width: 6px; position: absolute; right: 0; top: 20px; background: url('../images/bracket.png') center center no-repeat; }
.banner .info { color: #ebebeb; width: 60%; font-size: 14px; line-height: 26px; height: 52px; padding-top: 20px; }
/*banner结束*/

/*首页公共样式 start*/
.indexWrapL { overflow: hidden; background: #fff; padding: 20px 30px; border-radius: 4px; }
.indexTitle { height: 40px; line-height: 40px; }
.indexTitleL { font-size: 16px; color: #333; position: relative; }
.indexTitleL:before { display: block; content: ''; position: absolute; height: 3px; width: 100%; background: #f1c121; bottom: -3px; left: 0; }
.indexTitleR a { display: block; padding-right: 28px; position: relative; color: #666; font-size: 14px; }
.indexTitleR a:before { display: block; content: ''; width: 18px; height: 18px; background: #999 url(../images/btnmore.png) center center no-repeat; border-radius: 50%; position: absolute; right: 0; top: 11px; }
.indexTitleR a:hover { color: #182d7c; }
.indexWrapR { width: 430px; margin-left: 20px; }
.indexAd { height: 100px; position: relative; overflow: hidden; }
.indexList { overflow: hidden; }
.indexList dd { height: 39px; line-height: 39px; font-size: 14px; overflow: hidden; }
.indexList dd a { display: block; height: 39px; }
.indexList dd a:hover .indexListL { color: #182d7c; }
.indexListL { float: left; color: #555; }
.indexListL em { float: left; display: block; width: 15px; height: 39px; background: url(../images/emicon.png) left center no-repeat; }
.indexListR { color: #999; float: right; }
/*首页公共样式 end*/

/*第一通栏开始*/
.indexNewsL { width: 360px; position: relative; margin-right: 30px; }
/* .indexNewsL:before {
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	background: #eee;
	top: 0;
	right: -1px;
} */
.indexNewsL .hd { position: absolute; top: 250px; right: 40px; z-index: 2; }
.indexNewsL .hd li { float: left; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; line-height: 40px; overflow: hidden; margin: 0 6px; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.indexNewsL .hd li.on { width: 12px; height: 12px; border: none; background: #f8b551; }
.indexNewsL .bd { overflow: hidden; }
.indexNewsL .title { color: #333; font-size: 15px; font-weight: bold; line-height: 24px; height: 24px; margin-bottom: 5px; }
.indexNewsL .time { line-height: 30px; height: 30px; font-size: 22px; color: #f1c121; margin-bottom: 15px; }
.indexNewsL dd a:hover .title { color: #182d7c; }
.indexNewsL .pic { width: 360px; }
.indexNewsL .pic:before { padding-top: 55.555555%; }
.indexNewsL .pic img { object-fit: cover; border-radius: 2px; }
.indexNewsL .info { width: 360px; margin-top: 13px; line-height: 26px; height: 52px; color: #666; font-size: 14px; }
.indexNewsR { overflow: hidden; height: 351px; }
.indexWrapR .announ { margin-bottom: 25px; border-radius: 6px; }
.indexWrapR .announ a { display: block; }
.indexWrapR .announ .pic:before { padding-top: 39.53488%; }
.indexWrapR .adImg { height: 120px; margin-top: 20px; border-radius: 6px; }
.indexWrapR .adImg img { width: 100%; height: 100%; object-fit: cover; }
/*第一通栏结束*/
.indexAd .bd li { height: 100px; }
.indexAd .bd li a { display: block; }
.indexAd .bd li img { width: 100%; height: 100%; object-fit: cover; }
.indexAd.ad1:hover .btn.prevBtn { left: -25px; opacity: 1; }
.indexAd.ad1:hover .btn.nextBtn { right: -25px; opacity: 1; }
.indexAd .btn { width: 50px; height: 26px; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 50%; margin-top: -13px; border-radius: 25px; background-repeat: no-repeat; cursor: pointer; opacity: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.indexAd .btn.prevBtn { background-image: url(../images/adprev.png); background-position: 32px center; left: -50px; }
.indexAd .btn.nextBtn { background-image: url(../images/adnext.png); background-position: 10px center; right: -50px; }
/*第二通栏开始*/
.indexWork { overflow: hidden; position: relative; margin-top: 6px; }
.indexWorkL { width: 360px; margin-right: 30px; padding-top: 12px; position: relative; }
.indexWorkL .bd { overflow: hidden; }
.indexWorkL .bd .indexImgList2 a { display: block; position: relative; }
.indexWorkL .bd .data { height: 50px; line-height: 50px; padding: 0 40px; background: #fafafa; font-size: 15px; color: #333; font-weight: bold; text-align: center; }
.indexWorkL .pic:before { padding-top: 55.555555%; }
.indexWorkL .pic img { object-fit: cover; }
.indexWorkR { overflow: hidden; height: 273px; }
.indexWorkL:hover .btn.prevBtn { opacity: 1; }
.indexWorkL:hover .btn.nextBtn { opacity: 1; }
.indexWorkL:hover .data { color: #182d7c; }
.indexWork .btn { width: 40px; height: 50px; position: absolute; bottom: 0; margin-top: -25px; border-radius: 25px; background-repeat: no-repeat; cursor: pointer; opacity: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.indexWork .btn.prevBtn { left: 0; background-image: url(../images/workprev.png); background-position: center center; }
.indexWork .btn.nextBtn { right: 0; background-image: url(../images/worknext.png); background-position: center center; }
.column2 .indexWrapR { background: #fff; border-radius: 4px; padding: 20px 25px 30px; box-sizing: border-box; }
.column2 .indexWrapR .indexTitle { height: 38px; line-height: 38px; }
.column2 .indexWrapR .videoBox { margin-top: 30px; height: 250px; position: relative; overflow: hidden; }
.column2 .videoBox .pic { height: 250px; }
.column2 .videoBox .pic img { object-fit: cover; }
.column2 .videoBox a { display: block; position: relative; }
.column2 .videoBox a:before { display: block; content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; opacity: 0; z-index: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.column2 .videoBox a:hover:before { opacity: 1; }
.column2 .videoBox a:hover .playIcon { opacity: 1; }
.column2 .videoBox .playIcon { width: 50px; height: 50px; background: url(../images/playicon.png) center center no-repeat; position: absolute; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; border-radius: 50%; opacity: 0; z-index: 2; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
/*第二通栏结束*/
.ad2 dl { margin-right: -5px; }
.ad2 dd { width: 25%; float: left; padding-right: 5px; box-sizing: border-box; }
.ad2 .pic:before { padding-top: 26.8096514%; }
/*第三通栏开始*/
.column3 { background: #fff; padding: 32px 0; }
.businessTitle { height: 50px; line-height: 50px; margin-bottom: 25px; }
.businessTitle .title { font-size: 24px; line-height: 40px; margin-right: 40px; color: #333; }
.businessTitle .info { overflow: hidden; font-size: 14px; color: #666; }
.businessTitle .btn { width: 120px; height: 50px; position: relative; cursor: pointer; }
.businessTitle .btn div { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #a8a8a8; position: absolute; top: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.businessTitle .btn .prevBtn { background: url(../images/prevbtn.png) center center no-repeat; left: 0; }
.businessTitle .btn .nextBtn { background: url(../images/nextbtn.png) center center no-repeat; right: 0; }
.businessTitle .btn .prevBtn:hover { border: 1px solid #f1c121; background: #f1c121 url(../images/prevbtn_h.png) center center no-repeat; }
.businessTitle .btn .nextBtn:hover { border: 1px solid #f1c121; background: #f1c121 url(../images/nextbtn_h.png) center center no-repeat; }
.column3 .indexImgList3 { margin-right: -30px; }
.column3 .indexImgList3 dd { width: 25%; float: left; }
.column3 .indexImgList3 a { display: block; }
.column3 .indexImgList3 .con { margin-right: 30px; position: relative; }
.column3 .indexImgList3 .data { height: 50%; width: 100%; padding: 0 30px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; border-radius: 4px; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)); }
.column3 .indexImgList3 .title { color: #fff; font-size: 18px; line-height: 30px; height: 30px; position: absolute; bottom: 67px; }
.column3 .indexImgList3 .data .icon { width: 50px; height: 50px; position: absolute; bottom: 110px; left: 30px; }
.column3 .indexImgList3 .data:before { display: block; content: ''; width: 20px; height: 6px; position: absolute; bottom: 28px; left: 30px; background: url(../images/arrowleft.png) center center no-repeat; }
.column3 .indexImgList3 .pic { border-radius: 4px; }
.column3 .indexImgList3 .pic:before { padding-top: 148.4507%; }
.column3 .indexImgList3 .pic img { object-fit: cover; }
/*第三通栏结束*/
/*
********************************首页样式 end********************************
*/

/*
********************************内页框架 start********************************
*/
/*内页subBanner start*/
.subBanner { padding-top: 21.875%; background-position: center center; background-size: cover; }
/*内页subBanner end*/
/*当前位置location start*/
.locationBox { overflow: hidden; background: #fff; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.02); box-shadow: 0px 3px 5px rgba(0,0,0,0.02); position: relative; z-index: 6; }
.subMenu_dl { overflow: hidden; position: relative; }
.subMenu_dl dd { float: left; display: inline; overflow: hidden; }
.subMenu_a { display: block; overflow: hidden; font-size: 14px; font-weight: bold; color: #666; height: 70px; line-height: 70px; position: relative; padding: 0px 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.subMenu_dl dd .subMenu_a:hover, .subMenu_dl dd.hover .subMenu_a { color: #1a3071; }
.navLine { background: #1a3071; position: absolute; height: 3px; bottom: 0; left: 0; }
.location { line-height: 70px; height: 70px; overflow: hidden; }
.location a { font-size: 14px; color: #a3a3a3; overflow: hidden; padding-left: 15px; }
.location a+a { background: url(../images/trangleright.png) no-repeat left center; }
.location a:hover { color: #1a3071; }
.location a.hover, .location a+a:hover { color: #1a3071; background: url(../images/trangleright_h.png) no-repeat left center; }
a.locIndex { background: url(../images/home.png) no-repeat left center; width: 10px; height: 10px; display: inline-block; margin-top: -5px; vertical-align: middle; }
/*当前位置location end*/
/*
********************************内页框架 end********************************
*/