@charset "utf-8";
/*--------------------
        公共默认
---------------------*/
*{ margin:0; padding:0; }
html{ margin:0; padding:0;}
body{ font:normal 14px/20px 'Microsoft Yahei'; background:#fff; }
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul, li, dl, dt, dd{ list-style:none; }
a {text-decoration:none; color:#454545; vertical-align:baseline;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
a:hover { text-decoration:none; color:#000; 
transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
input{ outline:none; color:#333;}
input::placeholder, textarea::placeholder{ color:#ccc}
input, textarea{ font-family:'Microsoft Yahei';}

/*让网页变灰
html, body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(100%);
}*/
/*浮动*/
.float-l{ float:left;}
.float-r{ float:right;}
.clear{ clear:both; overflow:hidden; height:0; line-height:0; font-size:0;}
.fixed:after { content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.fixed {zoom:1;}
.pr{ position:relative}
.pa{ position:absolute;}
/*宽高*/
.w100b{ width:100%;}
.w1200{width:1200px;}
.container{width:1280px; margin-left:auto; margin-right:auto;}
.wrap { position: relative; width: 92%; margin-left: auto; margin-right: auto; max-width: 1280px;}
.wrap1 { position: relative; width: 92%; margin-left: auto; margin-right: auto; max-width: 1440px;}
.wrap2 { position: relative; width: 92%; margin-left: auto; margin-right: auto; max-width: 1200px;}

/*--------------------
        头部
---------------------*/
.headerbox { height: 120px;}
.header { background: #fff; position:fixed; width:100%; z-index:999; top:0px;}
.header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #dcdcdc;}
.header .head-top { height: 46px; border-bottom: 1px solid #e6e6e6;}
.header .head-top .wrap { display: flex; justify-content: space-between; align-items: center;}
.header .head-top .l-text { font-size: 12px; color: #8a8a8a;}
.header .head-top .r-search { display: flex;}
.header .head-top .r-search .teldiv { display: flex; font-size: 14px; color: #ce0b01; font-weight: bold; align-items: center; margin-right: 24px;}
.header .head-top .r-search .teldiv .ii { width: 27px; height: 27px; margin-right: 8px; background-image: url(../img/public/icon_01.png);}
.header .head-top .r-search .search-box { position: relative; width: 213px;}
.header .head-top .r-search .search-box input { width: 100%; height: 45px; border: none; padding: 0 48px 0 15px; font-size: 14px; box-sizing: border-box; background-color: #f5f5f5;}
.header .head-top .r-search .search-box input::placeholder { color: #b2b2b2;}
.header .head-top .r-search .search-box button { position: absolute; top: 0; right: 0; width: 48px; height: 100%;
  background-image: url(../img/public/icon_02.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: #f5f5f5;
  cursor: pointer;
}
.header .head-nav { display: flex; height: 74px; align-items: center; justify-content: space-between;}
/*logo*/
.header .head-nav a.logo{ display:block;}
.header .head-nav a.logo img{ width:105px; height:auto; vertical-align:middle;}
.header .head-nav a.logo span{ margin-left:10px; font-size:24px; font-weight:bold; color:#333; font-family:"微软雅黑"; vertical-align:middle;}
/*menu*/
.topmenu>li { position: relative; display: inline-block; margin: 0 14px;}
.topmenu li .nav-link{ display:block; height:74px; line-height:74px; font-size:17px; color: #000000; font-weight: bold;}
.topmenu li .nav-link::after { position: absolute; left: 0px; bottom: -2px; content: ""; display: block; clear: both; height: 5px; width: 0px; opacity: 0; z-index: 1; background:#ca0006; transition: all 0.5s ease 0s;}
.topmenu li.active .nav-link,
.topmenu li:hover .nav-link { color:#ca0006;}
.topmenu li.active .nav-link::after,
.topmenu li:hover .nav-link::after { width: 100%; opacity: 1;}
.header .head-nav .r-control { display: none;}

/*--------------------
        友情链接
---------------------*/
.linkCont{ width:1280px; margin:0 auto; padding-top:20px; text-align:left;}
.linkCont h4{ width:100%; font-size:16px; font-weight:normal; color:#fff;}
.linkCont h4 span{ color:#fff;}
.linkCont h4 em{ font-size:14px; font-style:normal; color:#808080;}
.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:#ea0b2d}
.linkCont ul{ width:100%; margin:0 auto; padding:10px 0 20px 0; overflow:hidden;}
.linkCont li{ line-height:30px;}
.linkCont li a{ float:left; margin-right:20px; color:#808080; text-decoration:none;}
.linkCont li a:hover{ color:#b7b7b7;}

/*--------------------
        底部
---------------------*/
.footer{ position:relative; width:100%; height:480px; background:#222; overflow:hidden;}
/**/
#mydiv{ position:absolute; left:0; top:0; z-index:2; opacity:.2}
.footer-content{ position:absolute; left:0; top:0; width:100%; z-index:22;}
.ab-footer .fter{ height:65px; line-height:65px;}
.ftcont{ padding-top:20px;}
.ftcont .ftnav{ float:left; padding:0 100px 0 0;}
.ftcont .ftnav h4{ padding-left:30px; line-height:20px; font-size:18px; font-weight:normal; background:url(../img/public/footer-icon.png) left center no-repeat;}
.ftcont .ftnav h4 a{ color:#fff; text-decoration:none;}
.ftcont .ftnav p{ overflow:hidden; padding-top:20px;}
.ftcont .ftnav p a{ display:block; line-height:30px; color:#808080;}
.ftcont .ftnav p a::before{ content:"-"; padding-right:5px; color:#666;}
.ftcont .ftnav p a:hover{ color:#b7b7b7;}
.ftcont>.container{ padding-bottom:20px; overflow:hidden;}
/*微信二维码*/
.ftcont .wx{ float:right; width:400px; text-align:left;}
.ftcont .wx img{ display:inline-block; width:170px; height:170px; margin-left:20px; border: 5px solid #fff; 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;}
/*底部信息条*/
.fter{ height:46px; line-height:46px; border-top:1px solid #313131}
.fter .container{ overflow:hidden;}
.fter span, .fter a{ color:#555;}
.fter span em{ margin-left:20px; font-style:normal;}

/*--------------------
       公共动画
---------------------*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

@media screen and (max-width: 1480px) {
	.h-content{ width:1200px;}
	.container{width:1200px;}
	.linkCont{ width:1200px;}
	.search-list{ width:1200px;}
	#topnav>li>A { padding:0 28px;}
	.ftcont .ftnav{ padding:0 70px 0 0;}
	}


/*--------------------
       右侧边栏
---------------------*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.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:170px;}