/* 首页部分 */
.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: 10px 0px; margin: 0px; }
.nav { background-color: #333; margin: 0px; }
.nav .item { width: 150px; float: left; text-align: center; }
.nav .line { background: #999; height: 24px; width: 1px; margin-top: 13px; float: left; }
.nav .item a { color: #fff; line-height: 50px; }
.nav .item:hover { background-color: #026cbf; }
.nav .item:hover .line, .nav .item:hover+.item .line { height: 100%; }

.main-tt h3 { font-size: 40px; color: #2196f3; font-weight: 600; line-height: 50px; text-align: center; letter-spacing: 2px; }
.main-tt h3 span { color: #ccc; font-weight: 300; font-size: 32px; }
.main-tt p { font-size: 18px; margin-top: 15px; line-height: 18px; color: #9c9c9c; text-align: center; letter-spacing: 2px; }

.product { margin-top: 0px; background: #f6f6f6; padding: 80px 0px; min-height: 800px;}
.product .layui-tab { margin-top: 50px; }
.product .layui-tab-item .item { float: left; margin-left: 40px; width: 260px; cursor: pointer; box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.75); margin-bottom: 60px; border-radius: 12px; overflow: hidden; transition: all 0.3s ease 0s; }
.product .layui-tab-item .item:nth-child(4n+1) { margin-left: 0px; }
.product .layui-tab-item .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 100%; }
.product .layui-tab-item .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s; }
.product .layui-tab-item .item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.3s ease 0s; }
.product .layui-tab-item .item .info { background: #fff; text-align: center; padding: 16px 0px;  }
.product .layui-tab-item .item .info a { color: #333; font-size: 14px; line-height: 24px; }
.product .layui-tab-item .item .info p { color: #999; font-size: 12px; line-height: 16px; text-align: center; }
.product .layui-tab-item .item:hover .info { background-color: #2297f3;transition: all 0.3s ease 0s; }
.product .layui-tab-item .item:hover .info * { color: #fff; }
.product .layui-tab-content { margin-top: 50px; }
.product .layui-tab-title { height: 50px; border-color: #2297f3; }
.product .layui-tab-title .layui-this:after { height: 51px; border-bottom: none; }
.product .layui-tab-title .layui-this { background-color: #2297f3; color: #fff; border-radius: 8px 8px 0px 0px; }
.product .layui-tab-title li { font-size: 15px; min-width: 100px; padding: 0 20px; line-height: 50px; }

.about { padding: 30px 0px; }
.about .conl { float: left; width: 540px; }
.about .conl .tt { font-size: 30px; color: #2398f3; line-height: 50px; letter-spacing: 1px; }
.about .conl .tt span { color: #212121; }
.about .conl .line { background: #ff9800; height: 2px; width: 80px; margin: 15px 0px 30px; }
.about .conl .info { margin-top: 20px; }
.about .conl .info, .about .conl .info * { color: #222; font-size: 15px; line-height: 30px; text-align: justify; }
.about .conl .more { display: block; width: 120px; border: 1px solid #2398f3; color: #2398f3; text-align: center; font-size: 13px; line-height: 30px; margin-top: 30px; transition: all 0.3s ease 0s; }
.about .conl .more:hover { background: #2398f3; color: #fff; transition: all 0.3s ease 0s; }
.about .conr { width: 550px; height: 320px; float: right; background: url(about_img.jpg) center center no-repeat #fff; background-size: 100%; padding: 5px; }

.honor .list { margin: 50px 0px 80px; }
.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(35,152,243,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; }

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

.news { padding: 30px 0px; }
.news .cat-list { width: 390px; margin: 30px auto 0px; }
.news .cat-list a { display: block; width: 180px; line-height: 43px; text-align: center; background: #efefef; color: #333; margin-left: 30px; float: left; font-weight: bold; font-size: 16px; }
.news .cat-list a:first-child { margin-left: 0px; }
.news .cat-list a:hover { background: #018de2; color: #fff; }
.news .con { margin-top: 42px; }
.news .con .main-news, .news .con .list { float: left; }
.news .con .main-news { width: 550px; }
.news .con .main-news .pic { position: relative; }
.news .con .main-news .info { background: #efefef; padding: 16px 30px; padding-bottom: 30px; }
.news .con .main-news .info h1 a { font-size: 18px; line-height: 32px; font-weight: normal; color: #333; }
.news .con .main-news .info .line { background: #333; height: 1px; width: 100%; margin: 10px 0px; }
.news .con .main-news .info p a { font-size: 13px; color: #666; line-height: 28px; }
.news .con .list { width: 600px; }
.news .con img { width: 550px; height: 240px; }
.news .con .item { border-bottom: 1px dotted #ddd; margin-left: 36px; }
.news .con .item .tt { width: 320px; float: left; padding-left: 15px; }
.news .con .item .tt a { line-height: 55px; font-size: 15px; color: #333; }
.news .con .item .date { width: 120px; float: right; text-align: center; color: #333; line-height: 50px; }
.news .main-news .date { width: 103px; background-color: #018de2; position: absolute; top: 0px; }
.news .main-news .date .d { color: #fff; font-weight: bold; text-align: center; font-size: 40px; line-height: 56px; }
.news .main-news .date .line { background: #fff; height: 1px; width: 50px; margin: 0 auto; }
.news .main-news .date .ym { text-align: center; color: #fff; font-size: 14px; line-height: 36px; }