@charset "utf-8";
/*-------------------------
公共样式表
包括了头部、底部、菜单、广告、在线客服、边栏等功能
编辑：20230318，黄灿平
--------------------------*/

/* CSS Document */
*{ margin:0; padding:0;}
body{ font:normal 14px/20px "微软雅黑"; background:url(../img/public/bg.jpg) top no-repeat #fafafa;}
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul, li{ list-style:none; }
a {text-decoration:none; color:#454545; vertical-align:baseline; transition:all 0.3s linear;}
a:hover { text-decoration:none; color:#000; }
/*chrome滚动条*/
::-webkit-scrollbar-track-piece{-webkit-border-radius:0; background:none;}
::-webkit-scrollbar{width:5px; height:8px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px; outline-offset:-2px; height:50px; background-color:rgba(30,150,78,0.6);}
::-webkit-scrollbar-thumb:hover{-webkit-border-radius:4px; height:50px; background-color:rgba(30,150,78,1);}
.clear::after{ content:""; display:block; clear:both; overflow:hidden; width:0; height:0;}

/*-------------------------
公共样式
编辑：20230318，黄灿平
--------------------------*/
/*浮动*/
.float-l{ float:left;}
.float-r{ float:right;}
.clear{ clear:both; overflow:hidden; height:0; line-height:0;}
.fixed:after { content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.fixed {zoom:1;}
.pr{ position:relative}
.pa{ position:absolute;}
/*宽高*/
.w499{ width:499px;}
.w599{ width:599px;}
.w100b{ width:100%;}
.w1200{width:1200px;}
/*边距*/
.par-10{ padding-right:10px;}
.pat-10{ padding-top:10px;}
.patb-10{ padding:10px 0;}
.patlr-20{ padding:20px 20px 0 20px;}
.patb-20{ padding-top:20px; padding-bottom:20px;}
.palr-40{ padding-left:40px; padding-right:40px;}
.pal-10{ padding-left:10px;}
.mat-10{ margin-top:10px;}
.mat-20{ margin-top:20px;}
.mal-30{ margin-left:30px;}
.mab-10{ margin-bottom:10px;}
.mab-20{ margin-bottom:20px;}
.matb-5{ margin-top:5px; margin-bottom:5px;}
.matb-10{ margin-top:10px; margin-bottom:10px;}
.mar-20{ margin-right:20px;}
.malr-20{ margin-left:20px; margin-right:20px;}
.marl-a{margin:0 auto;}

/*-------------------------
头部
编辑：20230318，黄灿平
--------------------------*/
.wrap { position: relative; width: 92%; margin-left: auto; margin-right: auto; max-width: 1200px;}
/*-----头部-----*/
.header{}
.header .toptips{ height:30px; line-height:30px; color:#265482; background:rgba(255,255,255,0.2);}
.header .toptips .ttleft{ float:left;display: inline-block;}
.header .toptips .ttright{ float:right;display: inline-block;}
.header .toptips .ttright a{ color:#265482; cursor:pointer;}
.header .toptips .ttright a:hover{ color:#0c3660;}
/*.header .topsco .topls{ height:158px;}*/
.header .topsco img{ display:inline-block; float:left; padding:25px 0;}
.header .topsco .search{ display:inline-block; position:relative; float:right; width:300px; margin-top:45px;}
.header .topsco .search .textinput{ position:absolute; top:0px; left:0px; display:inline-block; height:38px; width:219px; margin:0; padding:0; border:1px solid #326292; border-right:none; text-indent:10px; font-family:"微软雅黑"; background:rgba(255,255,255,0.3); outline:none;}
.header .topsco .search .bottoninput{position:absolute;top:0px;right:0px;display:inline-block;width:80px;height:40px;line-height: 40px;margin:0;padding:0;border:none;background:#003366;text-align: center;color:#fff;font-size:16px; font-family:"微软雅黑"; cursor:pointer;}
/*初始字体样式*/
#header .header-r .search .t::-webkit-input-placeholder { font-size:16px; color:#1764ac;}
#header .header-r .search .t::-moz-placeholder { font-size:16px; color:#1764ac;} /* firefox 19+ */
#header .header-r .search .t:-ms-input-placeholder { font-size:16px; color:#1764ac;} /* ie */
#header .header-r .search .t:-moz-placeholder { font-size:16px; color:#1764ac;}
/*-----菜单-----*/
.menu{ clear:both; width:1200px; height:57px; margin:0 auto; border-bottom:3px solid #003366; background:rgba(255,255,255,0.3);}
#topnav{}
#topnav LI { float:left; width:11.11%;}
#topnav>li>A { display:block; width:100%; height:57px; line-height:57px; text-align:center; font-size:20px; color:#003366;}
#topnav>li>A:hover, #topnav>li.active>A{ margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}

/*-------------------------
底部
编辑：20230318，黄灿平
--------------------------*/
.footer{ width:100%;}
/*--------友情链接--------*/
.linkCont{ width:1200px; margin:0 auto; padding:20px 0; border-top:2px solid #0f5799;}
.linkCont h4{ font-size:16px; color:#333;}
.linkCont h4 span{ color:#666;}
.linkCont h4 em{ font-size:14px; font-style:normal; color:#e6e6e6; }
.linkCont h4 i, .linkCont h4 span, .linkCont h4 em{ display:inline-block; margin-right:5px; vertical-align:middle;}
.linkCont h4 i{ width:4px; height:20px; background:#ffc600}
.linkCont p{ padding:10px 0 10px 0; line-height:25px;}
.linkCont p a{ display:inline-block; margin-right:20px; color:#666;  text-decoration:none;}
.linkCont p a:hover{ color:#cb660d;}
/**/
.ftcont{ width:100%; background:rgba(51,51,51,1);}
.ftcont .container{ width:1200px; margin:0 auto;}
.ftcont .container em{ padding:0 20px; font-style:normal;}
.ftcont .container .n{ padding:40px 0; font-size:16px;}
.ftcont .container .n a{ display:inline-block; color:#fff;}
.ftcont .container .n a:after{ content:"|"; padding:0 15px;}
.ftcont .container .n a:last-child::after{ display:none;}
.ftcont .container .t{ padding-bottom:10px; font-size:14px; color:#a7a7a7;}
.ftcont .container .t a{ color:#a7a7a7;}
.ftcont .container .f{ padding-bottom:40px; font-size:14px; color:#a7a7a7;}
/*微信二维码*/
.ftcont .wx{ float:right; text-align:left;}
.ftcont .wx img{ display:inline-block; width:170px; height:170px; margin-left:20px; box-sizing:border-box; vertical-align:top;}
.ftcont .wx p{ display:inline-block; vertical-align:top;}
.ftcont .wx p span{ display:block; line-height:30px; font-size:14px; color:#fff;}
.ftcont .wx p span.t1{ color:#808080;}
.ftcont .wx p em{ display:block; padding:30px 0 10px 0; font-style:normal; font-size:40px; font-weight:bold; color:#fff;}
.ftcont .wx p i{ font-size:20px; font-style:normal; color:#fff;}
/*-------------------------
网站边栏
编辑：20230405，黄灿平
--------------------------*/
.suspension{position:fixed;z-index:55;right:0;bottom:94px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px; background-color:rgba(235,164,24, .7);margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{ background-color:rgba(235,164,24, 1);}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../img/public/kf/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/public/kf/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/public/kf/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/public/kf/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/public/kf/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/public/kf/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/public/kf/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .qrcode-img img{ max-width:150px;}