锘緻charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; box-sizing: border-box; font-size: 14px; font-family: "寰蒋闆呴粦"; text-decoration: none; } a{ color:#333; } .l, .l1, .l2, .l3 { float: left; } .r, .r1, .r2, .r3 { float: right; } .color-333 { color: #333 } .color-666 { color: #666 } .color-999 { color: #999 } .main{ width:1200px; margin: 0 auto; } /*index+++css*/ header h3{ border-bottom:1px solid #ebebeb; line-height: 33px; height: 33px; display: block; } header h3 p{ width:1200px; height: 33px; margin: 0 auto; font-size:14px; color:#999; font-weight: 400; } header .main{ height:104px; } header .main .r a{ font-size:16px; color:#333; margin:45px 0 0 10px; display: block; width: 90px; text-align: center; border-right: 1px solid #e3e3e3; height: 25px; float: left; } header .main .r a:last-of-type{ border-right:none; } header .main .r a:hover,header .main .r a.active{ color:#48c; } header .main .l{ margin-top: 37px; } /*棣栭〉鐒︾偣鍥?css*/ .pic-switch { position: relative; width: 100%; height: 460px; overflow: hidden; } .pic-switch ul,.pic-switch ul li { width: 100%; height: 460px; display: block; } .pic-switch ul li div { width: 100%; height: 460px; min-width: 1200px; } .pic-switch .switch-dot { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; } .pic-switch .switch-dot a { width: 12px; height: 12px; background: url(../images/dian.png) 0 0 no-repeat; display: inline-block; margin: 0 3px; } .pic-switch .switch-dot a:hover, .pic-switch .switch-dot .current { background-position: 0 -62px; } .pic-switch .left-c-arrow, .pic-switch .right-c-arrow { position: absolute; top: 50%; width: 45px; height: 80px; background: url(../images/jiantou.png) repeat-x 0 0; display: none; margin-top: -40px; } .pic-switch .left-c-arrow { left: 0; } .pic-switch .right-c-arrow { right: 0; } .pic-switch .left-c-arrow em, .pic-switch .right-c-arrow em { width: 13px; height: 25px; background: url(../images/jiantou.png) no-repeat 0 -271px; display: inline-block; margin: 26px 0 0 13px; } .pic-switch .right-c-arrow em { background-position: 0 -196px; margin: 26px 0 0 18px; } .c-main{ width:1200px; margin: 0 auto; height: 390px; padding-top: 40px; } .c-main .l{ position:relative; width:254px; height: 100%; background: url(../images/index-left-1.png) no-repeat left top; background-size:100% auto; text-indent: 28px; padding: 75px 27px; color:#333; font-size:14px; line-height: 25px; } .c-main .l1{ width:560px; height: 100%; margin-left: 32px; overflow: hidden; margin-right: 50px; } .c-main .r{ width:280px; height:100%; position: relative; } .c-main .l1 h3{ border-bottom:1px solid #e0e0e0; background: url(../images/tittle-bg.png) no-repeat left bottom; line-height: 37px; height: 37px; width:548px; } .c-main .l1 h3 span{ font-size:16px; color:#333; float:left; font-weight: 400; } .c-main .l1 h3 a{ float:right; color:#999; font-size:12px; display: inline-block; } .c-main .l1 dl{ height: 310px; display: block; overflow: hidden; } .c-main .l1 dl dt{ padding-top: 25px; padding-bottom: 10px; overflow: hidden; } .c-main .l1 dl dt img{ width:160px; height: 110px; float:left; margin-right: 15px; } .c-main .l1 dl dt h5{ width:370px; height: 25px; font-size:18px; color:#333; float:left; overflow: hidden; } .c-main .l1 dl dt p{ width:370px; height: 68px; padding-top:10px; color:#999; line-height: 20px; float:left; overflow: hidden; } .c-main .l1 dl dt a{ display:block; margin-top: 10px; height: 25px; width: auto; float:left; background: url(../images/jiantou-r.png) no-repeat left center; padding-left:25px; line-height: 25px; font-size: 14px; color: #333; } .c-main .l1 dd{ padding-left: 10px; background: url(../images/sanjiao.png) no-repeat left center; line-height: 25px; border-bottom: 1px dashed #e0e0e0; height: 35px; display: block; } .c-main .l1 dd span{ float:left; color:#333; line-height: 35px; width: 400px; height: 35px; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .c-main .l1 dd i{ font-style: normal; color:#999; font-size:12px; float:right; line-height: 35px; } .c-main .r h3{ font-size:16px; border-bottom: 1px solid #e0e0e0; line-height: 35px; height: 37px; width: 260px; font-weight: 400; } .c-main .r img{ height: 120px; /*width:260px;*/ padding-top: 20px; } .c-main .r h5{ font-size:16px; height:35px; line-height: 35px; width: 260px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-main .r p{ height: 50px; line-height: 25px; overflow: hidden; color:#999; } .c-main .r .btn{ font-size:12px; height: 25px; width: 75px; border:1px solid #2d2e32; display: inline-block; line-height: 23px; text-align: center; margin-top:20px; } .c-main .r .btn-l{ position: absolute; top:280px; left: 210px; width:26px; height: 26px; background: url(../images/icon.png); background-position: -26px 0; } .c-main .r .btn-r{ position: absolute; top:280px; left: 238px; width:26px; height: 26px; background: url(../images/icon.png); background-position: -78px 0; } .c-main .r .btn-l:hover,.c-main .r .btn-l.active{ background-position: 0; } .c-main .r .btn-r:hover,.c-main .r .btn-r.active{ background-position: -52px 0; } .pro-bg{ background: url(../images/pro-bg.png) no-repeat center top; height: 515px; } .pro-bg h3{ height: 90px; line-height: 90px; text-align: center; font-weight: 400; } .pro-bg ul{ width:1240px; margin:0 auto; height: 310px; display: block; } .pro-bg li{ width:270px; height: 310px; display: block; float: left; margin: 0 20px; background: #f1f1f1; padding: 15px 35px; } .pro-bg li:hover{ background:#00a0ca; } .pro-bg li img{ width:200px; height: 150px; border:3px solid #c9c9c9; display: block; float: left; } .pro-bg li h3{ height: 30px; overflow: hidden; text-overflow: ellipsis; font-size:16px; display: block; width: 100%; float: left; line-height: 30px; padding-bottom: 10px; text-align: left; white-space: nowrap; } .pro-bg li p{ height: 60px; overflow: hidden; color:#999; float: left; margin-bottom: 10px; } .pro-bg li a{ border:1px solid #e3e3e3; text-align: center; border-radius: 5px; width:80px; height: 30px; line-height: 30px; display: block; float:left; } .pro-bg .btn-a{ width:80px; height: 30px; text-align: center; line-height: 27px; border:1px solid #c0c0c0; border-radius: 5px; display: block; margin:40px auto; } .pro-bg li:hover *{ color:#fff; } .pro-bg li:hover a{ background: #f1f1f1; color:#333; } food{ height: 105px; background: #424646; width:100%; display: block; } food .main{ width:1200px; height: 100%; } food .main div{ width:32%; float:left; height: 60px; border-right: 1px solid #747b7c; margin: 22px 0; padding-left: 20px; } food .main div:last-of-type{ border-right: none; } food .main div p{ width: 320px; height: 30px; } food .main i{ display: inline-block; width: 26px; height: 26px; float: left; background: url(../images/icon.png); } food .main .dianhua{ background-position: -104px 0; } food .main .chuanzhen{ background-position: -130px 0; } food .main .dizhi{ background-position: -156px 0; } food .main .youxiang{ background-position: -182px 0; } food .main b{ color:#888888; font-size:12px; float: left; display: inline-block; line-height: 26px; } food .main span{ color: #747b7c; line-height: 26px; float: left; display: inline-block; } section { width:1200px; margin:0 auto; overflow: hidden; } section .banner{ height: 205px; } .banner{ width:100%; height: auto; } section .nav{ width:263px; } .tittle{ height: 46px; width:100%; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; margin-top: 20px; } .tittle b{ float:left; color:#00a0ca; font-size: 18px; } .tittle span{ float:right; color:#888; } .tittle span i{ display: inline-block; background: url(../images/icon.png); background-position: -208px 0; width: 26px; height: 26px; float: left; } .tittle span a,.tittle span em{ display: inline-block; float: left; line-height: 26px; margin:0 5px; } section .nav dt{ height: 50px; background: #adb6b9; color:#fff; padding-left: 40px; position: relative; line-height: 50px; } section .nav dt.active{ height: 50px; background: #66c6df; color:#fff; padding-left: 40px; position: relative; line-height: 50px; } section .nav dt:after{ content: ''; position: absolute; width: 5px; height: 5px; border-radius: 3px; display: block; left: 18px; top: 22px; background: #fff; } section .nav dd{ padding-left: 40px; line-height: 45px; border-bottom:1px solid #e3e3e3; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } section .nav.contect dd a{ color:#888; } section .nav dd a,section .nav.contect dd a.active{ color:#0273be; } section .r { width:900px; } section .r.view{ width:1200px; min-height: 380px; } section .r h3{ color:#0273be; font-size:16px; text-align: center; width: 100%; padding-bottom: 10px; font-weight: 400; } section .r h5{ color:#999; font-size:12px; font-weight: 400; border-bottom: 1px solid #e3e3e3; height: 25px; } .word{ color:#333; padding: 10px 0; line-height: 30px; } .tt h4{ font-size:20px; color:#66c6df; margin-left: 70px; padding-top: 50px; padding-bottom: 20px; } .tt p{ margin-left: 70px; font-size: 12px; line-height: 30px; } .tt p span{ color:#66c6df; } .tt p b{ font-weight: 400; } .ditu{ padding: 20px 0; } .view li{ position: relative; margin-bottom: 10px; background: #f2f2f2; display: block; overflow: hidden; } .view li span{ float: left; height: 135px; width:140px; padding-top: 30px; background: #66c6df; color:#fff; text-align: center; } .view li span u{ line-height: 50px; font-size: 40px; padding-top: 30px; } .view li span b{ line-height: 25px; font-size:12px; } .view li h6{ color:#0273be; font-size:20px; margin-top: 25px; margin-left: 30px; float: left; width: 900px; font-weight: 400; height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; } .view li p{ color:#888; margin-left: 30px; float: left; display: block; width: 1000px; height: 40px; overflow: hidden; } .view li i{ position: absolute; right: 10px; bottom: 10px; color:#999; font-style: normal; } .word *{ max-width:890px; } section .r.view h5{ text-align:center; font-weight:400; border-bottom: 1px solid #e3e3e3; height: 25px; line-height: 25px; } section .r.view h5 span{ font-size:12px; margin: 0 20px; font-size:12px; } .word ol { padding-left: 30px; } .word table{ border-color:#e3e3e3; border-style: solid; border-width: 1px 0 0 1px; } .word table td{ border-color:#e3e3e3; border-style: solid; border-width: 0 1px 1px 0; padding: 3px 10px; } #fy { clear: both; display: block; font-style: normal; margin: 0 auto; text-align: center; left: 0; position: relative; right: 0; } #fy .disabled { display: none; } .newslist_c #fy { width: 420px; } #fy div { float: left; right: 50%; position: relative; } #fy a, #fy span { border: 1px solid #ddd; color: #333; display: inline-block; font-size: 12px; height: 30px; line-height: 30px; margin: 10px 3px; padding: 0 15px; } #fy span { border: 1px solid #3377AA; font-size: 12px; } #fy a:hover, #fy span a:hover { border: 1px solid #ddd; color: #333; display: inline-block; font-size: 12px; height: 30px; line-height: 30px; margin: 10px 3px; padding: 0 15px; background: #ddd; } #fy .fya { border: 1px solid #ddd; color: #333; display: block; float: left; font-size: 12px; height: 30px; line-height: 30px; margin: 10px 3px; padding: 0 15px; background: #ddd; font-style: normal; } #fy .fy { font-style: normal; } .r.view a { font-size: 16px;color: #00a0ca;}