﻿@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output,
 section, summary,time, mark, audio, video, input, select {margin:0;padding:0;}
body{ background: #fff; color: #333; font: 12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0; max-width: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #f60; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
input::-webkit-input-placeholder{ color: #aaa;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 105px; background: #fff; border-bottom: 5px solid #325c80; z-index: 99;}
.logo{ position: absolute; left: 0; top: 24px;}
.nav{ float: right;}
.nav li{ float: left; height: 105px; line-height: 126px; padding: 0 38px; text-align: center; position: relative;}
.nav li a{ display: block; color: #161616; font-size: 18px;}
.nav li:hover,.nav li.active{ background: #325c80;}
.nav li:hover a,.nav li.active a{ color: #fff;}
.nav li .navTwo{ display: none; position: absolute; top: 100%; background: #325c80; height: 70px; line-height: 70px;}
.nav li .navTwo a{ display: inline; color: #fff; font-size: 15px; padding: 0 30px;}
.nav li:hover .navTwo a{ background: none;}
.navTwo_jjfa{ width: 640px; left: -280px;}
.navTwo_zlgh{ width: 290px; left: -75px;}
.navTwo_zwzx{ width: 400px; left: -130px;}
.navTwo_gywm{ width: 520px; right: 0px;}
.mT110{ margin-top: 110px;}
.slide_box{ max-width: 1920px; height: 680px; position: relative; *overflow: hidden;}
.slide{ position: relative;}
.slide .content{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
.slide .content li{ float: left; width: 100%; height: 680px; margin-right: 0; overflow: hidden;}
.slide .content li a,.slide .content li a img{ display: block; width: 100%; height: 100%;}
.cell{ position: absolute; overflow: hidden; width: 100%; height: 20px; bottom: 10px; left: 0; z-index: 9; text-align: center;}
.cell li{ display: inline-block; background: none; overflow: hidden; text-indent: -9999px; cursor: pointer; height: 10px; width: 10px; border: 1px solid #000; margin: 0 5px; border-radius: 50%;}
.cell li.on{ background: #000;}
.cell{ *position: absolute; *overflow: hidden; *bottom: 10px; *left: 47%; *z-index: 9;}
.cell li{ *float: left;}
.i_2p{ margin: 24px 0 30px;}
.i_gsxw_wapper{ float: left; width: 380px;}
.i_tit{ margin-bottom: 8px; font-size: 18px; color: #0b0b0b;}
.i_gsxw_box{ height: 375px; position: relative; *overflow: hidden; background: #f1f1f1;}
.i_gsxw{ position: relative;}
.i_gsxw .content{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
.i_gsxw .content li{ float: left; width: 100%; height: 375px; margin-right: 0; overflow: hidden;}
.i_gsxw .content li img{ display: block; width: 100%; height: 254px;}
.i_gsxw_tit{ height: 45px; line-height: 50px; padding: 0 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_gsxw_tit a{ color: #10100f;}
.i_gsxw_tit a:hover{ color: #0a8fb7;}
.i_gsxw_desc{ height: 50px; line-height: 25px; padding: 0 15px; font-size: 15px; color: #444; overflow: hidden;}
.i_gsxw_box .cell{ position: absolute; overflow: hidden; width: 100%; height: 20px; bottom: 5px; left: 0; z-index: 9; text-align: right;}
.i_gsxw_box .cell li{ display: inline-block; background: none; overflow: hidden; text-indent: 9999px; cursor: pointer; height: 10px; width: 10px; border: 1px solid #000; margin: 0 5px; border-radius: 50%;}
.i_gsxw_box .cell li.on{ background: #000;}
.i_fw_wapper{ float: right; width: 758px;}
.i_fw_box{ height: 375px; overflow: hidden; margin-right: -10px;}
.i_fw{ display: block; float: left; width: 245px; height: 182px; margin: 0 10px 10px 0; background: #fff; position: relative;}
.i_fw_h,.i_fw_h:hover{ color: #2fb6ed;}
.i_fw_l,.i_fw_l:hover{ color: #fff;}
.i_fw .dh{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .6s; -webkit-transition: all .6s;}
.i_fw_h .dh{ background: #f1f1f1;}
.i_fw_l .dh{ background: #4cc5f7;}
.i_fw_info{ z-index: 9; text-align: center; position: relative;}
.i_fw_info img{ width: 85px; margin: 30px 0 5px;}
.i_fw_info span{ display: block; font-size: 16px;}
.i_fw:hover .dh{ transform: scale(-1,1); -webkit-transform: scale(-1,1); transition: all .6s; -webkit-transition: all .6s;}
.i_3p{ background: #f4f4f4; padding: 30px 0 20px;}
.i_news_box{ max-height: 9999px;}
.i_news{ float: left; width: 360px; margin-right: 60px;}
.i_news img{ width: 100%; height: 240px;}
.i_news .i_gsxw_tit,.i_news .i_gsxw_desc{ padding: 0 2px;}
.mR0{ margin-right: 0;}
.i_4p{ padding: 30px 0;}
.hzyq_box{ height: 80px; margin-top: 25px; position: relative;}
.hzyqPrev{ display: block; position: absolute; left: 0; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: url(../images/zjt.png);}
.hzyqNext{ display: block; position: absolute; right: 0; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: url(../images/yjt.png);}
.hzyq_info_box{ overflow: hidden; position: relative; width: 1140px; margin: 0 auto; height: 80px;}
.hzyq_info_box .hzyq_info,.hzyq_info_box .tempWrap{ height: 100%;}
.hzyq{ float: left; overflow: hidden; width: 260px; height: 100%; margin: 0 16px 0 11px; text-align: center;}
.hzyq img{ display: block; width: 100%; height: 100%;}
.footer{ padding: 20px 0; background: #18212a;}
.foot_l{ float: left; width: 820px; margin-top: 10px;}
.foot_nav_box{ max-height: 9999px;}
.foot_nav{ float: left; width: 120px; margin-right: 60px; padding-top: 90px;}
.fn_tit{ font-size: 16px; color: #fff; margin-bottom: 15px;}
.fn_link div{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.fn_link div a{ color: #fff;}
.fn_link div a:hover{ color: #0a8fb7;}
.fn_gywm{ background: url(../images/gywm.png) left top no-repeat;}
.fn_jjfa{ background: url(../images/jjfa.png) left top no-repeat; width: 190px;}
.fn_zlgh{ background: url(../images/zlgh.png) left top no-repeat;}
.fn_xwzx{ background: url(../images/xwzx.png) left top no-repeat;}
.foot_txt{ margin-top: 20px; font-size: 15px; color: #6d7278; text-align: center;}
.foot_txt a{ color: #6d7278;}
.foot_txt a:hover{ text-decoration: underline; color: #6d7278;}
.foot_r{ float: right; width: 370px; height: 340px; background: url(../images/f_xx.png) left top no-repeat; text-align: center; overflow: hidden;}
.foot_dh{ font-size: 40px; color: #ececec; font-family: Arial; margin-top: 66px;}
.foot_dz{ font-size: 14px; color: #ececec;}
.foot_gz{ font-size: 16px; color: #fff; margin: 30px 0 10px;}
.foot_ewm{ width: 150px; height: 150px;}

.news_box{ max-height: 9999px;}
.news{ float: left; width: 270px; margin: 0 24px 40px;}
.news_img{ display: block; height: 180px;}
.news_img img{ width: 100%; height: 100%;}
.news_tit{ height: 40px; line-height: 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_tit a{ font-size: 16px; font-weight: bold;}
.news_desc{ height: 42px; line-height: 21px; font-size: 14px; color: #666; overflow: hidden;}
.page{ text-align: center; margin: 30px auto;}
.page a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; margin: 0 2px; color: #666; font-size: 14px; border-radius: 2px; border: 1px solid #dcdcdc;}
.page a:hover,.page a.active,.page a.active:hover{ background: #02A1CF; border-color: #02A1CF; color: #fff;}
.page a.disible{ background: #EBEBEB; color: #888;}
.page a.disible:hover{ background: #EBEBEB; color: #888; border-color: #dcdcdc;}
.page span{ color: #888; font-size: 14px;}
.page span.totalPage{ margin-left: 8px;}
.pageInput{ height: 30px; line-height: 30px; width: 35px; margin: 0 5px; *margin-bottom: -5px; border: 1px solid #dcdcdc; background: #fff; text-align: center; border-radius: 2px; color: #666;}
.page a.btn{ background: #f5f5f5; color: #666; padding: 0 10px; margin-left: 10px;}
.page a.btn:hover{ background: #02A1CF; color: #fff;}
.noData{ height: 300px; background: url(../images/nodata.png) center center no-repeat; opacity: 0.7;}

.path_box{ height: 40px; line-height: 40px; background: #f7f7f7;}
.path{ font-size: 14px; color: #878787;}
.path a,.path span{ color: #325c80;}
.path a:hover{ text-decoration: underline;}
.path i{ padding: 0 15px;}
.info_box{ max-height: 99999px; margin: 30px 0 60px;}
.left_nav{ float: left; width: 220px; border-right: 1px solid #e5e5e5;}
.left_nav_tit{ height: 44px; line-height: 44px; border-bottom: 1px solid #325c80; padding-left: 44px; color: #325c80; font-size: 17px; font-weight: bold;}
.left_nav_info a{ display: block; height: 49px; line-height: 49px; padding: 0 10px 0 40px; border-bottom: 1px dotted #ccc; background: url(../images/dhbg1.png) 16px center no-repeat; color: #999; font-size: 14px; overflow: hidden;}
.left_nav_info a:hover,.left_nav_info a.active{ background: url(../images/dhbg2.png) 16px center no-repeat; color: #325c80;}
.right_info{ float: right; width: 955px; overflow: hidden;}
.right_tit{ text-align: center; font-size: 20px; border-bottom: 1px dotted #ddd; font-weight: bold; letter-spacing: 1px; padding-bottom: 14px; margin-bottom: 40px;}
.right_nr{ font-size: 16px; color: #525252; line-height: 30px;}
.right_nr img{ max-width: 100%;}
.right_nr p{ margin-bottom: 15px;}

.zhgylxx{ border-top: 1px solid #aaa; margin: 40px 0;}
.zhgyl_tit{ margin-bottom: 30px; font-size: 20px; color: #141414; font-weight: bold;}
.zhgyl_tit span{ color: #c90606;}
.ptjs_info1{ height: 520px; background: url(../images/ptjs1.png) right bottom no-repeat;}
.ptjs_info1_t{ width: 600px;}
.ptjs_info1_b{ width: 360px; margin-top: 50px;}
.lxwm_box{ padding-left: 120px; margin-top: 50px;}
.lxwm_info{ margin-bottom: 30px;}
.lxwm_info span{ display: inline-block; height: 35px; line-height: 35px; width: 90px; font-size: 14px; text-align: right; padding-right: 10px;}
.lxwm_info span i{ font-weight: bold; color: #f00; display: inline-block; margin-right: 4px; position: relative; top: 2px;}
.lxwm_info input[type="text"]{ height: 33px; line-height: 33px; width: 300px; padding: 0 10px; border: 1px solid #d4d4d4; border-radius: 2px; font-family: 微软雅黑;}
.lxwm_info select{ height: 35px; line-height: 35px; width: 322px; padding: 0 0 0 10px; border: 1px solid #d4d4d4; border-radius: 2px; font-family: 微软雅黑;}
.lxwm_info textarea{ height: 100px; line-height: 26px; width: 300px; padding: 5px 10px; border: 1px solid #d4d4d4; border-radius: 2px; font-family: 微软雅黑;}
.yjhjy{ position: relative; top: -92px;}
.lxwm_info input[type="button"]{ margin-left: 110px; height: 38px; line-height: 33px; width: 308px; border-radius: 2px; cursor: pointer; font-family: 微软雅黑; font-size: 16px; letter-spacing: 2px; background: #f50; color: #fff; border: 0;}
.lxwm_info input[type="button"]:hover{ background: #f40;}
.lxwm_dz_box{ max-height: 9999px; margin-bottom: 40px;}
.lxwm_dz{ float: left; width: 300px; margin-right: 27px;}
.mR0{ margin-right: 0;}
.lxwm_dz_t{ height: 145px;}
.lxwm_dz_t img{ width: 100%; height: 100%;}
.lxwm_dz_b{ height: 110px; padding: 4px 10px 10px; background: #fafafa; color: #222; overflow: hidden;}
.lxwm_dz_b_t{ display: block; height: 40px; line-height: 40px; border-bottom: 1px dashed #ddd; font-size: 15px;}
.lxwm_dz_b_b{ margin-top: 10px; font-size: 12px; line-height: 24px;}
.lxwm_dz_b_b_info{ max-height: 9999px;}
.lxwm_dz_b_b_info_l{ float: left; width: 40px; font-weight: bold;}
.lxwm_dz_b_b_info_r{ float: right; width: 236px;}
.goHome,.goTop{ display: none;}
.yzfgs p{ margin-bottom: 25px; color: #000;}


@media screen and (max-width:979px){
    body{ min-width: 0;}
    .footer .box,.i_gsxw_wapper,.hzyqPrev,.hzyqNext{ display: none;}
    .box{ width: 100%;}
    .header{ height: 55px; z-index: 100000;}
    .logo{ height: 37px; top: 10px; left: 10px;}
    .mT110{ position: fixed; z-index: 100001; right: 12px; top: 18px; width: 22px; height: 22px; background: url(../images/menu.png); background-size: contain; margin: 0;}
    .nav{ display: none; position: fixed; top: 55px; left: 0; width: 100%; height: 66%; z-index: 100000; background: #325C80; overflow-y: auto;}
    .nav li{ height: auto; width: 100%; padding: 5px 15px; box-sizing: border-box; line-height: 40px; border-bottom: 1px solid #537a9b;}
    .nav li a{ color: #fff; font-size: 16px; font-weight: bold;}
    .nav li .navTwo{ display: none; width: 100%; position: static; height: auto;}
    .nav li .navTwo a{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ccc; font-weight: normal;}
    .mask{ background: rgba(0,0,0,.7);}
    .content{ margin-top: 55px;}
    .slide_box{ width: 100%; height: 200px;}
    .slide .content li{ height: 200px;}
    .cell{ bottom: 4px;}
    .cell li{ height: 10px; width: 10px; margin: 0 5px; border-color: #ddd;}
    .cell li.on{ background: #ddd;}
    .i_tit{ padding-left: 4px;}
    .i_2p{ margin: 10px 0;}
    .i_fw_wapper{ width: 100%; float: none; padding: 0 15px; box-sizing: border-box;}
    .i_fw_box{ margin: 0; height: auto;}
    .i_fw{ width: 31.3%; margin: 0 1% 10px;}
    .i_3p:before { content: "热点新闻"; display: block; font-size: 18px; padding: 0 15px 0 19px; margin: -10px 0 10px;}
    .i_news{ width: 90%; margin: 0 auto 15px; float: none;}
    .i_4p{ padding: 0 15px; margin-top: 15px;}
    .hzyq_box{ height: auto; margin: 5px 0;}
    .hzyq_info_box{ width: 100%; height: auto;}
    .hzyq{ width: 46%; margin: 0 2% 15px; height: auto;}
    .hzyq:nth-child(2n){ margin-right: 0;}
    .hzyq img{ width: 100%; height: auto;}
    .footer{ padding: 10px;}
    .footer:before{ content: "Copyright © 2025 深圳富韬　版权所有"; display: block; text-align: center; font-size: 14px; color: #6d7278;}
    .path{ padding: 2px 10px 0;}
    .left_nav{ display: none;}
    .right_info{ float: none; width: 100%;}
    .right_nr{ padding: 0 25px;}
    .right_tit{ padding: 0 15px 15px;}
    .ptjs_info1{ background: none; height: auto;}
    .ptjs_info1_t,.ptjs_info1_b{ width: 100%;}
    .ptjs_info1_b{ margin: 0;}
    .zhgyl_tit{ font-size: 16px;}
    .news{ width: 100%; margin: 0 0 30px;}
    .news_img{ height: auto;}
    .lxwm_dz{ width: 100%; margin: 0 0 20px;}
    .lxwm_dz_t{ height: auto;}
    .lxwm_dz_b_b_info_r{ float: left;}
    .lxwm_box{ padding: 0 15px;}
    .lxwm_info input[type="text"],.lxwm_info select,.lxwm_info textarea{ width: 100%; box-sizing: border-box;}
    .yjhjy{ top: 0;}
    .lxwm_info input[type="button"]{ margin: 0; width: 100%;}
    .goHome{ z-index: 99; opacity: 0.9; position: fixed; right: 10px; bottom: 100px; width: 40px; height: 40px; border-radius: 50%; background: url(../images/goHome.png) center center no-repeat #fff; background-size: 20px; border: 1px solid #ddd;}
    .goTop{ z-index: 99; opacity: 0.9; position: fixed; right: 10px; bottom: 40px; width: 40px; height: 40px; border-radius: 50%; background: url(../images/goTop.png) center center no-repeat #fff; background-size: 20px; border: 1px solid #ddd;}
}
@media screen and (max-width:767px){
    .i_fw{ height: 145px;}
    .i_fw_info img{ margin-top: 22px; width: 75px;}
}
@media screen and (max-width:413px){
    .right_nr{ font-size: 14px;}
    .i_fw{ height: 130px;}
    .i_fw_info img{ margin-top: 16px; width: 70px;}
}
@media screen and (max-width:374px){
    .lxwm_dz_b_b_info_r{ width: 210px;}
}




