.header{ width: 100%; overflow: hidden; background: rgba(1,56,188,0.85); padding: 5px 0 0; z-index: 9999; top: 0; left: 0;}
.header .logo{ max-width: 340px; max-height: 70px; overflow: hidden; }
.header .phone{ line-height: 45px; color: #fff; font-size: 18px; right: 0 }
.nav{ margin-top: 5px}
.nav .items{ width: calc((100% - 120px) / 7); text-align: center; margin-right: 20px;}
.nav .items:nth-last-child(1){ margin-right: 0 }
.nav .items a{ color: #fff; display: block; width: 100%； text-align: center; line-height: 55px; font-size: 16px;  background: rgba(0,0,0,0.2); transition: all 0.5s}
.nav .items.active a,.nav .items a:hover{background: #0162d5; }
.nav .items .theTwos{ display: none; top: 70px; left: 0; width: 100%; background: #0254a0; border-top: 5px solid #013464 }
.nav .items .theTwos a{ color: #fff; line-height: 40px; font-size: 14px; width: 100%; text-align: center; transition: all 0.5s }
.nav .items .theTwos a:hover{ background: rgba(0,0,0,0.5) }
.header .mobileNav{ padding: 5px; width: 50px  }
.header .mobileNav a{ display: block; }


.indexBox01{ background: #fff; box-shadow: 0 0 10px #ddd; margin: 50px auto; }
.indexBox01 > div,.indexBox02 > div{ padding: 0; }
.indexBox01 .indexBox01Left{ padding: 30px; }
.indexIitles{ margin-bottom: 20px; overflow: hidden; line-height: 40px; font-size: 20px; }
.indexIitles span{ font-family: Arial; font-size: 14px; color: #999 }
.indexIitles a,.indexBox02 .indexBox02Right .tabs .itemsMores{ width: 40px; height: 40px; line-height: 38px; background: #ddd; color: #333; text-align: center; transition: all 0.5s }
.indexIitles i{ display: block; width: 50px; height: 2px; background: #333; }
.indexIitles a:hover,.indexBox02 .indexBox02Right .tabs .itemsMores:hover{ background: #0254a0; color: #fff; }
.indexBox01 .indexBox01Left .contents{ line-height: 2em; color: #484848 }
.indexBox01Right .swiper-pagination{ text-align: right; padding-right: 10px }
.indexBox01Right .items p{ bottom: 0; left: 0; width: 100%; line-height: 1.5em; color: #fff; background: rgba(2,48,160,0.6); padding: 10px 15px; }
.indexBox02{ margin: 60px auto 30px; }
.indexBox02 .indexBox02Left .indexIitles{ margin: 15px 0; }
.indexBox02 .indexBox02Right > div{ width: calc(100% - 30px); margin-left: 30px; }
.indexBox02 .indexBox02Right .tabs{ line-height: 40px; background: #eee; overflow: hidden; margin-bottom: 20px;}
.indexBox02 .indexBox02Right .tabs .items{ display: inline-block}
 .indexBox02 .indexBox02Right .tabs .items a{ transition: all 0.5s; display: block; padding: 0 30px;line-height: 40px; font-size: 18px;  }
.indexBox02 .indexBox02Right .tabs .items:hover a{ color: #2c80d5 }
.indexBox02 .indexBox02Right .tabs .items.active a{ background: #0254a0; color: #fff }

.newsList .items{ overflow: hidden; width: 100%; }
.newsList .items a{ display: block; line-height: 40px;}
.newsList .items a i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #666; vertical-align: middle; margin-right: 10px; }
.newsList .items a h2{ max-width: calc(100% - 130px) }
.newsList .items a:hover h2{ max-width: calc(100% - 130px); color:#ff0000;}
.banners{ /*padding-top: 50px;*/}
.newsListBox{ display: none;}

.litBanner{ margin: 30px 0; }
.indexTitle2{ text-align: center; padding: 20px 0 30px; }
.indexTitle2 h2{ font-size: 30px; line-height: 40px; font-weight: 600; color:#003d82;}
.indexTitle2 p{ font-size: 20px; line-height: 50px; font-family: Arial }
.indexTitle2 p i{ color: #fe1e1e }

.proList{ width: 100%; display: block }
.proList .items{ padding: 10px; }
.proList .items a{ display: block; padding: 10px 20px 80px; box-shadow: 0 0 10px #ddd; position: relative; transition: all 0.5s}
.proList .items a p{ position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; line-height: 30px; }
.proList .items a p i{ color: #fe1e1e }
.proList .items a:hover{ box-shadow: 0 0 10px #aaa; }

.indexBox03{background-image:url(../img/bg61.jpg);background-repeat:no-repeat; background-attachment:fixed; background-position: center; margin-top: 50px; padding: 80px 0 50px;}
.indexBox03 > div{ margin-bottom: 20px; }
.indexBox03 .texts{ margin-top: 20px; }
.indexBox03 .texts h3{ font-size: 16px; line-height: 30px }
.indexBox03 .texts h2{ font-size: 30px; font-weight: 600; margin-bottom: 30px; }
.indexBox03 .texts p{ line-height: 2em }
.indexBox03 .txts, .indexBox03 .imgs{ padding: 15px; background: #fff; box-shadow: 0 0 10px #eee; margin-bottom: 30px;}


.footer{ padding: 30px 0; background: url('../img/xbgt.jpg') no-repeat center; background-size: cover; font-size:12px; }

.fotNav .items{ width: calc(99.9% / 6) }
.fotNav .items a{ color: #fff; display: block }
.fotNav .items > a{ line-height: 45px; font-size: 14px }
.fotNav .items .twos a{ line-height: 30px; }
.fotLogo p{ margin-top: 15px; line-height: 2em; color: #fff }

.copy{ text-align: center; line-height: 1.5em; padding: 15px 0; background: #12519b; color: #fff; font-size:14px; }


.mbx{ padding: 15px 0; line-height: 40px; box-shadow: 0 0 10px #ddd; }
.mbx img{ width: 20px; vertical-align: middle }
.mbx a,.mbx span{ line-height: 40px; display: inline-block; padding: 0 5px; }

.contentss{ margin: 30px auto; overflow: hidden; }
.contentss2{ margin: 10px auto 30px;  }
.pad20{ margin-top: 30px; }
.lefts{ padding: 0; }
.lefts .myNav{ border:1px solid #f5f5f5; padding: 10px 0;}
.lefts h2{ line-height: 60px; background: #0254a0; color: #fff; font-size: 20px; padding: 0 20px; }
.lefts a{ width: 100%; display: block; line-height: 40px; transition: all 0.5s}
.lefts a i{ display: inline-block; width: 10px; height: 10px; background: #aaa; border-radius: 50%; vertical-align: middle; margin: 15px 20px; transition: all 0.5s }
.lefts a.active,.lefts a:hover{ background: #0254a0; color: #fff; }
.lefts a.active i, .lefts a:hover i{ background: #fff }
.lefts .leftContact{ padding: 10px 15px 20px; border:1px solid #f5f5f5; }
.lefts .leftContact p{ line-height: 2em; }
.lefts .leftContact p i{ color: #fe1e1e; font-size: 16px; padding-top: 5px; display: block }
.rights > h2{line-height: 60px; color: #003d82; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-weight:bold;}
.rights > h3{ color: #999; line-height: 1em; padding-bottom: 15px}
.col-lg-12 .you{ float:right; text-align:right; font-size:14px; font-weight:normal;}
.col-lg-12 .you a{color: #003d82;}


.nycontents{ line-height: 2em; font-size: 15px; box-sizing: border-box; }
.nycontents table{ width: 100% !important; border: 1px solid #eee; border-bottom: none; box-sizing: border-box; overflow: hidden}
.nycontents table tr{ border-bottom: 1px solid #eee;overflow: hidden;line-height: 30px; padding: 0 20px; border-right: none }
.nycontents table tr.tis{ background: #eee }
.nycontents table tr td{ line-height: 30px; padding: 10px 20px; border-right: 1px solid #eee}
.nycontents img{ max-width: 100%; height: auto !important }
.pages{ width: 100%; text-align: center; margin: 30px auto; }
.pages a,.pages span{ padding: 0 8px; transition: all 0.5s; min-width:30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 5px; border:1px solid #eee; color: #787878}
.pages span,.pages a:hover{ background: #0254a0; border-color: #0254a0; color: #fff }

.nyListPic{ padding: 0; }
.nyListPic .item span{ display: inline-block; border: 5px solid #eee; overflow: hidden; }
.nyListPic .item span img{ transition: all 0.5s }
.nyListPic .item:hover img{ transform: scale(1.05,1.05) }

.proListBox{ padding-bottom: 50px; width: 100%;}
.indexTitle2_2{ padding-top: 30px; }

.toutiao{border-bottom:1px solid #ddd; padding: 50px 0;}
.toutiao a{display:block; font-size:30px; font-weight:bold; line-height:44px; text-align: center}
.toutiao a img{ vertical-align: middle }

.indexBox08{ background: #f5f5f5; padding: 50px 0;/* margin-top: 50px*/ }
.indexBox08 a{ display: block; width: 100%; overflow: hidden; }
.indexBox08 a h2{ font-weight: 900; font-size: 20px; top: 15px; left: 20px; color: #fff }
.indexBox08 a img{ transition: all 0.5s }
.indexBox08 a:hover img{ transform: scale(1.05, 1.05) }

@media (max-width:1100px) {
	.header .nav .items a{ font-size: 14px; padding: 0 10px;}
	.indexBox01{ box-shadow: none; margin: 20px 0; }
}
@media (max-width:768px) {
	.header{ position: relative !important; padding: 0; }
	.header .logo{ max-width: 60% }
	.indexBox01 .indexBox01Left{ padding: 15px; }
	.indexBox02 .indexBox02Right > div{ width: calc(100% - 30px); margin: 15px; }
	.indexBox01{ margin: 0; }
	.indexBox02 .indexBox02Left{ padding: 0 15px; }
	.indexBox02 .indexBox02Right .tabs{ margin-bottom: 0 }
	.litBanner{ margin: 10px 0; }
	.litBanner img{ width: 180% }
	.indexTitle2{ padding: 15px 0; border-top: 1px solid #eee }
	.indexTitle2 h2{ font-size: 24px; line-height: 30px}
	.indexTitle2 p{ font-size: 16px; line-height: 30px }
	.indexBox03{ padding: 20px 0; }
	.indexBox03 .imgs{ margin-top: 20px; margin-bottom: 0; }
	.indexBox01 .indexBox01Left .contents{overflow: hidden; max-height: 160px;}
	.headerH{ height: 60px; }
	.contentss{ margin: 10px 0; }
	.contentss2{ padding: 0 10px; }
	.mbx{ padding: 5px 10px; }
	.toutiao{ padding: 10px 15px;}
	.toutiao a{ font-size: 16px; }
	.toutiao a img{ width: 30px;}
	.indexBox02{ margin: 20px auto;}
	.indexBox01Right .items p{ font-size: 13px;}
	.col-lg-12 .you{ display:none;}
	.mm-left{ float:left;}
}