| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299 |
- #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;
- }
|