/*
* @Author: afei
* @Date:   2020-07-09 14:17:09
* @Last Modified by:   lin
* @Last Modified time: 2021-09-23 16:31:54
*/

/*basic style*/
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a { font-family: Microsoft YaHei, 'ËÎÌå', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; font-size: 12px }
.relative { position: relative }
.container { min-width: 1200px; *width: 1170px !important; }
.public-container { width: 1200px; margin: 0 auto; }
@media only screen and (min-width:1200px) {
	.container { min-width: 1200px; *width: 1170px !important; }
	.public-container { width: 1200px; margin: 0 auto; }
	.index-nav-frame { width: 1200px; margin: 0 auto; }
}
@media only screen and (min-width:1920px) {
	.container { min-width: 1440px; *width: 1170px !important; }
	.public-container { width: 1440px; margin: 0 auto; }
	.index-nav-frame { width: 1440px; margin: 0 auto; }
}
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mr-3 { margin-right: 3px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-35 { margin-right: 35px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 35px; }
.ml-35 { margin-left: 35px; }
.ml-65 { margin-left: 65px; }
.ml-75 { margin-left: 75px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }
.ml-145 { margin-left: 145px; }
.mlr-10 { margin-left: 10px; margin-right: 10px; }
.pt-20 { padding-top: 20px; }
.pt-2 { padding-top: 2px; }
.pt-5 { padding-top: 5px; }
.pb-15 { padding-bottom: 15px; }
.pl-50 { padding-left: 50px; }
.w85 { width: 85px; }
.w95 { width: 95px; }
.w115 { width: 115px; }
.w135 { width: 135px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w178 { width: 178px; }
.w195 { width: 195px !important; }
.w205 { width: 205px; }
.w440 { width: 440px; }
.color-red { color: #f40000; }
.color-orange { color: #ff8e42; }
.color-price { color: #c30; }
.color-purple { color: #a018e0; }
.color-grey_big { color: #80756c; font-size: 14px; font-weight: bold; }
.color-grey { color: #87827f; }
.hide { display: none; }
.public-header .public-header-top { width: 100%; height: 40px; line-height: 40px; background: #f8f8f8; position: relative; }
.public-header .public-left { float: left; }
.public-header .public-left p { float: left; }
.public-header .public-left a { float: left; margin: 0 10px; }
.public-header .public-left b { color: #ccc; float: left; }
.public-header .public-right { float: right; overflow: hidden;width: 50%;}
.public-header .public-header-list { float: right; }
.public-header .public-header-list .item { float: left; margin-left: 20px; }
.public-header .item a, .public-header .item b { padding-left: 30px; }
.public-header .item .call { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; background: url(../images/call.png); }
.public-header .item .home { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; background: url(../images/home.png); }
.public-header .item .sc { display: inline-block; width: 25px; height: 25px; position: absolute; top: 5px; background: url(../images/sc.png); }
.public-header .public-header-middle { height: 95px; margin-top: 0px; }
.public-header .logo a { width: 408px; height: 77px; background: url(../images/logo.png) no-repeat; margin-top: 15px; }
.public-header .public-search { position: relative; top: 24px; left: -50px }
.public-header .public-input-text { width: 246px; height: 34px; border: none; padding-left: 20px; outline: none; border: 1px #ccc solid; }
.public-header .public-input-btn { width: 65px; height: 34px; border: none; position: absolute; left: 226px; top: 0; outline: none; cursor: pointer; background: #000; color: #fff; }
.public-header .public-nav { height: 50px; line-height: 50px; background: #1d87f3; min-width: 1200px; }
.public-header .public-nav .item { float: left; width: 150px; text-align: center; }
.public-header .public-nav .item a { color: #fff; }
.public-footer .public-footer-top { width: 100%; height: 45px; line-height: 45px; background: #e5e5e4; }
.public-footer .public-footer-top .item { float: left; width: 130px; text-align: center; }
.public-footer .public-footer-top .item a { color: #bc0e05; }
.public-footer .public-footer-middle { width: 100%; height: 186px; background: #f5f5f5; overflow: hidden; }
.public-footer .public-footer-middle .title { color: #bc0e05; }
.public-footer .public-footer-middle p { line-height: 34px; }
.public-footer .public-footer-middle p a { display: inline-block; margin-left: 10px; color: #666666; }
.public-footer .public-footer-bottom { height: 162px; }
.public-footer .public-text p span { display: inline-block; margin-left: 10px; }
.public-footer .public-footer-bottom .public-text { margin-top: 28px; text-align: center; line-height: 34px; }
.topsearch { width: 300px; margin-top: 25px; float: left; margin-right: 40px; }
.topsearch input { border: 1px #DAE0E7 solid; border-radius: 0; height: 40px; background: #fff; border-radius: 5px; margin-right: 10px }
.topsearch button { color: #fff; border: 2px #1d87f3 solid; border-radius: 0; height: 40px; background: #1d87f3 url(../images/search.png) no-repeat 10px 9px; width: 80px; padding-left: 30px; border-radius: 5px; }
.topsearch button:hover, .topsearch button:active, .topsearch button:focus { background: #086ae6 url(../images/search.png) no-repeat 10px 9px; color: #fff; border: 2px #086ae6 solid; }

/* nav */
.index-nav { width: 100%; border-bottom: 0px solid #eeeeee; height: 40px; box-sizing: border-box; z-index: 99999; }
.index-nav-frame { margin: 0 auto; }
.index-nav-frame a{font-size: 14px;text-decoration: none;font-weight: normal;}
.index-nav-frame-line {font-size: 16px;color: #fff;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 14%;line-height: 50px;text-align: center;font-weight: bold;}
.index-nav-frame-line.active { color: #fff; border-bottom: 0px #0976e5 solid; background: #1d87f3 }
.index-nav-frame-line:hover { background: #0976e5;}
.index-nav-frame-line-center {z-index: 99999;opacity: 0;height: 0;position: absolute;left: 0px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */width: 100%;}
.index-nav-frame-line-li {width: 100%;text-align: center;background: #1d87f3;color: #fff;line-height: 40px;font-size: 14px;padding: 0 px;/* min-width: 170px; */}
.index-nav-frame-line-li:hover { background: #0976e5; color: white; }
.index-nav-frame-line-li:hover a { background: #0976e5; color: white; }
.index-nav-frame-line-focus:focus { display: none; }
.index-nav-frame-line:hover .index-nav-frame-line-center { height: auto; opacity: 1; }
.nav-line { height: 50px; width: 100%; position: relative; display: none; outline: none; }
.nav-small { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; outline: none; }
.nav-small img { width: 100%; height: 100%; object-fit: cover; }
.nav-small-focus { position: absolute; width: 100%; height: 100%; display: none; }
.nav-small-focus:focus { display: none; }
@media only screen and (max-width:800px) {
	.index-nav-frame-line-li a { display: block; color: white; }
	.nav-line { display: block; border-bottom: 1px solid #eeeeee; }
	.nav-small { display: block; }
	.nav-small:focus~.index-nav-frame-line { height: auto; border-bottom: 1px solid #ccc; }
	.nav-small:focus .nav-small-focus { display: block; }
	.index-nav-frame { width: 100%; }
	.index-nav-frame-line { width: 100%; height: 0; overflow: hidden; }
	.index-nav-frame-line-center { position: relative; background: #444359; }
	.index-nav-frame-line:hover .index-nav-frame-line-center { height: 0; opacity: 0; }
	.index-nav-frame-line-li { border-bottom: 1px solid #4b4a5e; color: #d9d9d9; background: #444359; }
	.index-nav-frame-line-li:hover { background: #b63b4d; }
	.index-nav-frame-line:focus { height: auto; border-bottom: 1px solid #ccc; }
	.index-nav-frame-line:focus>.index-nav-frame-line-center { height: auto; opacity: 1; }
	.index-nav-frame-line:focus .index-nav-frame-line-header { color: #B63B4D; }
	.index-nav-frame-line-focus { display: none; width: 100%; height: 50px; position: absolute; left: 0; top: 0; }
	.index-nav-frame-line:focus .index-nav-frame-line-focus { display: block; }
}
dl {
    margin-top: 0;
    margin-bottom: 0px;
}
.toptel{font-size: 14px;color: #333;margin-top: 20px;float: right;text-align: right;}
.toptel b{font-size: 30px;color: #f60;font-family: arial;font-weight: normal;}
.toptel span{display: block;}
/* feet */
#footer { margin-top: 20px; padding: 0; border-top: 0px #1d87f3 solid; background: #fff; min-height: 170px; min-width: 1200px; color: #666; padding-top: 15px;font-size: 14px;line-height: 35px; }
#footer .footer-copyright { margin-top: 0; border-top: 0; background: #5D6173; padding-top: 15px; overflow: hidden; color: #B5B9CC; }
#footer a { color: #666; }
#footer select { background: #fff; color: #333; border: 1px #eee solid; }
#footer a:hover { color: #f60; }
#footer .container .row>div { margin-bottom: 10px; }
#footer .footer-copyright nav { float: right; }
#footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; }
#footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; }
.banner-top { background: url('../images/bannerfull1.png') no-repeat; height: 351px; min-width: 1200px; }

.footHelp{ height:180px; overflow:hidden; margin-top: 10px;width:1050px;margin: 0 auto}
.footHelp li{ width: 33%;height:180px;  float:left; font-size:14px;text-align: center;padding-left:0px;border-right:1px rgba(0, 0, 0, .05) solid;}

.footHelp li b{padding-bottom:20px; display:block; color:#1d87f3; }
.footHelp li a{ display:block; line-height:28px; color:#666; font-size:12px;}
.footHelp li a:hover{ display:block; line-height:28px; color:#666; font-size:12px;}