/* 首页部分 */

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

.top { background-color: #149c8e; margin: 0px; height: 10px;  }
.logo { width: 100%; margin: 0px; position: relative; z-index: 999; background: #fff;  }
.logo .rom { padding: 25px 0px; }
.logo .logo-pic { width: 450px; }
.logo .logo-pic img { height: 50px; }
.logo .nav-list { width: 610px; }
.logo .item { float: left; text-align: center; }
.logo .item a { color: #333; line-height: 50px; display: block; text-align: center; font-size: 14px; font-weight: 300; padding: 0px 15px;  }
.logo .item:hover a { background: #149c8e; color: #fff; transition: all 0.3s ease 0s; }

.logo .item ul { position: absolute; background-color: #149c8e; z-index: 99; padding: 20px 0px; display: none; transition: all 0.3s ease 0s; }
.logo .item ul li { width: 150px; text-align: center; }
.logo .item ul li a { font-size: 13px; line-height: 28px; }
.logo .item ul li a:hover { background-color: #233E8B; }
.logo .item:hover ul { display: block; transition: all 0.3s ease 0s; }
.logo .item ul li svg { position: relative; top: 6px; }

.main-tt h1 { font-size: 30px; color: #3c3c3c; font-family: CodaCaption; text-align: center; line-height: 30px; margin-bottom: 10px; font-weight: bold; }
.main-tt h1 span { font-weight: bold; color: #159c8e; font-family: CodaCaption; }
.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: #159c8e; margin: 12px auto; }
.about .con { padding-top: 20px; }
.about .con .intro, .about .con .intro * { text-align: center; line-height: 36px; font-size: 15px; color: #222; font-weight: 300; }
.about .info { margin-top: 30px; }
.about .info .item { width: 380px; float: left; padding: 10px; cursor: pointer; }
.about .info .item .tt { text-align: center; color: #222; font-size: 18px; line-height: 42px; }
.about .info .item .des { text-align: center; color: #999; font-size: 13px; width: 260px; line-height: 30px; margin: 0 auto; }
.about .info .icon { text-align: center; margin-bottom: 5px; }
.about .more { display: block; width: 200px; border: 1px solid #159c8e; color: #159c8e; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 10px; border-radius: 5px; transition: all 0.3s ease 0s; }
.about .more:hover { background: #159c8e; color: #fff; transition: all 0.3s ease 0s; }

.intro .pp { margin-top: 30px; }
.intro .pp .item { width: 220px; float: left; padding: 10px; cursor: pointer; }
.intro .pp .item .fr { border: 1px solid #fff; height: 320px; }
.intro .pp .item .tt { text-align: center; color: #fff; font-family: CodaCaption; font-size: 18px; font-weight: 500; line-height: 28px; }
.intro .pp .item .des { text-align: center; color: #fff; font-size: 13px; width: 180px; line-height: 20px; margin: 10px auto 0px; }
.intro .pp .p1 { background-color: #f44336; transition: all 0.5s ease 0s;}
.intro .pp .p1:hover { background-color: #1f1d1d; transition: all 0.5s ease 0s;}
.intro .pp .p2 { background-color: #159c8e; transition: all 0.5s ease 0s;}
.intro .pp .p2:hover { background-color: #1f1d1d; transition: all 0.5s ease 0s;}
.intro .pp .p3 { background-color: #233E8B; transition: all 0.5s ease 0s;}
.intro .pp .p3:hover { background-color: #1f1d1d; transition: all 0.5s ease 0s;}
.intro .pp .p4 { background-color: #4a4748; transition: all 0.5s ease 0s;}
.intro .pp .p4:hover { background-color: #1f1d1d; transition: all 0.5s ease 0s;}
.intro .pp .p5 { background-color: #2196f3; transition: all 0.5s ease 0s;}
.intro .pp .p5:hover { background-color: #1f1d1d; transition: all 0.5s ease 0s;}
.intro .pp .icon { text-align: center; margin: 13px 0px 5px 0px; }
.intro .pp .icon svg { width: 60px !important; height: 60px !important; }

.project { background: url(project_bg.jpg) center bottom no-repeat; padding: 60px 0px; margin-bottom: 0px; margin-top: 50px; }
.project .list { position: relative; top: -40px; }
.project .item { width: 280px; margin-left:  26px; float: left; position: relative; box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.2); border-radius: 5px; cursor: pointer; transition: all 0.5s ease 0s; }
.project .item .item_skin { width: 240px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.project .item:hover { margin-top: -20px; transition: all 0.5s ease 0s; }
.project .item h2 { font-size: 20px; font-family: CodaCaption; font-weight: bold; color: #fff; text-align: center; line-height: 50px; }
.project .item .icon { display: flex; justify-content: center; align-items: center; }
.project .item .icon svg { width: 40px; height: 40px; }
.project .item:nth-child(1) { background: url(project_01.jpg) center top no-repeat;  background-size: 100% auto; padding-top: 23%; height: 0px; margin-left: 0; }
.project .item:nth-child(2) { background: url(project_02.jpg) center top no-repeat;  background-size: 100% auto; padding-top: 23%; height: 0px; }
.project .item:nth-child(3) { background: url(project_03.jpg) center top no-repeat;  background-size: 100% auto; padding-top: 23%; height: 0px; }
.project .item:nth-child(4) { background: url(project_04.jpg) center top no-repeat;  background-size: 100% auto; padding-top: 23%; height: 0px; }
.project .item:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; background: rgba(0,0,0,0.3); transition: all 0.5s ease 0s; }
.project .item:hover:before { background: rgba(20,156,142,0.6); transition: all 0.5s ease 0s; }

.product { padding-top: 30px; }
.product .list_product { margin-top: 50px; }
.product .item { width: 292px; height: 280px; margin-left: 10px; display: inline-block; display: flex; justify-content: center; align-items: center; cursor: pointer; float: left; margin-bottom: 10px; overflow: hidden; box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6); border-radius: 3px; transition: all 0.5s ease 0s; }
.product .item:hover { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2); transition: all 0.5s ease 0s; }
.product .index_item { background: #ae9047; box-shadow: none;  }
.product .item:nth-child(4n+1) { margin-left: 0px; }
.product .item .info .tt { font-size: 20px; font-weight: bold; color: #fff; text-align: center; }
.product .item .info .subinfo { color: #fff; font-size: 16px; line-height: 16px; margin-top: 5px; text-align: center; }

.ex03 { height: 586px; padding-top: 90px; background: url(ex03_bg.jpg) center top no-repeat; margin-bottom: 0px; }
.ex03 .rom { width: 1100px; }
.ex03 .part { min-height: 160px; }
.ex03 .part .p1 span { font-size: 40px; font-weight: bold; letter-spacing: 3px; font-family: "CodaCaption"; color: #fff; }
.ex03 .part .p1 { font-size: 20px; margin-top: 10px; font-weight: bold; color: #fff; font-family: CodaCaption; }
.ex03 .part .p2 { font-size: 15px; line-height: 30px; color: #fff; }
.ex03 .pl { width: 300px; float: left; }
.ex03 .pm { width: 450px; padding-top: 120px; float: left; }
.ex03 .pm .pic { display: flex; justify-content: center; align-items: center; }
.ex03 .pm img { width: 280px; }
.ex03 .pr { width: 350px; float: left; }
.ex03 .pm .pic { position: relative; width: 280px; height: 280px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.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; font-family: CodaCaption; line-height: 30px; }
.ex03 .pic_info .line { width: 60px; height: 1px; background-color: #fff; margin: 20px auto; }
.ex03 .pic_info p { font-size: 16px; font-family: CodaCaption; font-weight: normal; line-height: 16px; margin-top: 10px; }

.news { background: #eee; background-size: cover; padding: 6rem 0px 7rem; margin: 0px; }
.news .mod_title a:hover { color: #159c8e; }
.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: #159c8e; 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: #159c8e; 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: #159c8e; transition: all 0.5s ease 0s; }
.news .list_02 .item:hover p, .news .list_02 .item:hover a { color: #fff; }

.honor .list { margin: 50px 0px 80px; }
.honor .list .item { width: 200px; float: left; margin-left: 10px; border: 1px solid #efefef; position: relative; }
.honor .list .item:first-child { margin-left: 0px; }
.honor .list .thumb { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 45%; }
.honor .list img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.honor .item .focus { width: 100%; background: rgba(95,185,120,0.6); height: 0px; position: absolute; bottom: 0px;  transition: all 0.5s ease 0s; overflow: hidden; }
.honor .item:hover .focus { height: 220px; transition: all 0.5s ease 0s; }
.honor .focus h1, .honor .focus p { text-align: center; font-size: 14px; color: #fff; }
.honor .focus h1 { margin-top: 66px; font-size: 18px; line-height: 36px; }
.honor .focus p { display: block; width: 130px; line-height: 32px; font-size: 12px; border: 1px solid #fff; text-align: center; margin: 0 auto; margin-top: 10px; }
.honor #scroll-mod { overflow:hidden; width: 1200px; }
.honor #scroll-rom { float: left; width: 2000%; }
.honor #scroll-rom-1 { float: left; }
.honor #scroll-rom-2 { float: left; margin-left: 10px; }

.footer { background: #232323; padding: 50px 0px; margin: 0px; }
.footer .qrcode { width: 300px; }
.footer .contact-footer { width: 520px; }
.footer .service-footer { width: 300px; }
.footer .footer-tt .tt { color: #ddd; font-family: "CodaCaption"; font-size: 20px; line-height: 40px; }   
.footer .footer-tt .line { width: 40px; height: 1px; background: #999; margin: 10px 0px 40px; }
.footer .qrcode .item { float: left; margin-right: 30px; }
.footer .qrcode .item img { width: 100px; }
.footer .qrcode .item p { font-size: 13px; color: #ddd; line-height: 40px; text-align: center; }
.footer .contact-footer h2 { font-size: 22px; color: #ddd; line-height: 22px; margin-bottom: 30px; }
.footer .contact-footer p, .footer .service-footer p { font-size: 15px; color: #ddd; line-height: 30px; letter-spacing: 1px; }
.footer .service-footer .intro { padding: 3px 0px 0px 20px; }
.footer .more { display: block; width: 180px; border: 1px solid #ddd; color: #ddd; text-align: center; font-size: 15px; line-height: 36px; margin-top: 30px; transition: all 0.3s ease 0s; }
.footer .more:hover { background: #ddd; color: #fff; transition: all 0.3s ease 0s; }

.bottom { background: #000; margin: 0px; }
.bottom p { color: #9f9f9f; text-align: center; font-size: 14px; line-height: 50px; }
.bottom a { color: #9f9f9f; }