5f0 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;} .p102-fdh-3 { height: 100px; box-shadow: 0 4px 6px #e9e9e9; } .p102-fdh-3 li { float: left; width: 20%; height: 100px; position: relative; } .p102-fdh-3 li:after { content: ""; position: absolute; width: 1px; height: 26px; background: #cfcfcf; right: 0; top: 50%; margin-top: -13px; } .p102-fdh-3 li:last-child:after { display: none; } .p102-fdh-3 li a { display: block; height: 100px; line-height: 100px; font-size: 22px; color: #1a1a1a; text-align: center; } .p102-fdh-3 li.sidenavcur:before, .p102-fdh-3 li:hover:before { content: ""; position: absolute; width: 100%; height: 2px; background: #cf1317; left: 0; bottom: 0; z-index: 1; } .p102-fdh-3 li.sidenavcur a, .p102-fdh-3 li:hover a { font-weight: bold; color: #cf1317; } .p102-fdh-3 li.sidenavcur a:before, .p102-fdh-3 li:hover a:before { content: ""; position: absolute; width: 12px; height: 12px; background: #fff; border: 3px solid #cf1317; border-radius: 100%; left: 50%; margin-left: -9px; bottom: -8px; z-index: 2; } .p102-fdh-3 li.sidenavcur a:after, .p102-fdh-3 li:hover a:after { content: ""; position: absolute; width: 6px; height: 6px; background: #cf1317; border-radius: 100%; left: 50%; margin-left: -3px; bottom: -2px; z-index: 3; } .p102-about-content{font-size: 16px;line-height: 32px;color: #4c4c4c;text-align: justify;padding: 40px 0;} .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; }