/* 首页部分 */
.top { background-color: #f5f5f5; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: 0px; }
.top .p1 { line-height: 32px; font-size: 12px; color: #666; width: 49%; display: inline-block; }
.top .p2 { line-height: 32px; width: 49%; display: inline-block; text-align: right; }
.top .p2 a { font-size: 12px; color: #666;  }
.top .p2 a span { color: #de0000; }

.logo { padding: 20px 0px; margin: 0px; }

.nav { background-color: #004097; margin: 0px; }
.nav .item { width: 118px; float: left; text-align: center; }
.nav .line { background: #3667ab; height: 24px; width: 1px; margin-top: 13px; float: left; }
.nav .item a { color: #fff; line-height: 50px; font-size: 15px; }
.nav .item:hover { background-color: #e61f1a; }

.flybox-1 { margin: 0px; height: 130px; background: #eee; }
.flybox-1 .rom { background: url(p1-bg.jpg) center top no-repeat; width: 1200px; height: 200px; position: relative; top: -70px; z-index: 999; }

.main-tt { margin: 30px 0px; }
.main-tt .line { width: 120px; height: 5px; background: #343468; margin: 0 auto; }
.main-tt .en { text-align: center; font-size: 32px; line-height: 32px; color: #343468; font-weight: bold; margin-top: 20px; }
.main-tt .cn { text-align: center; font-size: 26px; line-height: 26px; color: #343468; margin-top: 15px; letter-spacing: 2px; }

.about { background: #eee; margin-top: 0px; padding: 30px 0px 50px; }
.about .content, .about .content * { text-align: center; color: #222; font-weight: 300; font-size: 13px; line-height: 28px; }
.about .item { width: 320px; padding: 50px 35px; float: left; margin-left: 15px; background: #d99100; text-align: center; cursor: pointer; transition: all 0.3s ease 0s; }
.about .item:hover { background: #004097; transition: all 0.3s ease 0s; }
.about .item:first-child { margin-left: 0px; }
.about .item .icon { margin: 5px auto; }
.about .item h3 { font-size: 24px; color: #fff; line-height: 50px; }
.about .item p { font-size: 13px; color: #fff; line-height: 26px; }
.about .more { display: block; width: 160px; border: 1px solid #004097; color: #004097; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 40px; transition: all 0.3s ease 0s; }
.about .more:hover { background: #004097; color: #fff; transition: all 0.3s ease 0s; }

.product .list { margin-top: 50px; }
.product .item { width: 590px; height: 320px; float: left; margin: 0px 0px 0px 20px;  }
.product .item:nth-child(2n+1) { margin-left: 0px; }
.product .item a { display: block; width: 100%; height: 308px; cursor: pointer; transition: all 0.3s ease 0s; }
.product .item:hover a { margin-top: -10px; transition: all 0.3s ease 0s; }

.case { background: url(case-bg.jpg) center top no-repeat; height: 600px; }
.case .list { width: 1175px; margin: 0 auto; padding-top: 320px; }
.case .item { width: 380px; margin-left: 15px; overflow: hidden; }
.case .item:first-child { margin-left: 0px; }
.case .item a { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 60%; }
.case .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s; }
.case .item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s ease 0s; }

.news { margin-bottom: 0px; }
.news .content { padding-top: 50px; }
.news .box-1 { width: 730px; }
.news .item { background: #fff; margin-bottom: 30px; }
.news .item .date { width: 90px; height: 72px; padding-top: 10px; float: left; border: 1px solid #343468; }
.news .item .day { font-size: 30px; color: #343468; text-align: center;}
.news .item .month { font-size: 14px; color: #343468; text-align: center; }
.news .item:hover .date { background: #343468; }
.news .item:hover .day, .news .item:hover .month { color: #fff; }
.news .item:hover .con .tt a, .news .item:hover .con .info a { color: #343468; }
.news .con { float: left; width: 570px; padding: 3px 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(0, 73, 175, 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: 18px; line-height: 36px; 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: rgb(0, 73, 175); 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: 310px; }
.news .pic:hover .info { height: 310px; transition: all 0.3s ease 0s; }
.news .more { display: block; width: 180px; border: 1px solid #343468; color: #343468; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 30px; transition: all 0.3s ease 0s; }
.news .more:hover { background: #343468; color: #fff; transition: all 0.3s ease 0s; }

.flybox-2 { margin: 0px; }
.flybox-2 .rom { box-shadow: 0px 5px 50px -20px rgba(0, 0, 0, 0.75); padding: 50px 0px; position: relative; top: 70px; z-index: 999; background: #fff; }
.flybox-2 .item { width: 399px; border-left: 1px solid #ccc; float: left; }
.flybox-2 .item:first-child { border-left: none; }
.flybox-2 .item .tt, .flybox-2 .item .val { text-align: center; color: #222; font-size: 13px; line-height: 26px; }
.flybox-2 .item .tt { font-size: 16px; line-height: 30px; }
.flybox-2 .item .tt svg { position: relative; top: 6px; }
.flybox-2 .item .val { margin-top: 10px; letter-spacing: 2px; }

.footer { background: #292929; margin: 0px; padding: 50px 0px; }
.footer .item { float: left; width: 300px; }
.footer .item .tt a { font-size: 18px; color: #fff; line-height: 42px; }
.footer .item .tt .line { width: 32px; height: 2px; background-color: #e00000; margin-bottom: 20px; }
.footer .item .list .cc a { font-size: 13px; color: #ccc; line-height: 28px; }
.footer .item .list p { font-size: 13px; color: #ccc; line-height: 28px; }
.footer .item img { width: 120px; }
.footer .item a {  color: #ccc; }

.last { background: #000; }
.last p { color: #9f9f9f; text-align: center; font-size: 14px; line-height: 50px; }
