/* 首页部分 */

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.svg#AlibabaPuHuiTiH') format('svg'); /* iOS 4.1- */
}

.top { margin: 0px; }
.top .rom { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 15px 0px; }
.top img { height: 70px; }

.navigate { margin: 0px; background-color: #314399; }
.navigate_list { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.navigate_item { padding: 0px 30px; }
.navigate_item:hover { background-color: orange; }
.navigate_item a { line-height: 50px; font-size: 15px; color: #fff; }

.main-tt { margin: 30px 0px; }
.main-tt .cn, .main-tt .en, .main-tt .line-1, .main-tt .line-2 { text-align: center; }
.main-tt .cn { font-size: 26px; color: #121212; line-height: 26px; letter-spacing: 2px; font-weight: bold; }
.main-tt .cn span { color: #314399; }
.main-tt .en { font-size: 15px; color: #666; line-height: 15px; font-family: "Georgia"; }
.main-tt .line { width: 1200px; margin: 10px auto; position: relative; height: 3px; }
.main-tt .line-1 { width: 100%; height: 1px; background: #eee; position: absolute; top: 1px; z-index: 1; }
.main-tt .line-2 { width: 60px; height: 3px; background: orange; margin: 0 auto; z-index: 99; position: relative; }

.bg_green { background-color: #314399; }
.bg_dark { background-color: #494849; }

.product { margin: 0px; padding: 50px 0px; background: #e3e3e3; }
.product_category { display: flex; margin-bottom: 50px; }
.product_category_box { width: 520px; padding: 20px 40px; min-height: 160px; }
.product_category_title { color: #fff; font-size: 18px; line-height: 42px; font-weight: bold; }
.product_category_line { background-color: #fff; width: 50px; margin: 5px 0px 15px 0px; height: 1px; }
.product_category_item { display: inline-block; width: 120px; font-size: 14px; color: #fff; line-height: 32px; transition: all 0.2s ease 0s; }
.product_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.product_item { margin-bottom: 20px; }
.product_item_thumb { width: 220px; border: 1px solid #ccc; overflow: hidden; position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 80%; }
.product_item_thumb img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.5s ease 0s; }
.product_item_thumb:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s ease 0s; }
.product_item_title { position: relative; text-align: center; background-color: #3c3c3c; font-size: 13px; font-weight: bold; color: #fff; line-height: 40px; text-align: center; z-index: 1; }
.product_item_title:before { position: absolute; content: ""; width: 0%; background-color: orange; display: block; height: 40px; top: 0px; z-index: -2; transition: all 0.5s ease 0s; }
.product_item:hover .product_item_title:before { width: 100%; transition: all 0.5s ease 0s; }
.product_item_line { width: 100%; background-color: #ccc; height: 1px; transition: all 0.5s ease 0s; }

.about { background: url(about_bg.jpg) center top no-repeat; height: 600px; margin: 0px; }
.about .box_01 { width: 600px; padding-top: 120px; float: left;}
.about .box_01 .title { font-size: 28px; color: #fff; font-weight: 500; line-height: 36px; letter-spacing: 2px; margin-bottom: 15px; }
.about .box_01 .title span { font-size: 20px; color: #fff; letter-spacing: 2px; }
.about .box_01 .line { width: 60px; height: 1px; background: #fff; margin-bottom: 50px; }
.about .box_01 .info, .about .box_01 .info * { font-size: 15px; font-weight: 400; text-align: justify; color: #fff; line-height: 28px; }
.about .box_01 .more { font-size: 20px; color: #fff; line-height: 45px; }
.about .box_02 { width: 520px; height: 534px; float: left; margin-left: 80px; position: relative; }
.about .box_02 .about_img img { width: 500px; margin-top: 120px; }

.honor .list { margin: 100px 0px 100px; }
.honor .list .item { width: 280px; 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: 75%; }
.honor .list img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.honor .item .focus { width: 100%; background: rgba(49,67,153,0.9); 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; }

.news { padding: 80px 0px; background: #f3f3f3; margin: 0px; }
.news_list { display: flex; flex-wrap: wrap; }
.news_item { width: 50%; margin-bottom: 30px; }
.news_box { display: flex; flex-wrap: nowrap; justify-content: flex-start; }
.news_date { width: 150px; height: 150px; background-color: #314399; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.news_day { font-size: 50px; font-weight: bold; color: #fff; line-height: 60px; text-align: center; }
.news_ym { font-size: 20px; color: #fff; line-height: 20px; text-align: center; }
.news_thumb { width: 420px; position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 25%; }
.news_thumb img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }

.news_info { margin-top: 10px; width: 90%; }
.news_info h1 a { font-size: 18px; color: #222; line-height: 42px; font-weight: normal; }
.news_info p { font-size: 13px; color: #999; line-height: 22px; font-weight: normal; }

.footer { background: #232323; padding: 80px 0px; margin: 0px; }
.footer .qrcode { width: 500px; }
.footer .qrcode .info { width: 360px; height: 240px; border-radius: 3px; overflow: hidden; }
.footer .contact-footer { width: 400px; }
.footer .service-footer { width: 300px; }
.footer .footer-tt .tt { color: #eee; 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: 130px; }
.footer .qrcode .item p { font-size: 15px; color: #eee; line-height: 50px; text-align: center; }
.footer .contact-footer h2 { font-size: 22px; color: #eee; line-height: 22px; margin-bottom: 30px; }
.footer .contact-footer p, .footer .service-footer p { font-size: 15px; color: #eee; 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: #eee; text-align: center; font-size: 15px; line-height: 36px; margin-top: 40px; transition: all 0.3s ease 0s; }
.footer .more:hover { background: #ddd; color: #fff; transition: all 0.3s ease 0s; }


.footer .myform input { background: none; border: 1px solid #c5c5c5; line-height: 36px; text-indent: 12px; width: 280px !important; margin-bottom: 5px; color: #efefef; border-radius: 3px; }
.footer .myform #dosubmit { text-indent: 0px; margin-top: 15px; background: #2972fb; border: 1px solid #2972fb; }


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