/* 首页部分 */

@font-face{
font-family: CodaCaption;
src: url("CodaCaption-ExtraBold.ttf");
}

.logo { width: 100%; margin: 0px; margin: 0px; position: relative; z-index: 999; background: #fff;  }
.logo .rom { display: flex; justify-content: space-between; align-items: center; }
.logo .logo-pic { width: 600px; }
.logo .logo-pic img { height: 70px; }
.logo .nav-list { width: 565px; }
.logo .item { width: 90px; display: inline-block; text-align: center; }
.logo .item a { color: #212121; line-height: 100px; display: block; text-align: center; font-size: 14px; font-weight: normal; }
.logo .item:hover {  background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); transition: all 0.3s ease 0s; }
.logo .item:hover a { color: #fff; }

.product .cate { width: 255px; float: left; }
.product .cate-tt p { font-size: 26px; line-height: 75px; text-align: center; color: #fff; font-weight: 400; background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); }
.product .cate-list ul { padding: 0px 20px; padding-top: 16px; }
.product .cate-list li { line-height: 45px; border-bottom: 1px dotted #e0e0e0; }
.product .cate-list a {  font-size: 14px; color: #333; padding-left: 56px; font-weight: normal; }
.product .cate-list li:hover a { color: #004098; }
.product .cate-contact { width: 235px; padding: 26px 10px; border-radius: 5px; background: #fc4a1a; background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); background: linear-gradient(to right, #f7b733, #fc4a1a); margin-top: 30px; }
.product .cate-contact .icon { width: 60px; float: left; }
.product .cate-contact .icon svg { width: 60px; height: 60px; }
.product .cate-contact .info { width: 175px; margin-top: 13px; float: left; }
.product .cate-contact .info h2 { color: #fff; font-weight: 300; font-size: 13px; line-height: 13px; margin-top: -6px; margin-left: 5px; }
.product .cate-contact .info p { font-weight: 600; font-style: italic; color: #fff; font-size: 27px; line-height: 40px; }
.product .con { float: left; width: 945px; }
.product .con-tt p { line-height: 75px; font-weight: 400; font-size: 26px; text-align: left; text-indent: 16px; background-color: #efefef; color: #004098; }
.product .con-list { margin-top: 16px; padding-left: 10px; }
.product .con-list .item { width: 220px; float: left; margin-left: 15px; margin-bottom: 30px; }
.product .item:nth-child(4n+1) { margin-left: 0px; }
.product .con-list .item .pre-pic { border: 1px solid #004098; overflow: hidden; position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 100%; }
.product .con-list .item .pre-pic img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.5s ease 0s; }
.product .con-list .item:hover .pre-pic img { -webkit-transform: scale(1.6); transform: scale(1.6); transition: all 0.5s ease 0s; }
.product .con-list .item .tt { display: block; background-color: #7b7b7b; color: #fff; opacity: 0.85; line-height: 36px; font-size: 14px; text-align: center; position: absolute; bottom: 0px; width: 100%; }
.product .con-list .item .info { margin-top: 12px; }
.product .con-list .item .info a { display: block; float: left; width: 50%; background-color: #004098; color: #fff; font-size: 12px; line-height: 28px; text-align: center; margin: 0px; padding: 0px; }
.product .con-list .item .info a:first-child { background-color: #7b7b7b; }

.ex03 { height: 540px; padding-top: 90px; background: url(ex03_bg.png) center top no-repeat; margin-bottom: 0px;  }
.ex03 .part { min-height: 150px; }
.ex03 .part .p1 span { font-size: 40px; font-weight: bold; letter-spacing: 3px; font-family: "CodaCaption"; color: #4c4c4c; }
.ex03 .part .p1 { font-size: 20px; margin-top: 10px; font-weight: 400; color: #212121; }
.ex03 .part .p2 { font-size: 13px; line-height: 26px; color: #666; }
.ex03 .pl { width: 340px; float: left; }
.ex03 .pm { width: 490px; padding-top: 90px; float: left; }
.ex03 .pm .pic { display: flex; justify-content: center; align-items: center; }
.ex03 .pm img { width: 280px; }
.ex03 .pr { width: 360px; float: left; }
.ex03 .pm .pic { position: relative; }
.ex03 .pic_info { position: absolute; display: flex; justify-content: center; align-items: center;}
.ex03 .pic_info * { color: #fff; text-align: center; }
.ex03 .pic_info h3 { font-size: 30px; line-height: 30px; }
.ex03 .pic_info .line { width: 60px; height: 1px; background-color: #fff; margin: 20px auto; }
.ex03 .pic_info p { font-size: 16px; line-height: 16px; font-weight: 400; margin-top: 10px; }

.about { padding: 80px 0px 90px; background: #004098; margin: 0px; }
.about .conl { float: left; width: 600px; }
.about .conl .tt { font-size: 28px; font-weight: 500; color: #fff; line-height: 50px; letter-spacing: 1px; }
.about .conl .tt span { color: #fff; font-weight: 500; }
.about .conl .line { background: #fff; height: 2px; width: 80px; margin: 15px 0px 30px; }
.about .conl .info { margin-top: 20px; }
.about .conl .info, .about .conl .info * { color: #f1f1f1; font-size: 15px; line-height: 30px; text-align: justify; }
.about .conl .more { display: block; width: 210px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 15px; line-height: 42px; margin-top: 10px; transition: all 0.3s ease 0s; background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); font-weight: 400; }
.about .conr { width: 490px; height: 360px; float: right; background: url(about-img.jpg); background-size: cover; }
.p4 { background: url(p4_bg.jpg) center top no-repeat; height: 225px; }

.case .frame { width: 400px; height: 380px; float: left; }
.case .item { width: 370px; height: 340px; border: 1px dashed #004098; padding: 8px; transition: all 0.5s ease 0s; }
.case .frame:nth-child(3n+1) { margin-left: 0px; }
.case .item .pic { width: 100%; margin: 0 auto; }
.case .item .pic a { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 60%; }
.case .item .pic img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.case .item .tt { font-size: 18px; line-height: 32px; color: #004098; margin-top: 10px; text-indent: 10px; }
.case .item .des { font-size: 13px; line-height: 20px; color: #121212; text-indent: 10px; }
.case .item .more { display: inline-block; float: right; width: 30px; height: 30px; text-align: center; background: #004098; color: #e9e5da; margin-top: -10px; line-height: 30px; transition: all 0.5s ease 0s; }
.case .item:hover { background: #004098; margin-top: -5px; transition: all 0.5s ease 0s; }
.case .item:hover .tt, .case .item:hover .des { color: #e9e5da; }
.case .item:hover .more { background: #e9e5da; color: #004098; transition: all 0.5s ease 0s; }

.main-tt h1 { font-size: 28px; text-align: center; line-height: 30px; margin-bottom: 10px; }
.main-tt h1 span { font-weight: bold; color: #1e4da7; }
.main-tt p { font-size: 18px; color: #999; text-align: center; line-height: 18px; font-family: CodaCaption; margin-bottom: 10px; }
.main-tt .line { width: 60px; height: 3px; background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); margin: 12px auto; }

.news { background: url(news_bg.jpg) center top no-repeat; background-size: cover; padding: 6rem 0px 7rem; margin: 0px; }
.news .mod_title a:hover { color: #1047a1; }
.news .news_layout { margin-top: 3rem; }
.news .list_01 .item { float: left; width: 31.5%; margin-left: 1.8rem; }
.news .list_01 .item:first-child { margin-left: 0px; }
.news .list_01 .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 60%; }
.news .list_01 .item .pic img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.5s ease 0s; }
.news .list_01 .item:hover img { -webkit-transform: scale(1.8); transform: scale(1.8); transition: all 0.5s ease 0s; } 
.news .list_01 .item .info { background: #fff; padding: 1.5rem 1rem; transition: all 0.5s ease 0s; }
.news .list_01 .item:hover .info {  background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); transition: all 0.5s ease 0s; }
.news .list_01 .item .date { font-size: .8rem; color: #999; line-height: .8rem; margin-bottom: .6rem; }
.news .list_01 .item:hover .info * { color: #fff; transition: all 0.5s ease 0s; }
.news .list_01 .item:hover .info .line { background-color: #fff; }
.news .list_01 .item:hover .more { color: #1047a1; background-color: #fff; }
.news .list_01 .item .title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .list_01 .item .title a { font-size: 1.2rem; color: #4c4c4c; font-weight: bold; line-height: 1.2rem; }
.news .list_01 .item .line { width: 50px; height: 1px; background: #4c4c4c; margin: .8rem 0;  }
.news .list_01 .item .sub { font-size: .9rem; color: #969696; line-height: 1.5rem; margin-bottom: 10px; }
.news .list_01 .item .more { font-size: .8rem; line-height: 36px; width: 9rem; display: block; text-align: center; background-color: #055eab; color: #fff; }

.news .list_02 { margin-top: 1rem; }
.news .list_02 .item { width: 49%; float: left; background: #fff; margin-top: 1rem; margin-left: .8rem; padding: 1rem 0; transition: all 0.5s ease 0s; }
.news .list_02 .item:nth-child(2n+1) { margin-left: 0rem; }
.news .list_02 .date { width: 6rem; height: 3.6rem; float: left; display: flex; justify-content: center; align-items: center; }
.news .list_02 .date p { color: #4c4c4c; text-align: center; }
.news .list_02 .day { font-size: 1.8rem; font-family: "CodaCaption"; font-weight: bold; line-height: 2rem; margin-bottom: .3rem; }
.news .list_02 .month { font-size: .6rem; line-height: .6rem; }
.news .list_02 .con { float: left; width: 28rem; }
.news .list_02 .con .tt { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .list_02 .con .tt a { font-size: 1.3rem; line-height: 3.6rem; font-weight: bold; color: #4c4c4c; }
.news .list_02 .item:hover {  background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6); transition: all 0.5s ease 0s; }
.news .list_02 .item:hover p, .news .list_02 .item:hover a { color: #fff; }