*{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px; color:#444; line-height:1.6em;}
h1{line-height:1.3em;}
a:hover img,img{ border:none;}
img{ vertical-align:top;}
ul{ list-style:none;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px;}
table input,table button,table select,table textarea{ vertical-align:middle;}
textarea{resize:none}
table{ border-collapse:collapse;}
a{ text-decoration:none; color:#444;}
a:hover{ text-decoration:none; color:#ea3e3a;}
/*-------------------------结束公用样式--------------------------*/
.cf { overflow:hidden; zoom:1;}
.cf2{zoom: 1;}
.cf2:after {content: ""; display: block;height: 0;clear: both;}
input.checlass{ margin:0 5px; margin-left:0;vertical-align:middle; _vertical-align:baseline;}
/*------------------star首页的样式*/
html{ background:#fff;}
.mw{margin: 0 auto; width: 1200px;}
/*头文件*/

div.header_c{ width:1200px; margin:0 auto; height:130px; background-color: #fff; overflow:hidden;}
div.logo{ float:left; padding:15px 0 0 0;}
/*头文件右*/
div.header_r{ float:right; padding:16px 0 0 0;}
div.header,dl.header{ color:#666; clear:both; height:44px; line-height:44px; background: #fff url(http://www.chinaleatheroid.com/images/tool/header_x.gif) repeat-x left bottom;}
div.header a{ display:inline-block; margin:0 .3em; color:#888;}
div.header a:hover{ color:#ea3e3a;}
dl.header{ color:#888; clear:both; width:1200px; margin:0 auto;}
dl.header dt{ float:left;}
dl.header dd{ float:right; text-align:right;}
dl.header dd a,dl.header dd span{ display:inline-block;margin:0 .6em;}
dl.header dd em,dl.header dt em{font-family:"宋体"; color:#ccc; font-style:normal; vertical-align:middle; margin:0 .3em;}
dl.header dd span{ margin-right:0;}
dl.header dd b{ font-size:16px;}
a.shop_a{ background:url(http://www.chinaleatheroid.com/images/tool/shop.png) no-repeat left center; padding-left:2em;}
a.phone_a{ background:url(http://www.chinaleatheroid.com/images/tool/phone.gif) no-repeat left center; padding-left:1.3em;}
a.sina_a{ background:url(http://www.chinaleatheroid.com/images/tool/sina.gif) no-repeat left center; padding-left:1.6em;}
/*----------star中间区域*/
div.w_1200{ width:1200px; margin:15px auto; clear:both; padding-bottom:1px;}

/*--------star下拉菜单*/
.sign_text, .divselect{padding: 10px 19px; width: 310px; height: 28px; line-height: 28px; font-size: 13px; background-color: #fff; border: 1px solid #dadada;}
.divselect{ cursor:pointer;}
.sign_text:focus{box-shadow: 0 0 3px rgba(0,0,0,.2)}
.error_input{background-color: #fffdf4; border-color: #432c1a;}
.divselect{position: relative; color: #666; background: #fff url(http://www.chinaleatheroid.com/images/sign/divselect.gif) 100% 50% no-repeat; z-index: 9;}
.divselect cite{font-style: normal;}
.divselect ul{display: none; position: absolute; top: 48px; left: -1px; right: -1px; background-color: #fff; border: 1px solid #dadada; width: 348px\9;}
.divselect li{padding: 0 19px; width: 310px\9; cursor: pointer;}
.divselect li:hover{background-color: #fffdf4;}
input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}

.divselect li{padding: 0 10px; width: 60px\9; }


/*--------------------star文件底*/

.footer{margin: 15px auto 0; width: 1200px; padding: 25px 0; line-height: 1.8; text-align: center; font-size: 13px; color: #666; border-top: 1px solid #ebebeb; background:url(http://www.chinaleatheroid.com/images/adv/chinab2b.png) no-repeat 100% 50%;}
.footer a{margin: 0 5px; color: #666;}
.footer a:hover{color: #EA3E3A;}

/*表单和按钮*/
input.fill_text,.fill_textarea{ border:1px solid #d0d0d0; background:#fff; padding:8px 10px;  font-size:14px; color:#444;}
input.fill_text{line-height:18px; height:18px; width:260px;}
.fill_textarea{ width:840px; height:60px;}
input.date_text{ background:#fff url(http://www.chinaleatheroid.com/images/club/date.gif) no-repeat 95% center;}

/*经过*/
input.fill_text:hover,.site_select_box .site_select:hover,div.divselect:hover,.fill_textarea:hover,div.blog_input:hover{border:1px solid #ccc;
-moz-box-shadow:0px 2px 2px #dfdfdf; -webkit-box-shadow:0px 2px 2px #dfdfdf; box-shadow:0px 2px 2px #dfdfdf;}
.site_select_box .site_select:hover{ background:#fff url(http://www.chinaleatheroid.com/images/club/option.gif) no-repeat 95% center; }
input.fill_text:hover,.fill_textarea:hover{ border:1px solid #aaa;}


/*-----------------------------------star文字的样式*/
.ask_box_wrap{position: relative; margin-top:.2em; display: inline-block; width: 30px; height: 30px; background: url(http://www.chinaleatheroid.com/images/tool/ask.gif) 50% 50% no-repeat; vertical-align: top; vertical-align: middle\9; cursor: help;}
.ask_box{display: none; position: absolute; top: 29px; right: -90px; padding: 10px 15px 10px 10px; width: 290px; text-align: left; line-height: 1.6; font-size: 12px; color: #fff; background-color: rgba(0,0,0,.7); background: url(../images/black_7.png)\9; cursor: default; z-index: 10;}
.ask_box_arrow{position: absolute; top: -5px; right: 101px; display: inline-block; width: 8px; height: 5px; background: url(http://www.chinaleatheroid.com/images/tool/box_arrow.png) 0 0 no-repeat;}
.close_ask_box{position: absolute; top: 5px; right: 5px; display: inline-block; cursor: pointer; vertical-align:middle; background:url(http://www.chinaleatheroid.com/images/tool/close_f.png) no-repeat; width:14px; line-height:14px; height:14px;}
.ask_notice{color:#989898;}
/*距离*/
.mtb_40{margin: 40px 0;}
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#666;font-family:Arial; font-size:13px; font-weight:normal;}
/*左右对齐*/
.l{ float:left;}
.r{ float:right;}
.text_c{text-align: center;}
/*宋体*/
.china{ font-family:"宋体";}
.eng{font-family:Arial;}
.prit{ font-size:14px; color:#ea3e3a;font-family:Arial;}
.prit span{ font-size:20px; font-weight:bold;}
.prit_b{ color:#ea3e3a; font-weight:bold; margin:0 .3em; font-family:Arial;}
.fz_14{font-size: 14px;}
.tit_14{font-size: 14px; color: #333; font-weight: normal;}
.font_18{ font-size:18px; font-weight:normal;}
/*color*/
.red_text,.red_link a{ color:#ea3e3a;}
.red_link a:hover{ color:#cc0000;}
.graw_text,.graw_link a,.graw_a{ color:#db9f38;}
.graw_a{ margin-right:.3em;}
.graw_link a:hover{ color:#ea3e3a;}
.gray_link a{ color:#888;}
.gray_link a:hover{ color:#db9f38;}
.black_text{color: #333;}
.gray_text{ color:#888;}
/*间距*/
.margin_l{ margin-left:4em;}
.margin_r{ margin-right:4em;}
.margin_text{ margin:0 4em;}
.margin_link a{ margin-left:1em;}
/*红色提示*/
.note_red{ color:#ea3e3a; margin-right:.3em; font-family:"宋体";}
/*绿色*/
.green_text,.green_a{ color:#4ab380 !important;}
.green_a:hover{color:#ea3e3a !important; text-decoration:none;}
/*btn*/
/*btn*/
.grey_btn{display: inline-block; text-align: center; width: 240px; height: 38px; line-height: 38px; font-size: 14px; background-color: #f8f8f8; border: 1px solid #dadada; color:#666;}
.grey_btn:hover{ border:1px solid #999; color:#333;}
.white_btn{display: inline-block; text-align: center; width: 120px; height: 32px; line-height: 32px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #db9f38;}
.white_btn:hover{color: #fff; background-color: #db9f38;}
.graw_btn,.gray_btn{ text-align:center; cursor:pointer; color:#fff; font-size:18px; background:#db9f38; border:none; width:120px; height:38px; line-height:38px; vertical-align:middle; margin:0 .5em;}
.gray_btn{ background:#eee; border:1px solid #c9c9c9; color:#666; font-size:18px; width:150px;}
.gray_btn:hover, .small_grey_btn:hover{ background:#999; color:#fff; border:1px solid #999;}
.graw_btn:hover, .small_graw_btn:hover{ background:#ce8c1b; color:#fff; text-decoration:none;}
.graw_btn_light{ background:#c8a985; display:inline-block; vertical-align:middle; cursor:pointer; text-align:center; border:none; height:40px; line-height:40px; font-size:16px; width:140px; color:#fff;}
.graw_btn_light:hover{ background:#c99b65; color:#fff; text-decoration:none;}

/*图片边框*/
.img_border img{ overflow:hidden; border:1px solid #f2f2f2; background:#fff;}
.img_border a:hover img{ border:1px solid #ccc;}


/*上传*/
.file-box{ position:relative;width:50px; float:right;} 
input.pic_btn{ width:50px; cursor:pointer; text-align:center; background:url(http://www.chinaleatheroid.com/images/tool/pic_arrow.png) no-repeat center center; height:32px; border:none;} 
input.pic_btn:hover{ background:url(http://www.chinaleatheroid.com/images/tool/pic_arrow_h.png) no-repeat center center;}
.file{ position:absolute; top:0; right:0px; height:32px; filter:alpha(opacity:0);opacity: 0;width:50px; cursor:pointer;}

/*---------------------------star滤镜的样式*/

/*圆角*/
.brank_label{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.round_s, .white_btn{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.flex-control-nav a,.img_round img,.round_r, .brank_pic, .pro_390 .hd li, .site_ins, .site_f .hd li, .t_adv01, .t_adv02, .t_adv03,.step_icon{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.round_m{-moz-border-radius:2.5em; -webkit-border-radius:2.5em; border-radius:2.5em;}
.round_s_m{-moz-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em;}
/*阴影*/
.hover_list li:hover dl{ background:#fff;-moz-box-shadow:0px 2px 5px #ccc; -webkit-box-shadow:0px 2px 5px #ccc; box-shadow:0px 2px 5px #ccc;}
/*链接文件*/
.round_s,.flex-control-nav a,.img_round img,.round_r,.site_f .hd li,.round_s_m,.round_m{ _position:relative;position:relative\9;behavior: url(pie.htc);}
a.app_btn:hover span,.h_t h3.class_th:hover span, .t_advantage li:hover [class*=t_adv]:before, .step_3 li:hover .step_icon:before{animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}


/*距离*/
.ml_50{margin-left: 50px;}
.ml_90{margin-left: 90px;}
.ml_30{margin-left: 30px;}
.pb_10{padding-bottom: 10px;}
.ml_10{margin-left: 10px;}
.ml_5{margin-left: 5px;}
.mtb_20{margin: 20px 0;}
.mlr_5{margin: 0 5px;}
.mlr_10{margin: 0 10px;}
.mr_10{margin-right: 10px;}
.ml_45{margin-left: 45px;}
.ml_20{margin-left: 20px;}
.mt_10{margin-top: 10px;}
.mlr_20 {margin: 0 20px;}
.mb_10 {margin-bottom: 10px;}
.mlr_3 {margin: 0 3px;}
.mt_20 {margin-top: 20px;}
.pd_15 {padding: 10px 15px;}
/*align*/
.text_l{text-align: left;}
.text_c{text-align: center;}
.text_r{text-align: right;}
/*font*/
.fz_20{font-size: 20px;}
.fz_18{font-size: 18px;}
.grey_text{color: #888;}
.fz_22{font-size: 22px;}
.fz_16{font-size: 16px;}

/*定义动画效果_css3*/
@keyframes landr {
0% {
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
39% {
    transform: rotate(5deg);
    transform-origin: right bottom 0;
}
40% {
    transform: rotate(5deg);
    transform-origin: left bottom 0;
}
75% {
    transform: rotate(-10deg);
    transform-origin: left bottom 0;
}
100% {
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@-webkit-keyframes landr {
0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: right bottom 0;
}
39% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: right bottom 0;
}
40% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: left bottom 0;
}
75% {
    -webkit-transform: rotate(-10deg);
    -webkit-transform-origin: left bottom 0;
}
100% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left bottom 0;
}
}

.graw_btn_130, .grey_btn_130{margin: 0 20px 0 0; display: inline-block; font-size: 15px; font-weight: bold; vertical-align: middle;}
.graw_btn_130{width: 130px; height: 40px; line-height: 40px;}
.grey_btn_130{width: 128px; height: 38px; line-height: 38px;}


/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.brown_link_line a{ color:#d48c2d; text-decoration:underline;}
.brown_link_line a:hover{ color:#fff; background-color:#d48c2d; text-decoration:none;}
