.f_pr{position:relative;} .f_pa{position:absolute;} .header , .content , .footer { width:1200px; margin:0 auto; } em{font-style:normal;} .g_top{ width: 100%; height: 120px;z-index: 105; max-width: 1920px;min-width: 1200px;} .g_top h1{ float:left;width: 29%;margin-right: 3%; background: #e15616;height: 120px; position: relative; } .g_top h1 img{width:260px; position: absolute; right:7%;top:50%;margin-top: -40px;height: 80px;} .g_nav{float: left;width:68%;} .g_nav ul{float: left;width: 90%; padding-top: 40px;} .g_nav li{position: relative; float:left; font-size:16px;margin: 0 2.5%; } .g_nav li a{ display:block;float: left; color:#2e2e2e; text-decoration: none;height: 64px;} .g_nav li em{display: block;font-size: 12px;color: #ebebeb;text-align: center;} .g_nav li a:hover,.g_nav .cur a{color: #e15616;background:url(images/hover.png) no-repeat center bottom;} .g_nav .lastli{background: none;} .h_ser_icon{ width:5%;float: left; height: 50px; padding-top: 30px; cursor: pointer; } .h_ser_icon img{width:50px;height: 50px;display: block; } .h_ser_icon .hser_icon2{ display: none; } .search_con{ display: block;position: absolute; display: none; top: 120px;z-index: 12; left: 0; width: 100%; height: 70px;line-height: 70px; background:rgba(55,55,55,.6); } .serlogo{float: left;padding-left: 8%;padding-right: 7%; width: 15.8%;padding-top: 1%;} .serlogo img{width: 100%;display: block;} .sercon{float: left;width: 60%;} .sea_inp{width: 60%;padding-left: 30%;background:url(images/serico2.png) no-repeat 27% 25px;} .sea_inp input{ border: 0; width: 100%; height: 70px; background: none; outline: none; font-size: 16px; font-weight: normal; line-height: 70px; color: #fff; } @media (max-width:1440px){ .g_nav li{position: relative; float:left; font-size:16px;margin: 0 1%; } } @media screen and (max-width: 1679px) { .g_nav li{position: relative; float:left; font-size:16px;margin: 0 1.2%; } } @media screen and (min-width: 1680px) { .g_nav li{position: relative; float:left; font-size:16px;margin: 0 2.5%; } } } .banner .slick-arrow { position: absolute;font-size: 0; top: 50%; z-index:12; width: 100px; height: 100px; margin-top: -42px; border: 0; } .banner .slick-prev { left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12; background:url(images/probt1.png) no-repeat;width:30px;height: 84px; } .banner .slick-next { right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12; background:url(images/probt2.png) no-repeat;width:30px;height: 84px; } .banner img { display: block; width: 100%; margin:0 auto; } .slick-dots { position: absolute; left: 0; font-size:0; bottom: 5%; width: 100%; text-align: center; outline: none; } .slick-dots li { display: inline-block; margin: 0 15px; outline: none; } .slick-dots li button { display: block; border: 0 none;width: 15px;height: 15px; color: #fff; border-radius: 50%; background-color: #fff; outline: none; outline: none; } .slick-dots .slick-active button { background-color: #f7db56; } .g_ys b{color:#e15616;} .f_bj{color:#545454;clear:both;font-family:"Microsoft Yahei";height:358px;background: url(images/ftbg.jpg) no-repeat center top;position: relative;padding: 60px 0 0;} .f_bj h3{font-size:24px;height: 75px;color: #fff;} .f_bj h3 em{display: block;font-size: 12px;color: #fff;font-weight: normal;text-transform: uppercase;} .f_bj .copyr{font-size: 14px;color: #fff;position: absolute;right: 0;top:276px;} .f_bj .copyr a{color: #fff;} .f_nav{width:442px;} .f_nav ul{height: 198px;} .f_nav li{display:block;width: 100px;float: left;padding: 0 0 0 22px;background: url(images/ftjt.png) no-repeat 0 10px; height: 34px;line-height: 34px;margin-bottom: 28px;} .f_nav li a{color: #fff;} .f_nav li a:hover{color: #fff;text-decoration: underline;} .f_code{width:315px;display: block;height: 230px;border: solid 1px #e77c4b;} .f_code p{width: 106px;float: left;padding: 27px 25px 0;height: 203px;text-align: center;line-height: 56px; color: #fff;} .f_code p:first-child{border-right: solid 1px #e77c4b;} .f_code img{width:97px;height:97px;background: #fff;padding:5px;display: block;} .f_text{width:333px;} .f_text1{height: 102px;color: #fff;} .f_text1 li{height: 44px;line-height: 44px;} .f_text1 li span{float: left;display: block;} .f_text1 li p{font-size: 18px;} .f_text1 li em{font-size:30px;float: left;} .f_text2 li{float: left;height: 75px;position: relative;line-height: 34px; width: 110px;color: #fff;} .f_text2 li span{display: block;width: 44px;height: 44px;} .f_text2 li span img{display: block;width: 44px;height: 44px;} .f_text2 li b{display: block;padding-left: 11px;font-weight: normal;} .f_text2 li p{display: none;width:230px;height: 41px;background: #fff;position: absolute;left: 0;top:88px;border-radius: 1px;color: #1d1e28;line-height: 41px;font-weight: bold;text-align: left;} .f_text2 li:hover p{display: block;} .f_text2 li p i{display: block;width:20px;height:20px;background: #fff;padding: 2px;border-radius: 20px;float: left;margin: 8px;} .f_text2 li p:before{content: "";position: absolute;width:0;height:0;top:-8px;left:15px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #fff;} .f_text2 li:nth-child(2) p:before{left:23px;} .f_text2 li:nth-child(3) p:before{left:270px;} .f_text2 li:nth-child(3) p{left:-260px;top:88px;width: 360px;font-size:14px;} .f_wz{position: absolute;right: 0;top:225px;font-size: 14px;color: #fff;} .f_wz a{color: #fff;} .client-2 { position: fixed; left:-30px; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: url(images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main{ padding-top: 6px; } .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-right: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #e15616; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; position:relative; left:-132px; } .client-2 .my-kefu-main { background: #e15616; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } #newBridge .icon-left-center{ position:fixed !important; left:92% !important; }