body,html{overflow: visible;letter-spacing:1px; min-width: 1200px;}
*{overflow: hidden;}
.over-no{overflow: unset;overflow: visible;}
.over-no *{overflow: unset;overflow: visible;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,
fieldset,button, input, textarea,th, td ,figure,div{ /* table elements 表格元素 */margin: 0;padding: 0;}
.main{min-width: 1200px;}
/* 设置默认字体 */
body,button, input, select, textarea {
	font-size: 14px; font-family: Microsoft Yahei,Tahoma, Helvetica, Arial, sans-serif;
	/* font-family:"微软雅黑"; */
 }
b{font-weight: normal;}
img{vertical-align:middle;}
table {border-collapse:collapse;}
h1,h2,h3 ,h4, h5, h6 { font-weight: 600;font-size: 14px;}
small { font-size: 12px; }

/* 重置列表元素 */
ul{ list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none}

.over,.over *{overflow: hidden;}

/*===浮动样式===*/
.fl {float: left;}
.fr {float: right;}
.fn{float: none;}
.c-l{clear: left;}
.c-r{clear: right;}
.c-all{clear: both;}

/*===栅格样式===*/
.grid-2 > * { width: 50%;float: left; display: block; }
.grid-3 > * { width: 33.333%;float: left; display: block; }
.grid-4 > * { width: 25%;float: left; display: block; }
.grid-5 > * { width: 20%;float: left; display: block; }

/*===四边框样式===*/
.b-all{border: 1px solid #eeeeee;}
.b-l{border-left: 1px solid #eeeeee;}
.b-r{border-right: 1px solid #eeeeee;}
.b-t{border-top: 1px solid #eeeeee;}
.b-b{border-bottom: 1px solid #eeeeee;}
.b-m{border: 0;}

/*===文本样式===*/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/*===高度自动===*/
/*强制文本显示行数,溢出显示...*/
.line-1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.line-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden}
.line-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.line-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.line-5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.line-6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden}
.line-7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}
.line-8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}
.line-9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:9;overflow: hidden;}
/* 两端对齐 */
.center-t{    display: inline-block;text-align: justify;text-align-last: justify;}
input,button,select{outline: none;}
/*===组合框，强制单行显示，自动分配组合内容宽度===*/
.group { overflow:hidden; display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;}
.group>*{text-align: center;display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;-o-box-flex: 1;box-flex: 1;}

/* .main{margin-top: 40px;} */
/*顶部公用样式*/
header{position: relative;margin: auto;height: 150px;width: auto !important;}
header.index{height: 200px;}
header>.right{position: absolute;top:54%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}

.top-ad{position: relative;min-width: 1200px;}
.top-ad p{position: absolute;right: 45px;top: 5px;}
.top-nav{background: #f2f2f2;min-width: 1200px;}
.top-nav>div{width: 1200px;height: 30px;margin: auto;}
.top-nav li{float: left;line-height: 30px;color: #888888;font-size: 12px;}
.top-nav li a{color: #888888;}
.top-nav li >div{color: #888888;font-size: 12px;font-weight: normal;float: right;}
.top-nav li >div h1,.top-nav li >div h5{color: #888888;font-size: 12px;font-weight: normal;float: left;}
.first-li{margin-right: 25px;}
.top-nav li>span{margin: 0 20px;color: #ccc;}
.top-nav li>.hr-f{margin: 0 5px;color: #ccc;}
.search-idx{width: 1200px;margin: auto;}
.search-idx .left{margin-right: 80px;margin-top: 25px;}
header.index .search-idx .left{margin-top: 35px;margin-right: 30px;}
.search-idx .left h1{font-size: 14px;color: #999;font-weight: 100;}
.search-idx .center{margin-top: 15px;}
header.index .search-idx .center{margin-top: 35px;}
.search-idx .center>*>*{float: left;}
.search-idx li{float: left;font-size: 14px;}
.search-idx .center .first li{width: 45px;height: 22px;color: #999;margin-right: 15px;line-height: 24px;cursor: pointer;}
.search-idx .center .first .active{background: #eb223a;color: #fff;}
.search-idx .last a{color: #999;padding-right: 30px;display: inline-block;margin-top: 5px;}
.search-idx input{box-sizing: content-box !important; width: 500px;float: left; outline: none; height: 32px;border: 2px solid #eb223a !important;color: #555;font-size: 12px;background:url(../img/search.png) no-repeat 2% center;text-indent: 35px;}
.search-idx button,.search-idx input[type="submit"]{width: 75px;outline: none;height: 36px;border: 1px solid #eb223a;color: #fff;background:#eb223a;letter-spacing: 5px;font-size: 18px;}
/* .search-idx .a1,.search-idx .a2{width: 75px;outline: none;height: 36px;border: 1px solid #eb223a;color: #fff;background:#eb223a;letter-spacing: 5px;font-size: 18px;} */

/*底部公用样式*/
footer{background: #282828;min-width: 1200px;}
.f-top{overflow: hidden; width: 1200px;margin: auto;color: #6d6d6d;margin-top: 30px;}
.f-top a{color: #6d6d6d;}
.f-top>p>*{width: 100px;height: 30px;text-align: center;line-height: 30px;border-bottom: 1px solid #6d6d6d;display: block;float: left;font-style:normal;font-size:14px ;cursor: pointer;}
.f-top>p span{width: calc(100% - 200px);border-bottom:  1px solid #6d6d6d;display: block;float: right;height: 30px;}
.f-top>p .active{border-bottom:  1px solid #eb223a;}
.f-top ul{display: none;position: relative;height: 158px;}
.f-top ul.active{display: block;}
.f-top li{float: left;font-size: 12px;margin-top: 15px;width: 16.6%;}
.f-top li.gengs{position: absolute;bottom: 0;right:0;text-align: right;}
.f-top li.gengs a{background: #282828;}
.f-center{width: 1200px;margin: auto;font-size: 12px;color: #a2a2a2;margin-top: 20px;line-height: 22px;}
.f-center h3{display: inline;font-size: 12px;}
.f-center .f-list>div{margin-right: 90px;color: #fff;float: left;}
.f-center3{width: 1200px;margin: auto;font-size: 12px;color: #a2a2a2;margin-top: 20px;line-height: 22px;}
.f-center3 h3{display: inline;font-size: 12px;}
.f-center3 .f-list>div{margin-right: 90px;color: #5c5c5c;float: left;}
.f-list>div h5{font-size: 14px;margin-top: 20px;}
.f-list .one-lst{margin-left: 100px;}
.f-list >p{text-align: center;margin-top: 10px;float: right;margin-right: 25px}
.f-list >p span{display: block;text-align: center;padding: 5px 0;color: #fff;}
.f-center>div a{color: #fff;font-size: 12px;display: block;margin-top: 5px;padding-left: 2px;}
.f-center3>div a{color: #999999;font-size: 12px;display: block;margin-top: 5px;}

.f-center3 p{text-align: center;
    margin-top: 10px;
    float: right;
    margin-right: 25px;}
.f-center3 p span{    display: block;
    text-align: center;
    padding: 5px 0;
    color: #fff;}
.f-bottom{width: 100%;height: 95px;line-height: 70px;text-align: center;font-size: 12px;border-top: 1px solid #6e6f71;margin-top: 20px;color: #ccc;}
.f-bottom a{color: #ccc;}
.f-bottom3 p{width: 100%;height: 90px;line-height: 40px;text-align: center;font-size: 12px;border-top: 1px solid #E6E6E6;margin-top: 20px;color: #999999;}
.f-bottom3 a{color: #999999;}

.search-idx .comname p{background: url(../img/cpshop/xinxin2.png) no-repeat left center;background-size:15px;text-indent: 22px;display: block;}
.search-idx .comname p.active{background: url(../img/cpshop/xinxin.png) no-repeat left center;background-size: 15px;}
/* 右栏目客服联系 */
.right_contact *{overflow: visible;}
.right_contact{position: fixed; width:40px; right: 0; bottom: 0; z-index: 2000;background: #EEEEEE;overflow: visible;display: block;top: 0}
.right_contactt ul{width:40px;}
.right_contact li{text-align: center; cursor: pointer;position: relative;width:40px;height:40px;float:right;margin-bottom: 18px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;-o-transition: all .3s ease;}
.right_contact .missobj{position: absolute;right:-150px;top: 0; background: #EB2235;color: #ffffff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;
font-size: 14px;height:40px;line-height: 40px;padding:0 12px;letter-spacing:1px}
.right_contactul{position: absolute;bottom: 40px;height: 551px;}
.right_contactul li:first-child a{background:#EEEEEE url(../img/index/geren2.png) no-repeat center center;background-size: 60%;}
.right_contactul li:first-child:hover a{background: #EB2235 url(../img/index/geren.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-child(2) a{background:#EEEEEE url(../img/index/xing2.png) no-repeat center center;background-size:60%;}
.right_contactul li:nth-child(2):hover a{background: #EB2235 url(../img/index/xin.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(3) a{background:#EEEEEE url(../img/index/qq3.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(3):hover a{background: #EB2235 url(../img/index/qq2.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(4) a{background:#EEEEEE url(../img/index/dian2.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(4):hover a{background: #EB2235 url(../img/index/dian.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(5){height: 105px;}
.right_contactul li:nth-of-type(5) a{background:#EEEEEE url(../img/index/ma2.png) no-repeat center center;background-size:60%;}
.right_contactul li:nth-of-type(5):hover a{background: #EB2235 url(../img/index/ma.png) no-repeat center center;background-size: 60%;}
.right_contactul li:nth-of-type(6) a{background:#EEEEEE url(../img/index/top.png) no-repeat center center;background-size: 63%;}
.right_contactul li:nth-of-type(6):hover a{background: #EB2235 url(../img/index/ding.png) no-repeat center center;background-size: 63%;}
.right_contact .missobj_all{position: absolute;top:0;right:-150px;white-space: nowrap;min-width: 80px;min-height: 95px;-webkit-transition: all .5s ease;transition: all .5s ease;width:110px;height:105px;background: #EB2235;  }
.right_contactul li a{display: block;width: 100%;height: 100%;position:absolute;z-index: 3;}
.right_contactul li:hover div{right: 100%;}
.fixed{position: relative;top:-9px;font-size: 12px;color: #FBFDFC;left:2px;}
.fixed_all{position: absolute;top:40px;left:26px;font-size: 12px;color: #FBFDFC;}
.hmm{margin:12px 6px;width:25px;height:0px;float: right;margin-bottom:20px;border:1px solid #C9C9C9}
.obj{margin-top:15px;}
.right_contactul .pro_tu{width:70px;height:70px;margin:12px;}


/*  */
#tishi{width: 10px;height: 10px;position: absolute;border-radius: 50%;background: #f2c614;top: 8px;right: 4px;display: none;}
#tishi.active{display: block;}
input:input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
input:-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
