* { font-size: 12px; margin: 0; padding: 0; /*filter: grayscale(100%);*/ } /* 头部开始 */ header { width: 100%; } #header-top { height: 32px; line-height: 32px; border-bottom: #f1f1f1 0.0625rem solid; } #t-left { float: left; width: 228px; height: 17px; font-size: 12px; font-weight: 500; color: #666666; line-height: 17px; margin-top: 9px; } #t-right { float: right; } #t-right img { height: 22px; margin-right: 15px; margin-top: 4px; } #t-right a { text-decoration: none; } #c-e { float: right; width: 50px; height: 17px; font-size: 12px; font-weight: 500; color: #666666; line-height: 17px; margin-top: 9px; } #c { color: #00328e; font-weight: 500; } #qq { float: right; height: 21px; width: 19px; margin-top: 9px; margin-right: 12px; background: url(/uploads/image/nimg/qq微博.png) no-repeat; } #xinlang { float: right; width: 22px; height: 18px; margin-top: 8px; margin-right: 12px; background: url(/uploads/image/nimg/新浪微博.png) no-repeat; } #header-mid { height: 67px; } #m-left { float: left; } #m-left .logo { float: left; height: 60px; } #m-left .logo img { width: 191px; height: 67px; } #m-left .shuxian { float: left; height: 50px; margin-left: 9px; margin-right: 12px; margin-top: 9px; border-right: 2px solid #666666; } #m-left .biaoyu { float: left; height: 45px; } #m-left .biaoyu .biaoyu-top { margin-top: 13px; width: 189px; height: 25px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; } #m-left .biaoyu .biaoyu-btm { width: 189px; height: 20px; font-size: 14px; font-weight: 500; color: #666666; line-height: 20px; letter-spacing: 3.18px; } #m-right { float: right; } #m-right .kefu { float: right; } .kefu .phone-zi { width: 168px; height: 20px; font-size: 14px; font-weight: 500; color: #333333; line-height: 20px; letter-spacing: 7px; margin-top: 5px; } .kefu .phone-num { width: 167px; height: 21px; font-size: 16px; font-weight: bold; color: #00328e; line-height: 21px; letter-spacing: 4.5px; margin-top: 3px; } .kefu .email { width: 163px; height: 14px; font-size: 12px; color: #00328e; line-height: 14px; letter-spacing: 0.7px; } #m-right .phone-logo { background: url(/uploads/image/nimg/电话.png) no-repeat; float: left; width: 35px; height: 34px; margin-right: 11px; margin-top: 28px; } /* 头部结束 */ /*轮播css*/ .flexslider { position: relative; width: 100%; height: 740px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(/uploads/image/nimg/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 740px; z-index: 10; } /*轮播结束*/ /* 产品开始 */ #product { padding-top: 60px; background: #f9f9f9; height: 748px; } .p-left { width: 306px; height: 649px; float: left; } .p-left-top { background: url(/uploads/image/nimg/product.png) no-repeat; width: 306px; height: 114px; } .p-left-btm { margin-top: 16px; width: 306px; } .p-left-btm li { width: 306px; height: 78px; list-style: none; background: white; } .p-left-btm li li { margin-top: 10px; } .p-left-btm li a { width: 306px; height: 78px; display: block; color: #38ace3; cursor: pointer; } .p-left-btm li a:hover { background: #38ace3; color: white; } .p-left-btm img { margin-top: 12px; margin-left: 31px; float: left; } .p-c { width: 95px; height: 22px; line-height: 22px; font-size: 16px; letter-spacing: 6px; font-weight: 600; margin-top: 20px; float: left; margin-left: 13px; } .p-e { height: 14px; font-size: 12px; line-height: 14px; float: left; margin-left: 13px; margin-top: 1px; } .p-right { width: 893px; height: 649px; float: left; } .p-right ul { width: 893px; height: 649px; overflow: hidden; margin-right: -20px; margin-bottom: -20px; margin-top: 0; } .p-right ul li { width: 194px; height: 197px; list-style: none; float: left; margin-left: 25.2px; margin-bottom: 29px; } .p-right ul li a{ text-decoration: none; width: 194px; height: 197px; cursor: pointer; } .p-right ul li img { float: left; width: 194px; height: 197px; } .p-right ul li p { width: 193px; height: 30px; margin-top: 167px; line-height: 30px; text-align: center; position: absolute; color: white; background: #000000; opacity: 0.7; } .p-btm { float: right; margin-top: 29px; } .p-btm a { width: 90px; height: 30px; display: block; line-height: 30px; float: right; background: #316bbf; text-align: center; border-radius: 15px; color: white; text-decoration: none; } /* 产品结束 */ /* aboutus开始 */ #aboutus { height: 475px; padding-top: 40px; background: url(/uploads/image/nimg/aboutus-底.png) no-repeat; background-position: bottom; } .us-left { width: 550px; height: 475px; float: left; background: url(/uploads/image/nimg/222.png); } .us-right { width: 583px; float: left; margin-left: 49px; } .us-right-p1 { width: 252px; height: 54px; font-size: 48px; font-weight: normal; color: #0947a5; line-height: 54px; } .us-right-p2 { width: 98px; height: 33px; font-size: 24px; font-weight: 600; color: #0947a5; line-height: 33px; } .us-right-p3 { width: 96px; height: 2px; margin-top: 11px; background: #333333; } .us-right-p4 { width: 240px; height: 20px; font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; letter-spacing: 6px; margin-top: 11px; } .us-right-p5 { height: 54px; font-size: 14px; font-weight: 400; color: #333333; line-height: 26px; margin-top: 33px; } .us-right-p6 { height: 102px; font-size: 14px; font-weight: 400; color: #333333; line-height: 26px; margin-top: 12px; } .us-right-p7 { width: 500px; height: 40px; margin-top: 14px; } .us-right-p7 li { width: 120px; height: 40px; list-style: none; float: left; margin-right: 30px; } .us-right-p7 li a { width: 120px; height: 40px; line-height: 40px; text-decoration: none; display: block; text-align: center; background: white; font-size: 14px; font-weight: 600; letter-spacing: 1px; color: #527ec0; } .us-right-p7 li a:hover { background: #527ec0; color: white; } .us-right-p8 { margin-top: 29px; float: right; } .us-right-p8 a { width: 90px; height: 30px; display: block; line-height: 30px; float: right; background: #316bbf; text-align: center; border-radius: 15px; color: white; text-decoration: none; } /* aboutus结束 */ /* newscenter开始 */ #newscenter { height: 665px; padding-top: 60px; } .news-top { height: 106px; margin-left: 360px; margin-right: 360px; } .news-top-p1 { width: 343px; height: 54px; font-size: 48px; font-weight: normal; color: #0947a5; line-height: 54px; margin: 0 auto; text-align: center; } .news-top-p2 { width: 343px; height: 32px; margin: 0 auto; } .news-line1 { width: 437.5px; height: 1px; display: block; float: left; margin-top: 16px; background: #999999; } .news-line2 { /* width: 96px; height: 2px; display: block; background: #333333; float: left; margin-top: 15px; opacity: 0.7; */ width: 96px; height: 7px; display: inline-block; /* background: #333333; */ /* float: left; */ /* margin-top: -112px; */ padding-top: -1px; border-top: 2px solid #333333; opacity: 0.7; margin-top: 15px; } .news-linetext { width: 98px; height: 33px; font-size: 24px; font-weight: 600; color: #0947a5; line-height: 33px; display: inline-block; margin-left: 10px; margin-right: 10px; } .news-line3 { /* width: 96px; height: 2px; display: block; background: #333333; float: left; margin-top: 15px; opacity: 0.7; */ width: 96px; height: 7px; display: inline-block; /* background: #333333; */ /* float: left; */ /* margin-top: -112px; */ padding-top: -1px; border-top: 2px solid #333333; opacity: 0.7; margin-top: 15px; } } .news-line4 { width: 437.5px; height: 1px; display: block; float: right; margin-top: 16px; background: #999999; } .news-top-p3 { width: 210px; height: 20px; margin: 0 auto; font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; letter-spacing: 6px; margin-top: 3px; } .news-left { width: 703px; height: 440px; margin-top: 40px; float: left; } .news-left-div1 { height: 28px; } .news-left-div1p1 { width: 80px; height: 28px; font-size: 19px; font-weight: 600; color: #333333; line-height: 28px; float: left; } .news-left-div1p2 { width: 613px; height: 8px; margin-left: 10px; margin-top: 10px; float: left; background: url(/uploads/image/nimg/newslong.png); } .news-left-div2 { height: 184px; } .news-left-div2 img { width: 260px; height: 156px; margin-top: 16px; float: left; } .news-left-div2p1 { width: 427px; height: 44px; font-size: 16px; font-weight: 600; color: #333333; line-height: 22px; margin-top: 26px; margin-left: 16px; float: left; } .news-left-div2p2 { width: 106px; height: 17px; font-size: 12px; font-weight: 600; color: #999999; line-height: 17px; margin-left: 16px; margin-top: 4px; float: left; } .news-left-div2p3 { width: 427px; height: 60px; font-size: 14px; font-weight: 600; color: #666666; line-height: 20px; margin-left: 16px; margin-top: 11px; float: left; } .news-left-div2p4 { width: 102px; height: 20px; float: left; margin-top: -10px; margin-left: 336px; text-align: center; } .news-left-div2p4 a { width: 102px; height: 20px; font-size: 14px; font-weight: 600; color: #0947a5; line-height: 20px; text-decoration: none; } .news-left-div3 { width: 700px; height: 228px; } .news-left-div3 ul { height: 218px; border-top: 1px #cccccc solid; } .news-left-div3 ul li { height: 37px; line-height: 37px; border-bottom: 1px #d5d5d5 dashed; list-style: none; cursor: pointer; } .news-left-div3-tubiao{ color: #4171ba; display: block; line-height: 34px; float: left; } .news-left-div3 ul li a { text-decoration: none; font-size: 12.7px; letter-spacing: 1px; color: #666666; display: inline-block; } .news-left-div3-date{ float: right; width: 70px; margin-right: 19px; letter-spacing: -1px; color: #999999; } .news-right{ width: 442px; height: 440px; float: left; margin-left: 55px; margin-top: 40px; } .news-right-div1 { height: 28px; } .news-right-div1p1 { width: 80px; height: 28px; font-size: 19px; font-weight: 600; color: #333333; line-height: 28px; float: left; } .news-right-div1p2 { width: 352px; height: 8px; margin-left: 10px; margin-top: 10px; float: left; background: url(/uploads/image/nimg/newsshort.png); } .news-right-div2 { height: 412px; margin-top: 16px; } .news-right-div2-con{ height: 100px; margin-bottom: 30px; cursor: pointer; } .news-right-div2 img { width: 185px; height: 100px; float: left; } .news-right-div2p1 { width:241px; height:22px; font-size: 16px; font-weight: 600; color: #333333; line-height: 22px; margin-top: 4px; margin-left: 16px; float: left; } .news-right-div2p2 { width: 106px; height: 17px; font-size: 12px; font-weight: 600; color: #999999; line-height: 17px; margin-left: 16px; margin-top: 3px; float: left; } .news-right-div2p3 { width:241px; height:38px; font-size: 14px; font-weight: 600; color: #666666; line-height: 20px; margin-left: 16px; margin-top: 9px; float: left; } .news-right-div2p4 { width: 102px; height: 20px; float: right; margin-top: -15px; text-align: right; } .news-right-div2p4 a { width: 102px; height: 20px; font-size: 14px; font-weight: 600; color: #0947a5; line-height: 20px; text-decoration: none; } .news-btm{ width: 1200px; float: left; } .news-btm a{ width: 90px; height: 30px; display: block; line-height: 30px; float: right; background: #316bbf; text-align: center; border-radius: 15px; color: white; text-decoration: none; } /* newscenter结束 */ /* guanggao开始 */ #guanggao{ width: 100%; height: 321px; } /* guanggao结束 */ /* investor开始 */ #investor{ height: 535px; padding-top: 60px; } .investor-top { height: 106px; margin-left: 360px; margin-right: 360px; } .investor-top-p1 { width: 525px; height: 54px; font-size: 48px; font-weight: normal; color: #0947a5; line-height: 54px; margin: 0 auto; text-align: center; } .investor-top-p2 { width: 525px; height: 32px; margin: 0 auto; } .investor-line1 { width: 425.5px; height: 1px; display: block; float: left; margin-top: 16px; background: #999999; } .investor-line2 { width: 96px; height: 2px; display: block; background: #333333; float: left; margin-top: 15px; opacity: 0.7; margin-left: 100px; } .investor-linetext { width: 123px; height: 33px; font-size: 24px; font-weight: 600; color: #0947a5; line-height: 33px; display: block; float: left; margin-left: 2px; margin-right: 2px; text-align: center; } .investor-line3 { width: 96px; height: 2px; display: block; background: #333333; float: left; margin-top: 15px; opacity: 0.7; } .investor-line4 { width: 425.5px; height: 1px; display: block; float: left; margin-top: 16px; background: #999999; } .investor-top-p3 { width: 200px; height: 20px; margin: 0 auto; font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; letter-spacing: 6px; margin-top: 3px; margin-left: 162px; } .investor-left{ width: 545px; height: 300px; margin-top: 40px; float: left; background: url(/uploads/image/indn/sh603858.gif); } .investor-right{ width: 600px; height: 300px; margin-top: 40px; margin-left: 55px; float: left; } .investor-right-p1{ width:125px; height:28px; font-size:20px; font-weight:600; color:#0947a5; line-height:28px; margin-top: 18px; margin-left: 113px; } .investor-right-p2{ width:160px; height:22px; font-size:16px; font-weight:600; color:#0947a5; line-height:22px; letter-spacing:6px; margin-top: 10px; margin-left: 100px; } .investor-right-ul1{ width: 400px; height: 60px; margin-top: 17px; } .investor-right-ul1 li{ width: 158px; height: 30px; line-height: 30px; float: left; list-style: none; margin-right: 25px; } .investor-right-ul2{ width: 547; margin-top: 34px; } .investor-right-ul2 li{ width: 547px; height: 20px; margin-bottom: 20px; list-style: none; } .investor-right-ul2 li a{ width:353px; height:20px; font-size:14px; font-weight:600; color:#333333; line-height:20px; text-decoration: none; cursor: pointer; } .investor-right-ul2 li span{ width:73px; height:17px; font-size:12px; font-weight:400; color:#666666; line-height:17px; float: right; } .investor-zi{ color: #333333; font-size: 14px; letter-spacing: 5px; } .investor-shuzi1{ color: #666666; font-size: 12px; letter-spacing: 4px; } .investor-shuzi2{ color: #333333; font-size: 18px; letter-spacing: 6px; font-weight: bold; } .investor-btm{ width: 1200px; float: left; } .investor-btm a{ width: 90px; height: 30px; display: block; line-height: 30px; float: right; background: #316bbf; text-align: center; border-radius: 15px; color: white; text-decoration: none; } /* investor结束 */ #ditu{ width: 100%; height: 456px; } /* contact开始 */ #contact{ height: 414px; background:url(/uploads/image/nimg/contact底.png); } .contact-top{ width: 1200px; height: 358px; border-bottom: 1px white solid; } .contact-top-left{ width: 504px; float: left; } .contact-top-left p{ width:504px; height:22px; font-size:16px; font-weight:400; color:#ffffff; line-height:22px; margin-top: 95px; margin-bottom: 40px; float: left; } .contact-top-left input{ font-size: 14px; border-style: none; border-bottom: 1px solid white; background: transparent; outline: none; float: left; color: white; } .contact-name{ width: 230px; height: 40px; line-height: 40px; } .contact-phone{ width: 230px; margin-left: 44px; height: 40px; line-height: 40px; } .contact-message{ width:504px; height: 40px; line-height: 40px; } .contact-sub{ width:29px; height:20px; font-size: 14px; font-weight:600; color:white; line-height:20px; margin-top: 50px; display: block; float: left; text-decoration: none; text-align: center; border-bottom: 1px solid white; } .contact-us{ width:58px; height:20px; font-size: 14px; font-weight:600; color:white; line-height:20px; margin-left: 245px; margin-top: 50px; display: block; float: left; text-decoration: none; text-align: center; border-bottom: 1px solid white; } .contact-top-mid{ width: 328px; height: 100px; margin-left: 77px; margin-top: 168px; float: left; } .contact-top-mid p{ width:272px; height:20px; font-size:14px; font-weight:600; color:white; line-height:20px; margin-bottom: 20px; } .contact-top-right{ width: 113px; height: 112px; margin-top: 159px; float: left; } .contact-btm{ width:527px; height:20px; font-size:14px; font-weight:400; color:white; line-height:20px; margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .contact-btm a{ color:white; font-size:14px; font-weight:400; } #news-guanggao{ height: 300px; background: url(/uploads/image/npnimg/news-banner .png); } /* contact结束 */ @media screen and (max-width: 980px){ html{ width: 1200px; } } @media screen and (max-width: 1024px){ html{ width: 1200px; } }