@CHARSET "UTF-8";
body {background:#f0f0f0;}
body.body-white {background:#fff;}
a:hover{ color: red;}
b, strong{ font-weight: bold;}

.navbar-fixed-top,.navbar-fixed-bottom {position:fixed;}
.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top {margin-right:0px;margin-left:0px;}
.navbar .nav .user {padding:0;line-height:70px;}
.navbar .nav .user .headicon {margin:0 5px;height:30px;}
.navbar .nav .user .caret {vertical-align:middle;margin:0 5px;}
/*tc widget*/.tc-main {margin-top:20px;}
/*tc-box*/.tc-box {background:#fff;padding:5px 10px;margin:0 0 10px 0;}
.body-white .tc-box {border:solid 1px #eee;}
.tc-box.first-box {margin:0 0 10px 0;}
.tc-box.article-box {padding:5px 20px;}
/*tc-box end *//* The blog boxes *//*.tc-gridbox {background-color:#ececec;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:0px 1px 1px #a8a8a8;-moz-box-shadow:0px 1px 1px #a8a8a8;box-shadow:0px 1px 1px #a8a8a8;margin-bottom:40px;}
*/.tc-gridbox-container {width:25%;float:left;}
.tc-gridbox {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:solid 1px #eee;background:#fff;cursor:pointer;}
.tc-gridbox {margin:0 10px 20px 10px;}
.tc-gridbox:hover {-webkit-box-shadow:0 0 10px 1px rgba(50,50,50,0.1);-moz-box-shadow:0 0 10px 1px rgba(50,50,50,0.1);box-shadow:0 0 10px 1px rgba(50,50,50,0.1);}
.tc-gridbox a {text-decoration:none;}
@media ( min-width:768px) and (max-width:979px) {.tc-gridbox {display:block;float:none;width:95%;}
}
@media ( max-width:979px) {.tc-gridbox-container {display:block;float:none;width:100%;}
.tc-gridbox {margin:0 0 10px 0;}
}
.tc-gridbox .header {padding-top:0px;padding-right:0px;padding-left:0px;text-align:center;background:#fff;}
.tc-gridbox .footer {padding:5px 14px 5px 14px;text-align:right;background:#fff;}
.tc-gridbox .header .item-image {overflow:hidden;width:100%;height:0;padding-bottom:100%;}
.tc-gridbox .header img {margin-bottom:5px;width:100%;/*-webkit-transition:all 0.8s ease-in-out;*/    /*-moz-transition:all 0.8s ease-in-out;*/    /*-o-transition:all 0.8s ease-in-out;*/    /*-ms-transition:all 0.8s ease-in-out;*/    /*transition:all 0.8s ease-in-out;*/}
.tc-gridbox .header img:hover {/*-webkit-transform:scale(1.2) rotate(2deg);*/    /*-moz-transform:scale(1.2) rotate(2deg);*/    /*-o-transform:scale(1.2) rotate(2deg);*/    /*-ms-transform:scale(1.2) rotate(2deg);*/    /*transform:scale(1.2) rotate(2deg);*/}
.tc-gridbox .header h3 {color:#454a4e;margin:0 5px;font-size:16px;text-overflow:ellipsis;overflow:hidden;line-height:24px;}
.tc-gridbox .header h3 a,.tc-gridbox .header h3 a:focus,.tc-gridbox .header h3 a:hover {color:#454a4e;white-space:nowrap;}
.tc-gridbox .header .meta {color:#5a6065;}
.tc-gridbox .header hr {border-top-color:#eee;border-bottom:none;margin:5px 0;}
.tc-gridbox .body {padding-right:14px;padding-left:14px;margin-bottom:14px;color:#343a3f;}
.tc-gridbox .body a {color:#666;}
.tc-gridbox .body a:hover {color:#428bca;}
.tc-gridbox .btn {float:right;margin-right:10px;margin-bottom:18px;}
/*masonary*/.masonary-container .item {margin-bottom:20px;}
.masonary-container .item h3 {line-height:100%;}
.masonary-container .grid-sizer,.masonary-container .item {width:24.9%;margin:10px 0.05%;float:left;zoom:1;}
@media ( max-width:479px) {.masonary-container .grid-sizer,.masonary-container .item {width:98%;margin:10px 1%;float:left;zoom:1;}
}
@media ( min-width:480px) and (max-width:767px) {.masonary-container .grid-sizer,.masonary-container .item {width:48%;margin:10px 1%;float:left;zoom:1;}
}
/*list Boxes------------------------------------*/.list-boxes {overflow:hidden;padding:15px 20px;margin-bottom:25px;background:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;word-wrap:break-word;word-break:break-all;border:solid 1px #eee;}
.list-boxes:hover {border:solid 1px #ddd;}
.list-boxes h2 a {color:#555;}
.list-boxes:hover h2 a {color:#f90;}
.list-boxes .list-actions a {font-size:16px;text-decoration:none;}
.list-boxes p a {color:#72c02c;}
.list-boxes .list-boxes-img li i {color:#72c02c;font-size:12px;margin-right:5px;}
.list-boxes .list-boxes-img img {display:block;margin:5px 10px 10px 0;}
.list-boxes h2 {margin-top:0;font-size:20px;line-height:20px;}
.list-boxes ul.list-boxes-rating li {display:inline;}
.list-boxes ul.list-boxes-rating li i {color:#f8be2c;cursor:pointer;font-size:16px;}
.list-boxes ul.list-boxes-rating li i:hover {color:#f8be2c;}
/*list Colored Boxes*/.list-boxes-colored p,.list-boxes-colored h2 a,.list-boxes-colored .list-boxes-img li,.list-boxes-colored .list-boxes-img li i {color:#fff;}
/*Red list Box*/.list-boxes-red {background:#e74c3c;}
/*Blue list Box*/.list-boxes-blue {background:#3498db;}
/*Grey list Box*/.list-boxes-grey {background:#95a5a6;}
/*Turquoise list Box*/.list-boxes-sea {background:#1abc9c;}
/*Turquoise Top Bordered list Box*/.list-boxes-top-sea {border-top:solid 2px #1abc9c;}
.list-boxes-top-sea:hover {border-top-color:#16a085;}
/*Yellow Top Bordered list Box**/.list-boxes-top-yellow {border-top:solid 2px #f1c40f;}
.list-boxes-top-yellow:hover {border-top-color:#f39c12;}
/*Orange Left Bordered list Box**/.list-boxes-left-orange {border-left:solid 2px #e67e22;}
.list-boxes-left-orange:hover {border-left-color:#d35400;}
/*Green Left Bordered list Box**/.list-boxes-left-green {border-left:solid 2px #72c02c;}
.list-boxes-left-green:hover {border-left-color:#5fb611;}
/*Green Right Bordered list Box**/.list-boxes-right-u {border-right:solid 2px #72c02c;}
.list-boxes-right-u:hover {border-right-color:#5fb611;}
/*comments*/.comment {margin-bottom:10px;}
.comment .avatar {height:40px;width:40px;}
.comment-body {overflow:hidden;}
.comment-content {padding-bottom:2px;word-break:break-all;word-wrap:break-word;}
.comment > .pull-left {margin-right:10px;}
.comment .time {color:#ccc;font-size:12px;line-height:14px;}
.comment-postbox-wraper {}
.comment-postbox {width:100%;padding:10px;}
.comment-reply-box {position:relative;}
.comment-reply-box .textbox {width:100%}
.comment-reply-submit .btn {margin-top:20px;}
/*ranking box*/.ranking ul li {padding:5px 0;height:36px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #f0f0f0;}
.ranking ul.unstyled li i {margin-right:5px;}
.ranking li i {display:inline-block;width:20px;height:20px;line-height:20px;margin-right:15px;font-style:normal;font-weight:bold;color:#FFF;text-align:center;vertical-align:middle;background-color:#aaa;}
.ranking li.top3 i {background:#FC9B0B;}
/*comment ranking box*/.comment-ranking .comment-ranking-inner {padding:10px;background:#f7f7f7;position:relative;margin-bottom:10px;/*border-top:solid 2px #eee;*/}
.comment-ranking .comment-ranking-inner,.comment-ranking .comment-ranking-inner:after,.comment-ranking .comment-ranking-inner:before {transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.comment-ranking .comment-ranking-inner:after,.comment-ranking .comment-ranking-inner:before {width:0;height:0;right:0px;bottom:0px;content:" ";display:block;position:absolute;}
.comment-ranking .comment-ranking-inner:after {border-top:15px solid #eee;border-right:15px solid transparent;border-left:0px solid transparent;border-left-style:inset;/*FF fixes*/    border-right-style:inset;/*FF fixes*/}
.comment-ranking .comment-ranking-inner:before {border-bottom:15px solid #fff;border-right:0 solid transparent;border-left:15px solid transparent;border-left-style:inset;/*FF fixes*/    border-bottom-style:inset;/*FF fixes*/}
.comment-ranking .comment-ranking-inner:hover {border-color:#FC9B0B;border-top-color:#FC9B0B;background:#f0f0f0;}
.comment-ranking .comment-ranking-inner:hover:after {border-top-color:#FC9B0B;}
.comment-ranking .comment-ranking-inner span.comment-time {color:#777;display:block;font-size:11px;}
.comment-ranking .comment-ranking-inner a {text-decoration:none;}
.comment-ranking .comment-ranking-inner a:hover {text-decoration:underline;}
.comment-ranking .comment-ranking-inner i.fa {top:2px;color:#bbb;font-size:18px;position:relative;}
/*ThinkCMF Photos*/ul.tc-photos {margin:0;}
.tc-photos li {display:inline;}
.tc-photos li a {text-decoration:none;}
.tc-photos li img {opacity:0.6;width:50px;height:50px;margin:0 2px 8px;border:1px solid #ddd;}
.tc-photos li img:hover {opacity:1;border:1px solid #f90;/* box-shadow:0 0 0 1px #f90;*/}
/**//*Blog Posts------------------------------------*/.posts .dl-horizontal a {}
.posts .dl-horizontal {margin-bottom:15px;overflow:hidden;}
.posts .dl-horizontal dt {width:60px;float:left;}
.posts .dl-horizontal dt .img-wraper {display:block;width:55px;height:55px;padding:1px;margin-top:2px;border:solid 1px #ddd;}
.posts .dl-horizontal dt img {width:100%;height:100%;/* width:55px;height:55px;padding:1px;margin-top:2px;border:solid 1px #ddd;*/}
.posts .dl-horizontal dd {margin-left:70px;}
.posts .dl-horizontal dd p {margin:0;}
.posts .dl-horizontal dd a {font-size:14px;line-height:16px !important;}
.posts .dl-horizontal dd a:hover {text-decoration:none;}
.posts .dl-horizontal:hover dt img,.posts .dl-horizontal:hover dd a {color:#FC9B0B;border-color:#FC9B0B !important;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}

.navbar-div,.navbar-div .navbar{ height: 60px;}
.navbar-div,.navbar-div a,.navbar-div .navbar .nav-item{ line-height: 60px;}


body{ background-color: #f5f5f5;} 

.fldiv-01{ height: 30px; background-color: #f5f5f5; border-bottom: solid 1px #eee;}
.fldiv-01,.fldiv-01 a{ font-size: 12px; line-height: 30px; color: #666;}
.fldiv-01 .first-2{ text-align: right;}

.fldiv-logo{ background-color: #fff; height: 100px;}
.fldiv-logo .logoDiv{ width: 100%; margin-top: 10px;}
.fldiv-logo .logoDiv  strong{ font-size: 30px; line-height: 50px;color: #333; font-family: "微软雅黑";}
.fldiv-logo .logoDiv  p{ font-size: 14px; line-height: 30px; color: #666;}
.fldiv-logo .telphoneDiv {width: 100%; margin-top: 30px;font-size: 20px; color: orangered; font-family:Arial, Helvetica, sans-serif; text-align:right}
.fldiv-logo .telphoneDiv telphone{ font-size: 30px;}

.flSearch-div{background-color: #fff; height: auto;border-bottom: solid 1px #eee; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px;}
.flSearch-div,.flSearch-div a{ line-height: 40px; font-size: 14px;color: #333;}
.flSearch-div .searchform{ text-align: right; width: 280px; height: 35px; border-radius: 10px; background-color: #f6f6f6; position: relative; overflow: hidden; float: right;margin-top: 4px;}
.flSearch-div .searchform #_cityinput{left: -1px;top: -1px; height: 37px;  line-height: 35px;width: 101%; position: absolute; z-index: 0;border: unset;background-color: #f6f6f6; text-indent: 10px;}
.flSearch-div .searchform #_submit{ height: 35px; width:50px; line-height: 35px;  position: absolute;right: 0px; background-color: #009b4c; color: #fff; text-align: center; border-radius: 10px;z-index: 1; border: unset; }

.flcitys .flcitys-row{ margin-bottom: 10px; padding-top: 4px;padding-bottom: 4px;border: solid 1px #f5f5f5;}
.flcitys .flcitys-row:hover{ background-color: #fff; border: solid 1px #eee; transition:all 0.3s;}
.flcitys .flcitys-row,.flcitys .flcitys-row a{ font-size: 13px; line-height: 25px; font-family: "微软雅黑";}
.flcitys .flcitys-row span{float:left; display: inline-block;width: 25px; height: 25px; line-height: 25px; border-radius: 4px; background-color: #5da83c;color: #fff; text-align: center; }
.flcitys .flcitys-row a{ float:left; margin-left: 15px;}

.flnewsDiv{ background-color: #fff; padding: 4px; border: solid 1px #eee; margin-bottom: 20px;}
.flnewsDiv .col-12{ border-bottom: solid 1px #fefefe; margin-bottom: 5px;}
.flnewsDiv .article-title,.flnewsDiv .article-cat{ font-size: 14px; font-family: "微软雅黑"; line-height: 30px;}
.flnewsDiv .article-title{  float: left; margin-left: 10px;}
.flnewsDiv .article-cat{ float: right; margin-right: 10px;color: #fff; text-align: center; display: block;width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: normal;} 
.flnewsDiv .article-cat:hover{ background-color: red;color: #fff!important;}
.color-0,.color-1{ background-color: #ABC466;}
.color-2,.color-3{ background-color: #FDA19D;}
.color-4,.color-5{ background-color: #EBC17E;}
.color-6,.color-7{ background-color: #9FA4CE;}
.color-8,.color-9{ background-color: #00BFE1;}
.color-10,.color-11{ background-color: #66A2C4;}
.color-12,.color-13{ background-color: #ABC466;}
.color-14,.color-15{ background-color: #FDA19D;}
.color-16,.color-17{ background-color: #EBC17E;}
.color-18,.color-19{ background-color: #9FA4CE;}
.color-20,.color-21{ background-color: #00BFE1;}
.color-22,.color-23{ background-color: #66A2C4;}
.color-24,.color-25{ background-color: #ABC466;}
.color-26,.color-27{ background-color: #FDA19D;}
.color-28,.color-29{ background-color: #EBC17E;}
.color-30,.color-31{ background-color: #9FA4CE;}
.color-32,.color-33{ background-color: #00BFE1;}

.title-h2{ height: 50px;  text-align: left; font-size: 18px; font-weight: bold; border-bottom: solid 1px #eee; font-family: "微软雅黑";}
.title-h2 span{ display: block; padding-left: 10px; padding-right: 10px;line-height: 50px;width: 150px; height: 50px; text-align: center; font-family: "微软雅黑";}

.titlebk{ background-color: #5da83c; position: relative; overflow: hidden;}
.titlebk span{ position: absolute; background-color: #fff; top: 10px; left: 15px; line-height: 35px; font-size: 14px;}

.cont-div{ margin-top: 20px;}

.weizhi-div{ font-size: 12px; line-height: 30px; margin-bottom: 10px; margin-top: 20px; }

.article-product{ background-color: #fff; width: 100%; height: 320px; border: solid 1px #eee; border-radius: 2px; text-align: center;  margin-bottom: 20px;}
.article-product .article-products-img{ width: 100%; height: 260px; display: table-cell; text-align: center;vertical-align: middle ; border-bottom: solid 1px #eee;margin-bottom: 8px;}
.article-product .article-products-img img{ display: inline-block; max-width: 100%;max-height: 100%; height: auto; margin: 0px auto;}
.article-product .article-products-title{ font-size: 14px; line-height: 25px;}
.article-product .article-products-price{ color: orangered; text-align: center;font-size: 12px; line-height: 25px;}
.article-product:hover{border: solid 1px #ddd; transition: all 0.3s;}

.page-product { padding-top: 16px; padding-bottom: 16px;}
.page-product .article-product{ background-color: #fff; width: 100%; height: 240px; border: solid 1px #eee; border-radius: 2px; text-align: center; }
.page-product .article-product .article-products-img{ height: 180px;}
.page-product .article-product .article-products-title{ font-size: 12px;color: #000000; display: block;width: 100%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}

.page-productimg .col-6{ padding: 0px!important; padding-left: 0px!important; padding-right: 0px!important;}
.page-productimg .col-6 img{ display: flex; max-width: 100%;}

.list-product-div{ margin-top: 16px; margin-bottom: 16px;}
.list-product{height: 350px; overflow: hidden;}
.list-product h2{ font-size: 14px; line-height: 30px;}
.list-product p{font-size: 12px; line-height:20px;}

.zhoubiaoDiv{ font-size: 14px; line-height: 25px; margin-top: 16px; margin-bottom: 16px;}
.zhoubiaoDiv a{ margin-right: 8px;}

.article-shop{ background-color: #fff; width: 100%; height: 220px; border: solid 1px #eee; border-radius: 2px; text-align: center; }
.article-shop-img-div{ display: table; width: 100%; height: 180px;text-align: center;border-bottom: solid 1px #eee;margin-bottom: 8px; overflow: hidden; position: relative;}
.article-shop .article-shop-img{ width: 100%; height: 100%; display: table-cell;vertical-align: middle;; text-align: center;vertical-align: middle ;position: relative; padding: 0px; margin: 0px auto;}
.article-shop .article-shop-img img{ display: inline-block; max-width: 100%; height: auto; margin: 0px auto;vertical-align: middle;}
.article-shop .article-shop-title{ font-size: 14px; line-height: 25px;} 

.firendlinks a{ font-size: 12px; margin-right: 10px;}
.firendlinks-div{ margin-bottom: 20px;}

.pageleft-div .div-box{ background-color: #fff; margin-bottom: 15px; padding-bottom: 8px;}
.pageleft-div .div-box h3{ line-height: 40px; font-size: 16px; text-indent: 10px; font-weight: bold; background-color: #5da83c;color: #fff;}
.pageleft-div .div-box .div-box-cont{ width: 92%; margin: 0px auto;}
.pageleft-div .div-box .div-box-cont,.pageleft-div .div-box .div-box-cont a{ line-height: 25px; font-size: 14px;color: #333;}


.pageleft-div .div-box-ul{width: 100%; margin: 0px auto; }
.pageleft-div .div-box-ul ul{padding-left: 0px; list-style: none;}
.pageleft-div .div-box-ul li{ padding-left: 0px; text-indent: 0px; line-height: 30px;} 

.pageright-div .div-box{ margin-bottom: 15px; padding-bottom: 8px;}
.pageright-div .div-box h3{ line-height: 40px; font-size: 16px; text-indent: 10px; font-weight: bold; margin-bottom: 0px;}
.pageright-div .div-box .div-box-cont{ width: 100%; margin: 0px auto; background-color: #fff;}
.pageright-div .div-box .div-infor{ width: 98%; margin: 0px auto;}
.pageright-div .div-box .div-infor,.pageright-div .div-box .div-infor a{ font-size: 12px; line-height: 25px!important;}

.pageright-div .div-box-ul {  min-height: 60px; padding-top: 10px;}
.pageright-div .div-box-ul ul{padding-left: 0px; list-style: none; }
.pageright-div .div-box-ul li{ padding-left: 0px; text-indent: 0px; line-height: 30px; display: inline-block; margin-left: 10px; position: relative;} 
.pageright-div .div-box-ul li,.pageright-div .div-box-ul li a{font-size: 14px; }
.pageright-div .div-box-ul li a{ display: block; position: relative;}
.pageright-div .div-box-ul li a span{ margin-left: 5px; background-color: #eee; display: block;width: 15px; height: 15px; line-height: 18px; text-align: center; float: right; top: 8px;right: 0px; position: relative;}

.pageright-div .div-box-dl {  min-height: 60px; padding-top: 10px;}
.pageright-div .div-box-dl dl{padding-left: 0px; list-style: none; }
.pageright-div .div-box-dl dd{ padding-left: 0px; text-indent: 0px; line-height: 30px; display: inline-block; margin-left: 10px; position: relative;} 
.pageright-div .div-box-dl dd,.pageright-div .div-box-ul li a{font-size: 14px; }
.pageright-div .div-box-dl dd a{ display:inline-block; margin-right: 10px; position: relative;}

.silde-type2-prodcut a{ display:inline-block; margin-right: 10px; position: relative;}
.silde-type2-prodcut a span{ background-color: #eee; padding-left: 5px; padding-right: 5px;}

.silde-recommended{ margin-bottom: 16px!important;}

.tc-box.first-box h2{ font-size: 20px;  line-height: 40px;}
.article-box h1{ font-size: 22px; line-height: 60px; font-weight: bold;}
.article-box .article-infobox{ font-size: 12px; line-height: 30px;}
.article-box h2{ font-size: 18px; line-height: 40px;font-weight: bold;}

.areaSfDiv{ margin-bottom: 16px;}
.areaSfDiv a{ font-size:14px}
.pshareDiv ul{ margin:0px auto; padding:0px}
.pshareDiv ul li a{ font-size:14px!important;}
.pshareDiv ul li .article-cat{ color:#666}


.footer-nav01 dt{ font-size: 16px; font-weight: bold; height: 40px; line-height: 40px;}
.footer-nav01 dt,.footer-nav01 dt a{ color: #fff;}

.footer-nav01 li{ display: block;width: 50%!important; float: left; height: 30px!important; line-height: 30px!important; overflow: hidden; text-overflow: overflow; word-wrap: normal;}
.footer-nav01 li a{color: #ddd; font-size: 14px; height: 30px; line-height: 30px; text-align: left;}

.footer-ewm{color: #ddd; font-size: 12px;line-height: 20px!important; margin-bottom: 5px;  }
.footer-infor .footer-ewm img {max-width: 100px; margin-top: 10px; margin-bottom: 5px;}

.list-product-h1{ font-size: 22px; line-height: 44px; background-color: #eee; text-indent: 10px;}
.silde-type-prodcut a,.silde-type-prodcut{ font-size: 14px; line-height: 25px; margin-right: 8px;}
.silde-type-prodcut dl{ margin-bottom: 0px;}

.slidetype_dl a{ font-size: 14px; margin-right: 5px;}
.slidetype_dl a span{ margin-left: 5px;color: #666;}
.h2,h2{ font-size: 1.5rem;}

.ranking-box{ margin-bottom:20px}
.ranking{ padding-left: 8px;}
.ranking,.ranking li{ margin: 0px auto;}
.ranking li a{ font-size: 14px; line-height: 30px;}
.ranking-ul li a{font-size: 13px; }
.ranking li.present a{ font-weight: bold; font-size:14px;}
.ranking li a span{ margin-left: 5px; color: #999; background-color: #eee; padding-left: 4px; padding-right: 4px;}

.ranking li.present01 { clear:both}
.ranking li.present01 a{ font-weight: bold;font-size:13px;}
.ranking li.present02{ width:50%; height:25px; overflow:hidden; float:left}
.ranking li.present02 a{ display:block; width:100%; height:100%;  overflow:hidden;}

@media (min-width: 1200px){ 
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1210px;
	}
}