/*样式初始化*/ *{margin:0;padding:0;word-wrap:break-word;} body{width:100%; font:14px/1.75 "微软雅黑", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#1A1A1A; background-color: #fff;} a{color:#333;text-decoration:none;} a:hover{text-decoration:none; color:#000;} a img{border:none;} div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;} em{font-style: normal;font-weight: normal;} table {padding: 0px; margin: 0px;list-style-type: none;} dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;} form{margin:0px;padding:0px;} tr {padding: 0px; margin: 0px;list-style-type: none;} h3,h4{padding:0px; font-size:14px; font-weight:bold;} .w1015{ width:1015px; overflow:hidden;} .clear{ height:0px; clear:both; overflow:hidden;} .blank10{ height:10px; overflow:hidden;} .clearfloat {clear:both;height:0; overflow:hidden;} .center{ width: 1200px; margin: 0 auto; overflow: hidden; /* height: 5px; background-color: #fff;*/ } /*语言切换*/ #top{ } #top .switch{ width: 100%; height: 30px; background-color:#3C3C3C; } #top .switch .long{ width: 1200px; height: 30px; margin: 0 auto; } #top .switch .long .left{ float: left; color: #fff; height: 25px; margin-top: 2px; line-height: 25px; } #top .switch .long .right{ float: right; width: 200px; } #top .switch .long .right ul{ } #top .switch .long .right ul li{ float: left; padding:0 10px; height: 20px; line-height: 20px; border-right: 1px #fff solid; margin-top: 5px; } #top .switch .long .right ul li a{ color: #fff; } #top .switch .long .right ul li:nth-child(3){border-right:none;} /*long and tel*/ #logotel{ width: 1200px; height: 110px; margin:0 auto; } #logotel .logo{ width: 50%; height: 90px; float: left; } #logotel .tel{ width: 50%; height: 90px; float: right; } #logotel .tel img{ float: left; margin-left: 200px; } #logotel .tel p{ display: block; float: left; font-size:20px; width: 300px; margin-top: 13px; margin-left: 10px; margin-top: 15px; color: #3B3B3B; line-height: 30px; } #logotel .tel span{ font-size: 20px; line-height: 50px; color: #0457E3; margin-left: 10px; font-weight: bold; } /*导航*/ #nav{ width: 100%; height: 50px; background: #0836FE; } #nav .long{ width: 1100px; margin: 0 auto; } #nav .long ul{ margin: 0 auto;} #nav .long ul li{ float: left; line-height: 50px; } #nav .long ul li a{ color: #fff; font-size: 18px; padding: 0 25px; height: 44px; } #nav .long ul li a:hover{ color: #fff; } #nav .long ul li:nth-child(8) a{border-right:none;} /*banner图*/ .slideBox{ width:100%; max-width: 1920px; min-width: 1200px; overflow:hidden; position:relative;} .slideBox .bd{ position:relative; height:100%; z-index:0;} .slideBox .bd li{ zoom:1; vertical-align:middle;} .slideBox .bd img{width:100vw; height:auto; display:block;} /* 按钮样式 */ .slideBox .hd{ position:absolute; width: 100%; bottom:10px; height:15px; overflow:hidden; text-align: center; z-index:1;} .slideBox .hd ul{ display: inline-block;} .slideBox .hd ul li{ float:left; width: 100%; margin:0 10px; width:60px; height:5px; background:#fff; cursor:pointer; margin-top: 10px;} .slideBox .hd ul li.on{ background:#0836FE; color:#fff;} /*公共类*/ .title{ text-align: center; margin-top: 30px; font-size: 28px; } .desc{ text-align: center; font-size: 18px; } .heng{ border-bottom: 2px #9D9D9D solid; width: 100%; width: 1200px; margin: 0 auto; padding-bottom: 15px; } .more{ margin: 0 auto; height: 40px; width: 180px; background: #1364E9; color: #fff; font-size: 24px; text-align: center; line-height: 40px; } .more a{ color: #fff; } /*产品介绍*/ #pro{ width: 1200px; margin: 0 auto; overflow: hidden; } .picScroll-left2{ position:relative; margin-bottom: 30px; margin-top: 10px;} .picScroll-left2 .prev,.picScroll-left2 .next{ position:absolute; display:block; width:40px; height:253px; } .picScroll-left2 .prev{ left:0; top:16px; background:#939090; } .picScroll-left2 .prev img{ width: 40px; height: 100px; margin-top:70px; } .picScroll-left2 .next{ right:0; top:16px; background:#939090; } .picScroll-left2 .next img{ width: 40px; height: 100px; margin-top:70px; } .picScroll-left2 .bd{ padding:10px; } .picScroll-left2 .bd ul{ zoom:1; height: 260px; padding-top: 10px;} .picScroll-left2 .bd ul li{ margin:0 8px; margin-top: 5px; float:left; _display:inline; overflow:hidden; text-align:center; height: 260px; background: #D3D3D3; font-size: 18px; line-height: 45px;} .picScroll-left2 .bd ul li .pic{ text-align:center; } .picScroll-left2 .bd ul li .pic img{ width:260px; height:204px; display:block; padding:2px;} .tempWrap{ margin: 0 auto;} .listright{ width: 850px; margin: 20px auto; overflow: hidden; overflow: hidden; } #prolist{ width: 850px; margin: 20px auto; overflow: hidden; background: #F3F3F3; float: right; overflow: hidden; } #prolist ul{ } #prolist ul li{ float: left;/* background: #D3D3D3;*/ width: 188px; height: 190px; margin: 10px 12px; font-size: 18px; text-align: center; } #prolist ul li img{ width: 188px; height: 140px; border: 1px #D3D3D3 solid; } /*分页*/ #pages{ text-align: center; margin: 30px 0 40px 0; } #pages ul{ display: inline-block;} #pages ul li{ float: left; margin: 0 5px;} #pages ul li a{ display: block; padding: 5px 10px; border: 1px solid #ccc;} /* 组织 */ #zjjg{ width: 100%; background-image: url(../images/zjjg.jpg); background-size: 100% 100%; background-repeat: no-repeat; margin-top: 40px; overflow: hidden; padding-bottom: 20px;} #zjjg .zleft{ width: 850px; float: left; } #zjjg .zleft .ztit{ font-size: 24px; color: #fff; margin-top: 20px; margin-left: 70px; } #zjjg .zleft .zcont{ font-size: 18px; line-height: 30px; color: #fff; margin-left: 70px; } #zjjg .zleft .click{ height: 30px; width: 100px; font-size: 16px; background: #fff; line-height: 30px; text-align: center; float: right; } #zjjg .zleft .click a{ color: #00252B; } #zjjg .zright{ width: 310px; height: 135px; margin-left:30px; float: right; border-left: 1px solid #fff; margin-top:65px; padding-top: 20px; } #zjjg .zright p{ color: #fff; margin-left: 30px; font-size: 28px; } #zjjg .zright p span{ font-size: 18px; } /*新闻和销售*/ #newsxs{ width:100%; margin: 25px auto; overflow:hidden; clear: both; background: #EBEBEB; } #newsxs .nleft{ width: 590px; overflow: hidden; float: left; margin:15px 0; } #newsxs .nleft .tit{ font-size: 28px; margin: 5px 0; border-bottom: 1px #000 dashed; } #newsxs .nleft .tit span{ font-size: 18px; margin-left: 50px; } #newsxs .nleft .tit a{ float: right; font-size: 16px; line-height: 62px; } #newsxs .nleft .list{ width: 100%; background: #fff; } #newsxs .nleft .list .fist{ } #newsxs .nleft .list .fist img{ float: left; width: 160px; height: 100px; margin:15px 15px 5px 10px; } #newsxs .nleft .list .fist .ftop{ font-size: 18px; font-weight: bold; padding-top: 15px; } #newsxs .nleft .list .fist .fdesc{ left: 30px; font-size: 16px; color:#555555; } #newsxs .nleft .list ul{ width: 100%; margin-top: 30px; padding-left: 15px;} #newsxs .nleft .list ul li{ font-size: 16px; color:#555555; line-height: 50px; } #newsxs .nleft .list ul li span{ float: right; margin-right: 30px; line-height: 50px; } #newsxs .nright{ width: 590px; overflow: hidden; float: right; margin-top: 15px; } #newsxs .nright .tit{ font-size: 28px; } #newsxs .nright .tit span{ font-size: 18px; margin-left: 50px; } #newsxs .nright .tit a{ float: right; font-size: 16px; line-height: 62px; } #newsxs .nright .nbot{ font-size: 16px; color:#555555; line-height: 30px; } #newsxs .nright .nbot img{ width: 100%; margin-bottom:6px; } /*关于和联系*/ #aboutcon{ width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 25px; } #aboutcon .aleft{ background-image: url(../images/gy.jpg); background-repeat: no-repeat; width: 820px; height: 410px; float: left;} #aboutcon .aleft .tit{ position: relative; left: 450px; top:45px; font-size: 28px; color: #fff; } #aboutcon .aleft .tit span{ font-size: 16px; margin-left: 10px; } #aboutcon .aleft .cont{ width: 380px; font-size: 15px; color: #fff; position: relative; left: 380px; top:60px; } #aboutcon .aleft .cont .click{ height: 30px; width: 120px; background: #fff; color: #082131; float: right; line-height: 30px; text-align: center; margin: 5px 0; } #aboutcon .aright{ width:350px; overflow: hidden; float: right; } #aboutcon .aright .tit{ font-size: 28px; border-bottom: 1px #ccc solid; } #aboutcon .aright .dizhi{ margin: 9px 0; font-size: 18px; } #aboutcon .aright p{ font-size: 18px; } #aboutcon .aright img{ margin-left: 60px; width: 200px; } #bot{ width: 100%; background: #0357E2; padding: 20px 0; } #bot p{ margin-left: 50px; color: #fff; font-size: 16px; } #bot p a{ color: #fff; } /* footer */ #footer{ background:#0357E2; width:100%;} #footer .foot_box{ width: 1200px; margin:0 auto; position:relative; height:155px;} #footer .f_logo{ position:absolute; top:17px;} #footer .weixin{ position:absolute; top:29px; left:417px;} #footer .foot_con{ line-height:24px; color:#FFF; position:absolute; right:0px; padding-top:15px; padding-bottom:15px; top:30px; padding-left:75px; background:url(../images/1_03.png) left center no-repeat;} /*#about{ width: 1200px; overflow: hidden; margin: 20px auto; background: #F3F3F3; } #about .content{ font-size: 18px; margin: 20px 20px; line-height: 40px; } #about .content img{ display: block; margin: 10px auto; } #about .content ul{ } #about .content ul li{ line-height: 50px; padding-left: 20px; height: 50px; border-bottom: 1px #ccc dashed; } #about .content ul li a{ float: right; margin-right: 20px; }*/ #left{ width: 300px; margin: 20px 0; overflow: hidden; float: left; } #left ul{ overflow: hidden; } #left ul li{ padding: 5px 10px; background: #044FCE; font-size: 24px; text-align: center; margin-bottom: 10px; border-radius:25px; } #left ul li a{ color: #fff; } #left img{ width: 100%; margin-bottom:20px; border: 1px solid #044FCE;} #left .xinxi{} #left p{ font-size: 16px; line-height: 25px; padding: 0px 10px; border-bottom: 1px #fff dashed; } #left .search { width: 300px; height: 81px; background: url(../images/search_bg_14.jpg) center no-repeat; background-size: 300px 150px; text-align: center; padding-top: 67px; margin-bottom: 20px;} #left .ta1 { width: 200px; height: 32px; border: #0563ff solid 1px; background: #FFF; padding-left: 24px;} #left .ta2 { width: 78px; height: 21px; line-height: 20px; text-align: center; color: #FFF; background: #0563ff; cursor: pointer; border: none; margin-top: 12px; border-radius: 5px;} #about{ width: 850px; overflow: hidden; margin: 20px 0; float: right; } #about .main_title {height: 35px;line-height: 35px;background: url(../images/main_bg_03.png) bottom center no-repeat;} #about .main_title span {float: right;font-family: 宋体;font-size: 12px;color: #0563ff;} #about .content{ padding-top: 10px; margin-top: 10px; background: #F3F3F3;/* overflow: hidden;*/} /*#about .content img{ display: block; margin: 10px auto; max-width: 100%; }*/ #about .content ul{ } #about .content ul li{ line-height: 50px; padding-left: 20px; height: 50px; border-bottom: 1px #ccc dashed; } #about .content ul li a{ float: right; margin-right: 20px; } #about .content span{ font-size: 22px; color: red; display: block; /*margin-top: 10px;*/ } #about .content #dituContent{ margin: 10px auto 0; } #about .content .left{ width: 350px; float: left; margin-left: 50px; text-align: left !important; } #about .content .right{ width: 250px; float: right; margin-right: 50px;} #about .content .right img{ width: 100%; } /*所有配资列表*/ #tnews{ width: 850px; margin: 0 auto; overflow: hidden; float: right; } #tnews .newlist{ overflow: hidden; } #tnews .newlist ul{ margin: 20px 0; margin-top: 40px; overflow: hidden; } #tnews .newlist ul li{ width: 100%; overflow: hidden; background-color: #F2F2F2; margin:10px 0; } #tnews .newlist ul li:hover{ background-color: #0357E2; color:#fff;} #tnews .newlist ul li:hover a{ color: #fff; } #tnews .newlist ul li .aleft{ width: 84%; float: left; float: left; height:100px; } #tnews .newlist ul li img{ height: 90px; width: 120px; float: left; margin:5px 10px 0 10px; } #tnews .newlist ul li .cent{ height: 90px; border-right:1px #F2F2F2 solid; float: left; margin-top: 5px; } #tnews .newlist ul li .aleft span{ display: block; margin: 5px; margin-left: 10px; font-size: 16px; font-weight: bold; } #tnews .newlist ul li .aleft p{ margin: 5px; margin-left: 10px; } #tnews .newlist ul li .aright{ width: 15%; float: right; float: left; height:100px; } #tnews .newlist ul li .aright span{ display: block;margin-top:32px; text-align: center; } #tnews .newlist ul li .aright p{ text-align: center; } #rcon{ position: fixed; right: 0;bottom: 0; width: 220px; background: #f2f2f2; overflow: hidden; border-radius:10px; } #rcon .back{ background: #1364E9; padding: 8px 0px; font-size: 16px; color: #fff; padding-left: 5px; } #rcon .rtop{ border-bottom: 1px #000 solid; } #rcon .rtop p{ padding-left: 5px; } #rcon .rtop span{ padding-left: 5px; font-size: 14px; } #rcon .rbot form{ margin-top: 20px; margin-top: 10px;} #rcon .rbot form input{ width: 200px; padding: 5px 0px 5px 5px; margin-bottom: 10px; border: 1px solid #929292; color: #333; margin-left: 5px; } #rcon .rbot form input:nth-child(1){ background-image: url(../images/rp.jpg); background-repeat: no-repeat; background-position: 3px 2px;} #rcon .rbot form input:nth-child(2){ background-image: url(../images/rt.jpg); background-repeat: no-repeat; background-position: 5px 3px;} #rcon .rbot form textarea{ width: 200px; padding: 5px 0 5px 5px; height: 80px; border: 1px solid #929292; color: #333; margin-left: 5px; } #rcon .rbot .submit{ float: right; display: block; padding: 0; width: 100px; height: 25px; margin-top: 8px; background: #B50505; color: #fff; margin-right: 7px; } #fltop{ position: fixed; bottom: 330px; right: 0; width: 100px; overflow: hidden; } #fltop ul{ } #fltop ul li{ width: 75px; margin-bottom: 1px; } #fltop ul li img{ width: 100%; } /* border:1px #000 solid;*/