@charset "utf-8";
@import url(reset.css);
@import url(layout.css);

/* CSS Document */
.bg_g{ background: #f7f7f7;}
#index{}
#index .header{background-color: #fff;position:fixed;height: 90px;top: 0;width: 100%;border-bottom: solid 1px #e4e4e4;z-index: 999;}
#index .header .wrap{width: 1200px;margin: 0 auto;}
#index .header .wrap .logo{float: left;font-size: 24px;color: #000;font-weight: bold;margin-top: 10px;}
#index .header .wrap .logo span{margin-left: 10px;}
#index .header .wrap .navBox{float: right;}
#index .header .wrap .navBox >li{float: left;position: relative;margin-left: 15px;}
#index .header .wrap .navBox >li >a{font-size: 16px;color: #000;height: 90px;line-height: 90px;padding: 0 8px;display: block;}
#index .header .wrap .navBox >li.on >a{color: #f00;background: url(../images/nav_bg.jpg) repeat-x top center;}
#index .header .wrap .navBox >li:hover>a{color:#ff0000;background: url(../images/nav_bg.jpg) repeat-x top center;}
#index .header .wrap .navBox >li:hover >a{color: #f00;}

#index .header .wrap .navBox >li .subNav{background-color: #fff;position: absolute;left:50%;top: 90px;margin-left: -60px; display: none;z-index: 999;border: solid 1px #e4e4e4;}
#index .header .wrap .navBox >li:hover .subNav{display:block;width: 120px;}
#index .header .wrap .navBox >li .subNav li{text-align: center;}
#index .header .wrap .navBox >li .subNav li a{height: 50px;line-height: 50px;border-bottom: solid 1px #e4e4e4;color: #666;font-size: 16px;display: block;}
#index .header .wrap .navBox >li .subNav li:last-child a{border-bottom: none;}
#index .header .wrap .navBox >li .subNav li a:hover{color: #f00;}
#index .header .wrap .navBox >li .subNav li.on a{background-color: #555;}


#index .banner_box{height: 500px;margin-top: 90px;}
#index .banner{text-align: center;overflow: hidden;}
#index .banner a{display: block;}
#index .banner img{display: inline-block;height: 500px;margin: 0 -100%;}

#index .f1{background-color: #fff;padding-top:15px;}
#index .f1 .wrap{width: 1200px;margin: 0 auto;}
.pubTopBox{height: 52px;line-height: 52px;border-bottom: solid 1px #ccc;position: relative;}
.pubTopBox .topTitle{font-size: 20px;color: #000;font-weight: bold;display: inline-block;height: 55px;line-height: 55px;box-sizing: border-box;border-bottom: solid 6px #f00;width: 80px;}
.pubTopBox .rBox{position: absolute;right: 0;bottom: 0;font-size: 14px;}
.pubTopBox .rBox .prev{display: inline-block;width: 8px;height: 13px;background: url(../images/arrow_left.png);background-size: 16px 13px; background-position: 0 0;margin-right: 10px;}
.pubTopBox .rBox .prev:hover{background-position: -8px 0;}
.pubTopBox .rBox .prev.on{background-position: -8px 0;}
.pubTopBox .rBox .next{display: inline-block;width: 8px;height: 13px;background: url(../images/arrow_right.png);background-size: 16px 13px;background-position: 0 0;}
.pubTopBox .rBox .next:hover{background-position: -8px 0;}
.pubTopBox .rBox .next.on{background-position: -8px 0;}

#index .f1 .wrap .gaikuang{width: 570px;float: left;}
#index .f1 .wrap .gaikuang .botBox{padding:20px 0;}
#index .f1 .wrap .gaikuang .botBox li{position: relative;padding-left: 208px;height: 188px;}
#index .f1 .wrap .gaikuang .botBox li img{width: 188px;height: 188px;position: absolute;left: 0;top:0;}
#index .f1 .wrap .gaikuang .botBox li .title{font-size: 16px;color:#f00;height: 16px;line-height: 16px;}
#index .f1 .wrap .gaikuang .botBox li .summary{font-size: 14px;color: #000;line-height: 28px;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;}

#index .f1 .wrap .culture{width: 570px;float: right;}
#index .f1 .wrap .culture .botBox{padding:20px 0;overflow: hidden;}
#index .f1 .wrap .culture .botBox li{width: 270px;margin-right: 30px;float: left;}
#index .f1 .wrap .culture .botBox li:nth-child(2n){margin-right: 0;}
#index .f1 .wrap .culture .botBox li .imgBox{width:270px;height: 140px;overflow: hidden;}
#index .f1 .wrap .culture .botBox li img{width:270px;height: 140px;transition: 1s;}
#index .f1 .wrap .culture .botBox li:hover img{transform: scale(1.1);}
#index .f1 .wrap .culture .botBox li .profile{background-color: #f8f8f8;position: relative;padding-left:50px;padding-right: 10px; height: 48px;display: flex;align-items: center;}
#index .f1 .wrap .culture .botBox li .profile .title{width: 50px;height: 48px;line-height: 48px;font-size: 16px;color: #000;font-weight: bold;position: absolute;left: 0;top: 0;text-align: center;}
#index .f1 .wrap .culture .botBox li .profile .description{font-size: 12px;color: #666;line-height: 16px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;}

#index .f2{background: url(../images/bg.jpg) no-repeat;background-size: cover;padding-bottom: 10px;padding-bottom: 20px;}
#index .f2 .wrap{width: 1200px;margin: 0 auto;padding-top: 15px;}
#index .f2 .wrap .rBox{color: #fff;}
#index .f2 .wrap .rBox img{margin-left: 10px;position: relative;top: -1px;}

#index .f2 .wrap .companyProduct{width: 780px;float: left;}
#index .f2 .wrap .companyProduct .pubTopBox{border-color: #fff;}
#index .f2 .wrap .companyProduct .productBox{margin-top: 20px;overflow: hidden;height: 340px;}
#index .f2 .wrap .companyProduct .productBox li{width: 173px;float: left;margin-right: 29px;margin-bottom: 20px;}
#index .f2 .wrap .companyProduct .productBox li:nth-child(4n){margin-right: 0;}
#index .f2 .wrap .companyProduct .productBox li a{display: block;}
#index .f2 .wrap .companyProduct .productBox li .imgBox{width: 173px;height: 130px;overflow: hidden;}
#index .f2 .wrap .companyProduct .productBox li img{width: 173px;height: 130px;display: block;transition: 1s;}
#index .f2 .wrap .companyProduct .productBox li:hover img{transform: scale(1.1);}
#index .f2 .wrap .companyProduct .productBox li .name{background-color: #fff;height: 30px;line-height: 30px;font-size: 11px;color: #000;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#index .f2 .wrap .productBox_empty{font-size: 20px;text-align: center;color: #fff;height: 340px;line-height: 340px;}


#index .f2 .wrap .rLayout{width: 360px;float: right;}
#index .f2 .wrap .listBox{}
#index .f2 .wrap .listBox li{height: 40px;line-height: 40px;border-bottom: dashed 1px #fff;position: relative;}
#index .f2 .wrap .listBox li a{display: block;font-size: 14px;color: #fff;}
#index .f2 .wrap .listBox li:hover a{color: #f00;}
#index .f2 .wrap .listBox li .date{position: absolute;right: 0;bottom: 0;font-size: 14px;color: #fff;}

#index .f2 .wrap .subCompany{margin-top: 15px;}

#index .footer{background-color: #fff;}
#index .footer .wrap{width: 1200px;height: 80px;margin: 0 auto;overflow: hidden;font-size: 14px;color: #666;line-height: 24px;}
#index .footer .wrap .lBox{float: left;height: 80px;display: flex;align-items: center;}
#index .footer .wrap .rBox{float: right;height: 80px;display: flex;align-items: center;}