﻿.banner_wap{ display: none;}
.banenr .owl-theme .owl-controls{ position: absolute; bottom: 7%; left: 0; width: 100%; z-index: 50;}
.banenr .owl-pagination{ max-width: 1400px; width: 100%; margin: 0 auto; height: 3px;}
.banenr .owl-theme .owl-controls .owl-page span{ width: 70px; height: 3px; margin: 0 3px; background-color: #fff;}
.banenr .owl-theme .owl-controls .owl-page.active span{ background-color: #16277d;}


/*layout*/
.laoy_l,.laoy_r{ width: 50%;}
.layout_sel{ border-bottom: 1px solid #e5e5e5;}
.layout_sel li{ float: left; position: relative; width: 25%;}
.layout_selt{ position: relative; z-index: 70; width: 100%; height: 80px; line-height: 80px; cursor: pointer; text-align: center;}
.lay_selicon{ display: inline-block; padding-left:36px; background-size: 30px 30px; }
.lay_selicon1{ background: url("../images/lay_selac1.png") no-repeat left center;}
.lay_selicon2{ background: url("../images/lay_selac2.png") no-repeat left center;}
.lay_selicon3{ background: url("../images/lay_selac3.png") no-repeat left center;}
.lay_selicon4{ background: url("../images/lay_selac4.png") no-repeat left center;}
.layout_sel li.cur .lay_selicon1{ background: url("../images/lay_selho1.png") no-repeat left center;}
.layout_sel li.cur .lay_selicon2{ background: url("../images/lay_selho2.png") no-repeat left center;}
.layout_sel li.cur .lay_selicon3{ background: url("../images/lay_selho3.png") no-repeat left center;}
.layout_sel li.cur .lay_selicon4{ background: url("../images/lay_selho4.png") no-repeat left center;}
.layout_sel li.cur .layout_seltbox{  background: url("../images/lay_selpoicon.png") no-repeat bottom center; padding-bottom:7px;}
.layout_sel li.cur .layout_selt{background-color: #e4e4e4; color:#16277d;}
.layout_shcen{ position:relative; z-index:80;}
.layout_img{ position:absolute; top:0; left:0; z-index:20; width:100%; height:100%;}
.layout_show{ position:relative;  width: 400%; height: auto; overflow: hidden; background-color: #f4f4f4; }
.layout_sel2 .layout_show{ margin-left:-100%;}
.layout_sel3 .layout_show{ margin-left:-200%;}
.layout_sel4 .layout_show{ margin-left:-300%;}
.layout_shbox{ padding:3.2% 0;}
.layout_for{ padding-top: 2%;}
.layout_intro{ color: #666; padding: 4% 0 8%; line-height: 1.8;}
.layout_more{ display: inline-block; color: #999; padding: 0.8% 2.6%; border: 1px solid #c7c7c7;}
.layout_shbox .laoy_l{ padding-right:4%; padding-top:2%; text-align:left;}
.layout_shbox .laoy_r{ padding-left:4%;}
.layout_more span{background: url("../images/layout_mac.png") no-repeat right; padding-right: 20px; color: #999;}
.layout_more:hover{ color: #fff !important; background-color: #16277d; border: 1px solid #fff !important;}
.layout_more:hover span{background: url("../images/layout_mho.png") no-repeat right; color: #fff !important; }

.layout_shcen .cust_icon,
.inde_comp .cust_icon{vertical-align:middle;margin:0 0 0 10px;}

/*media-new*/
.floor_box2{ padding: 3% 0;}
.media{ position: relative; width: 58.5714%;}
.about{ position: relative; width: 40.7857%;}
.about_box{ position: absolute; top: 10%; left: 6%; z-index: 10; color: #fff; line-height: 1.8; width: 100%;}
.media_box{ position: relative; width: 100%; height: 100%; cursor: pointer;}
.media_icon{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;}
.media_icon img{ width: 9%; margin:0 auto; padding-top: 22%;}
.imghover:hover .media_icon img{ ransform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.media_start{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}

.company img{max-width:none;width:100%;}
/*new*/
.floor_box3{ padding: 3% 0; background-color: #f4f4f4;}
.ind_newName{ padding-bottom: 1.8%;}
.inde_new ul{ margin: 0 -10px;}
.inde_new li{ float: left; width: 33.333333%; padding: 0 10px;}
.inde_newbox{ background-color:#fff;}
.inde_newbox img{width: 100%;height: 290px;object-fit: cover;}
.inde_newShow{ padding:5% 4%;}
.inde_title{ padding-bottom:4.5%; margin-bottom: 3.4%; border-bottom: 1px solid #d7d7d7; }
.inde_newIntro{ width:80%; padding-top: 1.2%;}
.news_time{ width: 20%; padding: 0 3%; text-align:center;}
.inde_newIntro{ line-height: 1.8;}
.inde_newShow .new_day{ padding-bottom: 0.4%;/* padding-left:16%;*/ border-bottom: 1px solid #d7d7d7;text-align:center;font-size:32px;}
.news_time .new_year{ font-size: 14px;}
.floor_box4{ padding: 3% 0;}
.inde_comp{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; text-align: center;}
.inde_comp img{ width: 28.6%; margin: 0 auto; padding-top: 40%;}
.inde_compname{ display: block; padding-top: 2.4%; color: #fff; font-size: 14px; width: 100%; text-align: center;}
a:hover .inde_compname{ color: #fff !important;}
.inde_compinfor{ display: none; color: #fff; padding:8% 6% 10%; line-height: 1.6; opacity:0.4; filter:Alpha(Opacity=40); font-size: 14px;}
#owl-layout3 a .inde_compinfor,#owl-layout3 a:hover .inde_compinfor{color: #fff !important; opacity:0.4; filter:Alpha(Opacity=40);}
#owl-layout3 .layout_more{ display: none; color: #949499 !important; font-size: 12px; padding: 1.4% 2.2%; margin: 4% auto 0;}
#owl-layout3 .layout_more span{color: #949499 !important;}
#owl-layout3 .layout_more:hover span{ color: #949499; }
.owl-item:hover .inde_compname{ padding-top: 3.4%;}
.owl-item:hover .inde_comp img{ padding-top: 5%;}
.owl-item:hover .inde_compinfor{ display: block;}
.inde_comp .cust_icon{display:none;}
#owl-layout3 .owl-item:hover .layout_more,
#owl-layout3 .owl-item:hover .cust_icon{ display:inline-block;}
#owl-layout3.owl-theme .owl-controls .owl-page span{ background-color: #55565a; opacity:1; filter:Alpha(Opacity=100);}
#owl-layout3.owl-theme .owl-controls .owl-page.active span{ background-color: #16277d; opacity:1; filter:Alpha(Opacity=100);}

