0 .f_pr{position:relative;} .f_pa{position:absolute;} .header , .content , .footer { width:1400px; margin:0 auto; } em{font-style:normal;} .g_top{ height:160px; background:url(images/topbg.jpg) repeat-x center top;} .g_top .m_top{height: 112px;} .top_c .tlogo{ float:left; padding: 0 15px 0 0;} .top_c h2{ float:left; height:60px; margin:20px 0 0 0; color: #333333; font-size: 22px; font-weight: normal;} .top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 16px; padding-top: 3px; letter-spacing: 8px;} .top_c p{ float:right; margin:18px 0 0 0 ; } .top_c p em{display: block;background:url(images/tel.jpg) no-repeat 0 8px; line-height: 34px; font-size:14px;color:#666666; float: left; padding: 0 0 0 30px;} .top_c p span{float: left;font-size:26px;font-weight: normal;color:#666666; } .top_c p span b{display: block;font-size:27px;font-weight: bold;color:#cf1317;} .g_nav{height:36px; line-height: 36px; } .g_nav li{position: relative; float:left; font-size:16px;} .g_nav li a{ display:block;float: left; margin-right: 124px; color:#333333; line-height:36px; text-decoration: none;position: relative;} .g_nav li a:before{content: "";position: absolute;width:0;height: 2px;background: #cf1317;left:0;top:34px;transition: all 0.3s linear 0s;} .g_nav li:last-child a{margin-right: 0;} .g_nav li a:hover:before,.g_nav .cur a:before{width:100%;} @media screen and (max-width:1401px) { .header , .content , .footer { width:1200px;} .g_nav li a{margin-right: 96px;} } .nav_fix { position: fixed; top: 0; z-index: 999; width:100%; margin:0 auto; } .ty-banner-1 { overflow: hidden;width:100%; line-height: 0; text-align:center; } .ty-banner-1 img{width:100%; visibility: hidden; } .ty-banner-1 img.show{ visibility: visible; } .p102-search-1 { height: 70px; border-bottom: 1px solid #ededed; background: #f7f7f7; } .p102-search-1 p { float: left; width: 750px; height: 70px; line-height: 70px; font-size: 14px; color: #333333; } .p102-search-1 p b { display: inline-block; } .p102-search-1 p a { color: #666666; display: inline-block; margin-right: 15px; } .p102-search-1 p a:hover{color: #cf1317;} .p102-search-1-inp { float: right; width: 356px; height: 36px; background: #fff; margin-top: 18px; border-radius: 25px; position: relative; } .p102-search-1-inp:before, .p102-search-1-inp:after { content: ''; position: absolute; width: 80%; height: 1px; background: #e3e3e3; left: 10%; z-index: 0; } .p102-search-1-inp:before { top: 0; } .p102-search-1-inp:after { bottom: 0; } .p102-search-1-inp1 { width: 249px; height: 34px; line-height: 34px; color: #999999; border: 1px solid #e3e3e3; border-right: 0; padding: 0 20px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; float: left; } .p102-search-1-inp2 { width: 66px; height: 36px; border: 0; border-radius: 25px; background: url(images/p102-search-icon1.png) no-repeat center center #cf1317; float: right; position: relative; z-index: 2; cursor: pointer; } .plc{padding: 5px 0 25px;width:1200px;margin:0 auto;} .p12-curblock{ display: none; } .p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;} .p102-curmbs-1 b { font-weight: normal; padding-left: 35px; background: url(images/p102-curmbs-icon1.png) no-repeat left center; } .p102-curmbs-1 i { font-style: normal; } .p102-curmbs-1 span { font-family: 宋体; height: 46px; line-height: 46px; padding: 0px 5px; } .p102-curmbs-1 a{color: #808080;} .p102-curmbs-1 a:hover{color: #cf1317;} .p101s-case-1-list { position: relative; } .p101s-case-1-list dl { float: left; width: 378px; margin: 0 33px 60px 0; } .p101s-case-1-list dl:nth-child(4n-1) { margin-right: 0; } .p101s-case-1-list dt img, .p101-case-1-list-con dt a { display: block; width: 100%; margin: 0 auto; } .p101s-case-1-list dd { border: 1px solid #e3e3e3; padding: 28px 26px 40px 32px; position: relative; background: #fff; } .p101s-case-1-list dd h4 { padding-bottom: 10px; position: relative; height: 70px; } .p101s-case-1-list dd h4:after { content: ''; position: absolute; width: 42px; height: 2px; left: 0; bottom: 0; background: #d4d4d4; } .p101s-case-1-list dd h4 a { display: inline-block; max-width: 100%; height: 70px; line-height: 35px; font-size: 24px; color: #1a1a1a; overflow: hidden; } .p101s-case-1-list .p101s-case-1-desc { padding-top: 20px; color: #4c4c4c; line-height: 24px; text-align: justify; height: 120px;overflow: hidden; } .p101s-case-1-list dl:hover { box-shadow: 4px 5px 10px #e6e6e6, -4px 5px 10px #e6e6e6; } .p101s-case-1-list dl:hover dd:after { content: ''; position: absolute; width: 100%; height: 3px; background: #cf1317; left: 0; bottom: 0; z-index: 1; } .title { padding-bottom: 15px; position: relative; font-weight: normal; text-align: center; margin-bottom: 40px; } .title:after { content: ''; position: absolute; width: 76px; height: 1px; background: #d4d4d4; bottom: 0; left: 50%; margin-left: -38px; } .title span, .title a { display: block; height: 50px; line-height: 50px; font-size: 38px; color: #333333; } .title em { display: block; height: 22px; font: 14px/22px 'Arial'; color: #808080; font-style: normal; letter-spacing: 2px; } .p101-recommend-news { padding: 60px 0; background-color: #f5f5f5; } .p101-recommend-news-list ul { padding-top: 5px; position: relative; } .p101-recommend-news-list li { float: left; width: 530px; } .p101-recommend-news-list li p { height: 30px; margin-bottom: 10px; padding-left: 20px; position: relative; line-height: 30px; } .p101-recommend-news-list li p:before { content: ""; width: 8px; height: 8px; border: 2px solid #808080; border-style: dotted dotted none none; position: absolute; top: 50%; left: 0; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .p101-recommend-news-list li p:after { content: ''; position: absolute; width: 2px; height: 2px; background: #808080; left: 4px; top: 50%; z-index: 1; } .p101-recommend-news-list li p a { display: inline-block; max-width: 400px; height: 30px; font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p101-recommend-news-list li p:hover a { color: #cf1317; } .p101-recommend-news-list li p:hover:before { border-color: #cf1317; } .p101-recommend-news-list li p:hover:after { background: #cf1317; } .p101-recommend-news-list li p em { float: right; width: 90px; height: 30px; font-family: Arial; color: #808080; text-align: right; font-style: normal; } .p101-recommend-news-list li.last { margin-left: 140px; } .p101-recommend-news-list li.last:before { content: ''; position: absolute; width: 1px; left: 50%; top: 0; bottom: 5px; background: #e3e3e3; z-index: 3; } .g_ft{ height:264px;padding-top: 46px; background:#2a2a2a;} .ftleft{float: left;width:29.4%;} .ftleft .ftlogo{width:72%;margin-bottom:10px;} .ftleft .ftlogo img{width:100%;display: block;} .codelst li{float: left;width:30%;margin-left: 20%;} .codelst li i{display: block;background: #fff;} .codelst li i img{width:80%;padding: 10%; display: block;} .codelst li em{display: block;line-height: 40px;text-align: center;font-size:14px;color:#fff;} .f_ftcon{float: left;width:30%;margin-right: 4%;position: relative;} .f_ftcon:before{content: "";position: absolute;width:1px;height: 205px;background: #656565;right: 0;top:10px;} .f_ftcon:after{content: "";position: absolute;width:1px;height: 40px;background: #cf1317;right: 0;top:10px;} .f_ftcon h3{line-height: 36px;font-size:18px;color:#cf1317;margin-bottom: 10px;} .f_ftcon li{font-size:14px;line-height: 36px;color:#fff;} .m_fnav{float: left;width:19%;margin-right: 4%;position: relative;} .m_fnav:before{content: "";position: absolute;width:1px;height: 205px;background: #656565;right: 0;top:10px;} .m_fnav:after{content: "";position: absolute;width:1px;height: 40px;background: #cf1317;right: 0;top:10px;} .m_fnav h3{line-height: 36px;font-size:18px;color:#cf1317;margin-bottom: 10px;} .m_fnav p a{display: block;float: left;width:114px; font-size:14px;line-height: 36px;color:#fff;} .copyr{float: left;width:13%;padding-top: 45px;} .copyr em{display: block; line-height: 36px;font-size:16px;color:#fff;} .copyr em a{color:#fff;} .client-2 { width: 45px; position: fixed; right: 10px; top: 75%; z-index: 999; color: #fff; } .client-2 li a { text-decoration: none; color: #fff; } .client-2 li { margin-bottom: 5px; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: relative; } .client-2 li.my-kefu-qq { background:#cf1317 url(images/cimg23.png) center no-repeat; } .client-2 li.my-kefu-weixin { background:#cf1317 url(images/cimg24.png) center no-repeat; } .client-2 li.my-kefu-tel { background:#cf1317 url(images/cimg25.png) center no-repeat; } .client-2 li.my-kefu-shouye { background:#cf1317 url(images/tohome.png) center no-repeat; background-size:26px; } .client-2 li.my-kefu-shouye a { width: 45px; height: 45px; display: block; } .client-2 li.my-kefu-ftop { background:#cf1317 url(images/returnTop.png) center no-repeat; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 li.my-kefu-qq .cont { margin: 0; background:#cf1317 url(images/cimg23.png) 15px center no-repeat; border-radius: 50px; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; width: 130px; position: absolute; top: 0; right: 0; z-index: 999; } .client-2 li.my-kefu-tel .cont { margin: 0; background:#cf1317 url(images/cimg25.png) 15px center no-repeat; border-radius: 50px; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; } .client-2 li.my-kefu-weixin .cont { margin: 0; width: 115px; padding: 5px; border: solid 1px #ccc; position: absolute; left: -150px; top: -44px; background-color: #fff; } .client-2 li.my-kefu-weixin .cont span { display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a; } .client-2 li.my-kefu-weixin .cont img { width: 115px; height: 115px; } .client-2 li:hover .cont { display: block!important; }