body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,figure,ul,ol,li{padding: 0; margin: 0;}
ul,ol,li{list-style: none;}
a{text-decoration: none; color: #333;}
a:hover{color: #c00}
a:focus,button:focus,input:focus{outline:none;}
.clearfix:before,.clearfix:after ,.container:before,.container:after,.row:before,.row:after{
  content: " ";
  display: table;
}
.clearfix:after ,.container:after,.row:after{
  clear: both;
}
body{font-family: PingFangSC-Regular,"Microsoft Yahei"; color: #333; background-color: #fff;  -webkit-font-smoothing: antialiased}
.container{width: 1200px; margin: 0 auto;}

.head-wrap{background-color: #eee; border-bottom: 1px solid #ddd; font-size: 12px; line-height: 30px;}
.wrap-other{color: #999;}
.pull-left{float: left;}
.pull-right{float: right;}
.header{background-color: #c00;}

.logo{width: 180px; height: 60px;padding-top:27px; float: left;}
.logo img{width: 100%;}
.header-nav{float: right; width: 1000px; text-align: right; }
.company-nav ul,.type-menu-tabname,.goodscon ul,.yq-news-warp ul,.yq-other dl,.yq-other,.tabbar-title{
	display: -webkit-flex; display: -moz-flex; display: flex;}
.header-nav li{line-height: 90px; display: inline-block; padding: 0 20px; text-align: center;}
.header-nav li:hover{background-color: #bd020d;}
.header-nav li a{color: #fff; display: inline-block; font-size: 20px; height: 28px; line-height: 28px;}
.header-nav li a:hover{border-bottom: 1px solid #fff;}
.yqsearch{padding: 20px 0px; background-color: #eee;}

.search-box{width: 70%; float: left;}
.hot-tel{width: 20%; float: right; font-size: 14px; line-height: 20px;padding-right:20px;text-align: right;}
.hot-tel strong{font-size: 18px; font-weight: bold; color: #c00; display: inline-block;}
.hot-tel span{display: inline-block;}
.search-box form{width: 500px;  margin-left:350px;}

.search-key{width: 400px; height: 40px; border: 1px solid #c00; border-radius: 5px 0 0 5px; padding: 0 4px; font-size: 14px; line-height: 40px; vertical-align: middle;box-sizing: border-box;}
.search-submit{width: 80px; height: 40px; background-color: #c00; color: #fff; font-size: 20px; border: 1px solid #c00; vertical-align: middle;box-sizing: border-box; cursor: pointer; border-radius: 0 5px 5px 0;}


/* visibility: hidden; */
.myDesign .swipe{overflow: hidden;position:relative;}
.myDesign .swipe-wrap{overflow:hidden;position:relative;}
.myDesign .swipe-wrap > li {float: left;width: 100%;position:relative;}
.myDesign img{width: 100%; display: block;}
.designNum{text-align: center; position: absolute; bottom: 30px; width: 100%;}
.designNum li{margin: 4px; width: 20px; height: 20px; border-radius: 10px; background-color: rgba(0,0,0,.3); display: inline-block;}
.designNum li.cur{background-color: #c00;}
.designPrev,.designNext{position: absolute; width: 80px; height: 80px; top: 50%; font-size: 60px; font-weight: bold; text-align: center;}
.designPrev{ left: 0;}
.designNext{ right: 0}

.company-nav{background-color: #707173; padding: 30px 0;}
.company-nav li{flex: 1; text-align: center;}

.company-nav li a{color: #fff; font-size: 16px; display: block; line-height: 30px; padding: 5px;}
.company-nav li a:hover{background-color: #626365;}
.company-warp{overflow: hidden;  padding: 10px 20px;}
.company-warp img{width: 300px; margin: 20px 20px 20px 0; float: left;}
.company-warp p{font-size: 14px; line-height: 24px; margin: 16px 0; text-indent: 2em;}
.type-menu{margin-top: 20px;}
.type-menu-tabname{padding: 0 20px; border-top: 4px solid #000; border-bottom: none; background-color: #000;}
.type-menu-tabname li{flex: 1; line-height: 54px; text-align: center; color: #fff; cursor: pointer;}
.type-menu-tabname li.current{background-color: #fff; color: #333; border-radius: 5px 5px 0 0;}

.tabcon{display: none;}
.goodscon{padding-top: 14px;}
.goodscon ul{ flex-wrap: wrap;}
.goodscon li{width: 240px;align-items:stretch; margin: 0 28px 25px;; border: 1px solid #ddd; padding: 8px;}
.goodscon li:nth-child(4n){margin-right:0;}
.goodscon li:nth-child(4n+1){margin-left:0;}
.goodscon li a{display: block;}
.goodscon li i{font-size: 12px;}
.goodscon li h3{font-size: 14px; line-height: 20px;}
.goodscon li p{color: #999; font-size: 12px; line-height: 20px;}
.goodscon img{width: 100%;}

.yq-news{margin-top: 20px;}
.yq-news-title{border-bottom: 2px solid #000;}
.yq-news-title .container{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.yq-news-title h3{flex: 1; font-size: 24px; line-height: 40px;}
.yq-news-title a{display: inline-block; width: 120px; line-height: 40px; text-align: right}
.yq-news-title a i,.yq-news-warp li i{font-size: 12px;}
.yq-news-warp li{flex: 1; margin: 20px;align-items:stretch;}
.yq-news-warp li h3{font-size: 16px;}
.yq-news-warp li img{width: 100%;}
.yq-news-warp li span{font-size: 12px; color: #999;}
.yq-news-warp li p{font-size: 14px; color: #666;}
.yq-news-warp li a{font-size: 14px; color: #c00;}

.yq-other{margin-top: 20px;}
.yq-other .other{flex: 1; border-right: 1px solid #ddd; margin-right: 52px; align-items:stretch;}
.yq-other .other:last-child{border: none;margin-right:0;}
.yq-other dt{width: 60px;}
.yq-other dd{flex: 1; padding-left: 10px;}
.yq-other dd h4{font-size: 16px; margin-top: 8px; line-height: 24px;}
.yq-other dd p{font-size: 12px; color: #999;}
.yq-other img{width: 100%;}
.yq-other ul{margin-top: 16px;}
.yq-other li{line-height: 36px;}
.yq-other li i{font-size: 12px;}
/*底部*/
.footer{background-color: #000; color: #fff; padding: 20px 0; margin-top: 40px;}
.footer a{color: #fff; font-size: 12px;}
.yq-friends{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.yq-friends h4{font-size: 16px; line-height: 24px;}
.footnav{font-size: 12px;}
.footnav a{font-size: 14px; line-height: 32px;}

.yq-footmsg{overflow: hidden;}
.footmsg-left{width: 1200px; overflow: hidden; float: left;}
.footmsg-left dl{width: 300px; float: left;}
.footmsg-right{width: 400px; float: right; font-size: 14px;}
.footmsg-right p{line-height: 26px;}
.footer-copy{font-size: 12px; text-align: center; margin-top: 30px;}
.footer-copy p{line-height: 32px;}
.footer-copy img{ vertical-align: middle;}

/*浮动底部*/
.fixed-footer{position: fixed; background: #000; width: 100%; color: #fff; bottom: 0; padding: 4px 0;}
.fixfoot{float: left; width: 800px; padding-top: 6px;}
.fixfoot .fixfoot-big{float: left; font-size: 40px;}
.fixfoot-big i{color: #c00; font-weight: bold;display: inline-block; vertical-align: middle;}
.fixfoot-big strong{display: inline-block; vertical-align: middle;}
.fixfoot .fixfoot-small{float: left; padding-left: 10px; padding-top: 4px;}
.fixfoot-small p{font-size: 12px; line-height: 24px;}
.fixfoot-info{font-size: 14px;}
.fixfoot-info strong{font-size: 24px;}

/* 筛选 */
.goods-label{background-color: #eee; padding-top: 20px; margin-top: 20px;}
.selector-label{font-size: 14px; padding: 6px 0;}
.selector-label a{display: inline-block; border: 1px solid #e2001a; padding: 2px; color: #e2001a; background-color: #fff;}
.selector-label span,.selector-label i{display: inline-block; vertical-align: middle;}
.filter-group{margin-bottom: 10px;}
.headline{border-bottom: 2px solid #e2001a; margin-bottom: 10px; color: #e2001a; font-size: 16px; line-height: 32px;}
.headline a { font-weight: normal; text-decoration: underline; padding-left: 20px; color: #e2001a; font-size: 12px;}
.filter-items label{ font-weight: normal; display: inline; float: left; width: 25%; margin-bottom: 5px;}
.cacurrent {color: #e2001a; }
.filter-items a{margin-right: 30px;}

/* 分页 */
.ui-page{font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1','\5b8b\4f53',sans-serif; margin: 20px auto;}
.ui-page{height:60px;margin:10px 0 20px;color:#999;text-align:center}
.ui-page-wrap{display:inline-block;zoom:1}
.ui-page span{font-weight:400}
.ui-page a{background-color:#fff;color:#2953A6;cursor:pointer;text-decoration:none}
.ui-page a:hover,a.ui-page-cur,span.ui-page-next,span.ui-page-prev{background-color:#EFEFEF}
.ui-page a:hover{text-decoration:underline}
.ui-page a,.ui-page span{float:left}
.ui-page a,.ui-page-cur,.ui-page-next,.ui-page-prev,.ui-page-skip{height:26px;width:auto;padding:12px 14px 0}
.ui-page-next,.ui-page-prev,a.ui-page-next,a.ui-page-prev{padding:12px 10px 0}
.ui-page a,.ui-page-cur,.ui-page-next,.ui-page-prev{border:1px solid #E5E5E5;border-left:0}
.ui-page-prev{border-left:1px solid #E5E5E5!important}
.ui-page-break{border-right:1px solid #E5E5E5;padding:0 4px;line-height:40px;font-weight:700}

/*面包屑导航*/
.breadnav{color: #666; font-size: 12px; line-height: 32px;}
.breadnav a{color: #999;}
.breadnav span{color: #222;}

.yqdetail{margin-top: 20px;}
.yqdetail-wrap,.news-wrap{display: -webkit-flex; display: -moz-flex; display: flex;}
.yqside{width: 220px; margin-right: 20px;}
.yqdetail-type dl{margin-bottom: 10px;border-bottom:1px solid #ddd;padding-bottom:6px;}
.yqdetail-type dt{border-left: 1px solid #ddd; font-size: 14px; color: #333; line-height: 24px; padding-left: 10px;}
.yqdetail-type dt a{color: #333;}
.yqdetail-type dl.cur dt{border-left: 1px solid #c00; color: #c00;}
.yqdetail-type dl.cur dt a{color: #c00;}
.yqdetail-type dd{padding-left: 20px;}
.yqdetail-type dd h4{font-size: 14px; font-weight: normal; line-height: 36px}
.yqdetail-type dd ul{padding-left: 20px; line-height: 36px}
.yqdetail-type dd li,.yqdetail-type dd li a{color: #999;}

.detail-part{flex: 1;}
.goods-proimg{width: 970px; float: left;}
.smallapp{float: right; width: 200px;}
.yqside .goodscon li{width: 100%; margin: 0 0 10px}
.goodscon-title,.goods-name{border-bottom: 2px solid #c00; margin-bottom: 10px;}
.goodscon-title{font-size: 16px; font-weight: normal; line-height: 24px;}
.goods-name{font-family: SimHei; font-weight: normal; font-size: 20px; line-height: 36px;}
.goods-carousel{float: left;}
.goods-carousel,.thumbnail-images li{width: 300px;}
.goods-thumbnail li{width: 60px;}
.goods-carousel img{width: 100%;}
.goods-subname{font-weight: normal; font-size: 14px; line-height: 24px;margin-bottom: 10px;}
.goods-proinfo{width: 640px; font-size: 14px; float: right;}
.goods-proinfo h5{font-size: 14px; margin-top: 10px;}
.goods-proinfo ul{margin-bottom: 10px;}
.goods-proinfo li{list-style: inside;}
.goods-proinfo li{line-height: 24px;}
.goods-proinfo p{line-height: 30px;}
.goodsinfo .review{white-space: pre-wrap;padding-left:16px;width:550px;}
.goodsinfo{display:flex;line-height: 30px;}

.goods-proinfo p a{color: #c00; text-decoration: underline;}
.tabbar-title li{flex: 1; text-align: center; font-size: 16px;   line-height: 32px;}
.tabbar-title li.cur,.detail-conwarp{background-color: #fafafa;}
.tabbar-title li.cur{border-top: 2px solid #c00;}
.detail-conwarp{padding: 10px; line-height: 28px;}
.detail-conwarp img{width:100%;height: 100%;}

.order-btn{background-color: #c00; color: #fff; line-height: 36px; display: inline-block; width: 180px; border-radius: 5px; box-shadow: 3px 3px 3px rgba(177,0,0,.5); margin-left: 10px; text-align: center; font-size: 16px;}

.news .goodscon li{width: 262px;}
.news .goodscon li h3{font-size: 16px;}
.news .goodscon li img{width: 100%;}
.news .goodscon li span{font-size: 12px; color: #999;}
.news .goodscon li p{font-size: 14px; color: #666;}
.news .goodscon li a{font-size: 14px; color: #c00;}

.article-box{border: 1px solid #ddd; padding: 10px;}
.article-box .article-title{font-size: 18px;  line-height: 42px; text-align: center;}
.guide-reading{padding: 5px 10px; background-color: #eee; font-size: 14px; line-height: 24px; border: 1px solid #ddd;}
.article-text{padding: 20px 0; font-size: 14px; line-height: 24px;}
.article-text p{margin:10px 0; text-indent: 2em;}
.article-text img{margin: 10px auto;}

.alike-article .goodscon li{width: 207px;}
.alike-article .goodscon li:nth-child(4n+1){margin-left: 0;}
.alike-article .goodscon li:nth-child(4n){margin-right: 0;}


.side-menu{width: 200px; float: left; margin-top: 20px;}

.side-menu ul{border: 1px solid #ddd;padding: 40px 0; background-color: #eee;}
.side-menu li{font-size: 16px; line-height: 42px; border-bottom: 1px solid #ddd; border-left: 2px solid #eee; padding-left: 20px;}
.side-menu li.cur{border-left-color: #c00; background-color: #fff;}
.ymain{width: 980px; float: right; margin-top: 20px;}
.ymain label{display: inline-block; width: 120px; text-align: right;}
.control-wrap{padding:40px 20px; font-size: 14px;}
.red-star{color: #f00; font-style: normal;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
.form-group { margin-bottom: 15px;}
.form-control {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-inline .form-control{
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline textarea.form-control{height: auto; vertical-align: top;}
  .form-control.yqtext-l{width: 800px;}
  .form-control.yqtext-m{width: 330px;}
  .form-control.yqtext-s{width: 180px;}

  .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn.yqtext-s{width: 174px;}
.text-right{text-align: right;}
.operation{padding-top: 20px;}
.operation a{margin-left: 30px; color: #06c;}
.operation i{font-size: 20px; vertical-align: middle;}
.operation span{display: inline-block; vertical-align: middle;}

.control-remarks{
	padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 774px;
  float: left;
  margin-left: 5px;
}
.fl{float: left;}

table{border-spacing: 0; border-collapse: collapse;}
.yqdownload-wrap{min-height:300px;}
.yqdownload-wrap h3{border-bottom: 2px solid #c00; line-height: 36px; margin-bottom: 30px;}
.yqdownload-wrap h3 strong{font-size: 20px;}
.yqdownload-wrap h3 span{font-size: 12px; font-weight: normal;}
.down-search{font-size: 14px; line-height: 24px; border-bottom: 1px solid #ddd;}
.search-table{padding: 20px 0;}
.search-table table{width: 100%; font-size: 14px; line-height: 28px;}
.search-table table th,.search-table table td{ border-bottom: 1px solid #ddd;}
.search-table table th{text-align: left;}
.search-table table .icon-inbox-download{font-size: 24px; color: #c00; line-height: 28px; vertical-align: middle;}

.red{color: #f00;}

/*---*/
.width1200 {
    width: 1200px;
    margin: 0 auto;
}

h2.shopTitle {
    border-bottom: 3px solid #d41f0c;
    height: 32px;
    font-size: 16px;
    font-weight: normal;
}
.hotNews{
	padding: 10px;
}
.border4{
	border:1px solid #ccc;
}
.hotNews li {
    border-bottom: 1px dotted #ddd;
    padding: 10px 5px;
}
.hotNews li a {
    font-size: 16px;
    color: #333;
}
.hotNews li p {
    font-size: 14px;
    margin-top: 4px;
    line-height: 24px;
    color: #666;
}