/* 首页部分 */
@font-face{
	font-family: CodaCaption;
	src: url("CodaCaption-ExtraBold.ttf");
}

.logo { width: 100%; margin: 0px; position: relative; z-index: 999; background: #fff;  }
.logo .logo_img { width: 720px; padding: 35px 0px 30px; }
.logo .tel_img { width: 278px; padding: 29px 0px 20px; }
.nav { background-color: #06b1b4; margin: 0px; }
.nav .item { width: 170px; float: left; text-align: center; }
.nav .line { background: radial-gradient(#eee, #06b1b4); height: 26px; width: 1px; margin-top: 13px; float: left; }
.nav .item a { color: #fff; line-height: 50px; letter-spacing: 1px; }
.nav .item:hover { background-color: #212121; }
.nav .item:hover .line, .nav .item:hover+.item .line { height: 100%; }

.main-tt h1 { font-size: 32px; color: #06b1b4; text-align: center; line-height: 60px; }
.main-tt h1 span { color: #9c9c9c; font-family: "CodaCaption"; }
.main-tt p { font-size: 15px; color: #999; font-weight: 300; text-align: center; line-height: 30px; }
.main-tt .line { width: 100px; height: 3px; background: #09b0b3; margin: 10px auto; }

.field { padding-bottom: 30px; }
.field .list { margin-top: 50px; }
.field .item { width: 300px; float: left; height: 450px; display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-size: 100%; border-radius: 5px; overflow: hidden; transition: all 0.3s ease 0s; }
.field .item:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.3s ease 0s; }  
.field .item * { color: #fff; text-align: center; }
.field .item h3 { font-size: 26px; line-height: 26px; margin-bottom: 10px; transition: all 0.3s ease 0s; }
.field .item p { font-size: 15px; line-height: 15px; margin-bottom: 15px; transition: all 0.3s ease 0s; }
.field .item:hover h3 { font-size: 36px; margin-bottom: 18px; transition: all 0.3s ease 0s; }
.field .item:hover p { font-size: 18px; margin-bottom: 18px; transition: all 0.3s ease 0s; }
.field .item .line { width: 30px; height: 1px; background: #fff; margin: 0 auto; transition: all 0.3s ease 0s; }
.field .item:hover .line { width: 80px; height: 3px; transition: all 0.3s ease 0s; }
.field .item .info { background: rgba(0,0,0,0.3); border-radius: 3px; overflow: hidden; padding: 40px 0px; width: 260px; }
.field .item01 { background-image: url(icon01.jpg); }
.field .item02 { background-image: url(icon02.jpg); }
.field .item03 { background-image: url(icon03.jpg); }
.field .item04 { background-image: url(icon04.jpg); }


.about { background: url(about_bg.jpg) center top no-repeat; height: 400px; padding-top: 90px; margin-bottom: 0px; }
.about .main-tt h1 { text-align: left; }
.about .main-tt .line { width: 80px; height: 3px; background: #09b0b3; margin: 10px 0px 20px; }
.about .intro { width: 560px; padding: 20px 0px; }
.about .intro, .about .intro * { font-size: 15px; line-height: 30px; }

.ex01 { background: url(ex01_bg.jpg) center top no-repeat; height: 350px; margin: 0px; }

.video { background-color: #eee; margin: 0px; padding: 50px 0px; }

.case .list { margin-top: 36px; }
.case .list .item { width: 260px; float: left; margin-left: 10px; border: 1px solid #efefef; position: relative; }
.case .list .item:first-child { margin-left: 0px; }
.case .list .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 80%; }
.case .list .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.case #scroll-mod { overflow:hidden; width: 1200px; }
.case #scroll-rom { float: left; width: 2000%; }
.case #scroll-rom-1 { float: left; }
.case #scroll-rom-2 { float: left; margin-left: 10px; }
.case .focus { width: 100%; background: rgba(21,84,155,0.8); height: 0px; position: absolute; bottom: 0px;  transition: all 0.5s ease 0s; overflow: hidden; }
.case .focus a { color: #fff; }
.case .focus h3, .case .focus p { text-align: center; font-size: 13px; }
.case .focus h3 { margin-top: 80px; }
.case .focus h3 a { font-size: 13px; line-height: 20px; }
.case .focus p a { display: block; width: 130px; line-height: 32px; font-size: 12px; border: 1px solid #fff; text-align: center; margin: 0 auto; margin-top: 10px; }
.case .item:hover .focus { height: 220px; transition: all 0.5s ease 0s; }
.case .more { display: block; width: 180px; border: 1px solid #06b1b4; color: #06b1b4; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 40px; transition: all 0.3s ease 0s; }
.case .more:hover { background: #06b1b4; color: #fff; transition: all 0.3s ease 0s; }

.news { background: #efefef; padding: 30px 0px 50px; margin-bottom: 0px; }
.news .content { padding-top: 30px; }
.news .box-1 { width: 730px; }
.news .item { background: #fff; margin-bottom: 9px; border-radius: 5px; overflow: hidden; }
.news .date { width: 110px; height: 86px; padding-top: 28px; float: left; background: #06b1b4; }
.news .day { font-size: 30px; color: #fff; text-align: center;}
.news .month { font-size: 14px; color: #fff; text-align: center; }
.news .con { float: left; width: 570px; padding: 15px 20px; }
.news .con .tt a { font-size: 18px; line-height: 40px; color: #333; }
.news .con .info a { color: #999; }
.news .pic { position: relative; }
.news .pic .info { width: 470px; height: 0px; position: absolute; bottom: 0px; background-color: rgba(197, 38, 47, 0.8); overflow: hidden; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease 0s; }
.news .pic .info h1 a { color: #fff; font-size: 23px; line-height: 50px; font-weight: normal; }
.news .pic .info p span { color: #fff; font-size: 13px; line-height: 36px; }
.news .pic .info p a { color: #fff; font-size: 14px; line-height: 26px; margin-top: 10px; }
.news .pic .info .more { display: block; width: 200px; line-height: 50px; background-color: #fff; color: #06b1b4; text-align: center; margin-top: 60px; }
.news .pic .info .con { width: 420px; height: 252px; padding-top: 20px; margin: 0 auto; }
.news .pic img { width: 470px; height: 360px; border-radius: 5px; }
.news .item:hover .date { background: #333; }
.news .pic:hover .info { height: 360px; transition: all 0.3s ease 0s; }
.news .more { display: block; width: 180px; border: 1px solid #06b1b4; color: #06b1b4; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 40px; transition: all 0.3s ease 0s; }
.news .more:hover { background: #06b1b4; color: #fff; transition: all 0.3s ease 0s; }

.footer { background: url(footer_bg.jpg) center top no-repeat; margin-top: 60px; padding: 60px 0px 40px; margin: 0px; }
.footer .pp-1 { width: 520px; }
.footer .pp-1 h1, .footer .pp-2 h1, .footer .pp-3 h1 { font-size: 24px; color: #efefef; line-height: 32px; margin-bottom: 36px; }
.footer h3 { font-size: 20px; color: #efefef; }
.footer .pp-1 p { font-size: 15px; color: #ddd; line-height: 20px; margin-bottom: 20px; }
.footer .pp-1 h1:after, .footer .pp-3 h1:after { content: ""; border: 1px solid #eee; width: 60px; display: block; margin: 10px 0px; }
.footer .pp-2 { width: 320px; padding-top: 10px; }
.footer .pp-2 h1 img { width: 180px; }
.footer .pp-2 .pic { margin-top: 50px; }
.footer .pp-2 .pic img { width: 130px; margin-left: 30px; }
.footer .pp-3 { width: 340px; }
.footer .pp-3 h1 { margin-bottom: 0px; }
.footer .pp-3 h2 { font-size: 13px; color: #7d7d7d; font-weight: normal; margin-bottom: 20px; }
.footer .pp-3 .tels, .footer .pp-3 .info { background: none; border: 1px solid #c5c5c5; line-height: 36px; font-size: 12px; text-indent: 12px; width: 280px !important; margin-bottom: 5px; color: #efefef; max-height: 80px; }
.footer .pp-3 #dosubmit { background: #c5c5c5; width: 70px; line-height: 32px; text-align: center; border: none; border-radius: 3px; color: #333; margin-top: 10px; cursor: pointer; }
.bottom { background-color: #1f1f1f; margin: 0px; }
.bottom p, .bottom a { text-align: center; color: #ddd; font-size: 14px; line-height: 50px; }

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