#banner{ width: 100%; max-width: 1920px; height: 500px; background:url(../img/index/banner3.png)50% 50% no-repeat; } #advantage{ width: 100%; height: 530px; background: #f1f1f1; box-sizing: border-box; padding-top: 50px; } ._title{ width: 1200px; height: 90px; margin: 0 auto; background: url(../img/index/形状4副本.png)50% 20px no-repeat; box-sizing: border-box; padding-top: 6px; } .title_name1{ font-size: 22px; color: #26201e; margin: 0 auto; width: 200px; text-align: center; } .title_name2{ font-family: "bookman old style"; font-size: 16px; color:#acacac; width: 300px; margin: 0 auto; text-align: center; margin-top: 10px; } ._subscript{ width: 40px; height: 2px; background: #ddd; margin: 5px auto; } #advantage_model{ position: relative; width: 1200px; margin: 0 auto; } #advantage_con{ width: 1200px; margin: 0 auto; height: 395px; overflow: hidden; position: relative; } #advantage_con ul{ width: 200%; position: absolute; left: 0px; transition: all 0.5s; } #advantage_con ul li{ width: 12.5%; float: left; height: 395px; box-sizing: border-box; padding-top: 70px; text-align: center; } /*.advantage_list_pic{ width: 100%; height: 134px; background: url(../img/index/图层41.png)50% 50% no-repeat; }*/ #advantage_con_ul li img{ width: 134px; height: 134px; } .advantage_list_name{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #26201e; text-align: center; margin: 30px 0 20px; } .advantage_list_instructions{ width: 175px; margin: 0 auto; text-align: center; font-size: 12px; color: #898989; line-height: 25px; } #go_left{ position: absolute; top: 123px; left: -49px; width: 49px; height: 70px; background: url(../img/index/形状5副本.png)0 0 no-repeat; cursor: pointer; } #go_right{ position: absolute; top: 123px; right: -49px; width: 49px; height: 70px; background: url(../img/index/20180116221219.jpg)0 0 no-repeat; cursor: pointer; } #go_left:hover,#go_right:hover{ opacity: 0.8; } #news_center{ width: 100%; max-width: 1920px; margin: 0 auto; height: 655px; background: url(../img/index/图层36.png)50% 100% no-repeat; background-color: #fff; box-sizing: border-box; padding-top: 50px; } #news_con{ width: 1200px; margin: 70px auto 0; box-sizing: border-box; padding: 0 100px; } #news_con ul{ width: 100%; } #news_con ul li{ width: 250px; float: left; box-sizing: border-box; } #news_con ul li:nth-child(2){ margin: 0 125px; } .news_lists{ width: 100%; } .news_title{ width: 100%; height: 30px; line-height: 30px; background: url(../img/index/形状6副本5.png)0 0 no-repeat; box-sizing: border-box; padding-left: 35px; } .news_title_ch{ font-size: 16px; color:#26201e; } .news_title_en{ font-family: "Arial Regular"; font-size: 10px; color:#898989; } .news_lists_con{ width: 100%; padding-top: 30px; position: relative; } .news_time{ width: 40px; height: 40px; background: #c4271f; color: #fff; text-align: center; position: absolute; left: 20px; } .news_detail{ margin-top: 30px; line-height: 25px; font-size: 12px; color: #fff; } .news_more{ width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; margin: 55px auto 0; } #enterprise_introduction{ width: 100%; background: #f1f1f1; height: 280px; } #introduction_con{ width: 1000px; margin: 0 auto; box-sizing: border-box; /*padding: 0 100px;*/ position: relative; background: url(../img/index/图层25.png)100% 100% no-repeat; height: 200px; padding-top: 50px; } #introduction_title{ width: 96px; height: 30px; background: #c4271f; position: absolute; left: -20px; top: 35px; font-size: 12px; color: #fff; text-align: center; line-height: 30px; font-family: "Arial Regular"; } #introduction_name{ width: 125px; height: 150px; line-height: 150px; text-align: center; font-size: 16px; color: #26201e; box-sizing: border-box; border: 2px solid #ddd; float: left; } #introduction_content{ width: 550px; height: 150px; font-size: 14px; color: #26201e; float: left; margin-left: 30px; line-height: 30px; font-family: "宋体"; } #notice_guide{ width: 100%; height: 615px; background: #f1f1f1; } #notice_guide_con{ width: 1000px; margin: 0 auto; margin-top:50px; } #notice_guide_con>div>div{ overflow: hidden; position: relative; } .notice_message{ position: absolute; transition: all 0.5s; width: 100%; height: 100px; bottom: -100px; background: rgba(0,0,0,.5); color: #fff; } #notice_guide_con>div>div:hover .notice_message{ bottom: 0px; } #guide_left,#guide_right{ width: 50%; float: left; } #guide_left>div{ width: 250px; height: 400px; float: left; } #guide_right>div{ height: 200px; width: 100%; } #exhibit{ background: url(../img/index/图层29.png) 0 0 no-repeat; } #characteristics{ background:url(../img/index/组101.png)0 0 no-repeat; } #trading_notice{ background: url(../img/index/组11.png)0 0 no-repeat; } #risk_control{ background: url(../img/index/组8.png)0 0 no-repeat; }