@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;list-style: none;}
html{  font-size:62.5%; }
body{ line-height:180%; font-size:12px;color:#696b6a; }
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} 
/*表单焦点边框*/
:focus,.am-btn:active:focus, .am-btn:focus{outline-color:#ccc;}
/*去掉谷歌内核表单淡黄色背景*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; -webkit-text-fill-color: #333;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {outline: none; margin: 0;  padding: 0; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; }
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; color:#666; font-size:1.4rem; }

a{ color:#696b6a; text-decoration:none;}
a:hover{ color:#333;}

.clearfix:after { content: " "; display: block; clear: both; height: 0;visibility: hidden;}
.clearfix { zoom: 1;}

.w1200{ width:1200px; margin:0 auto; }

.fl{ float:left;}
.fr{ float:right;}
/*iE版本升级提示*/
.ietag{ text-align:center; padding:20px 0; font-size:16px;}
.ietag i{ color:#F00; cursor:pointer;}
 
input:focus,select:focus{ outline:none}

img{ border:0;}

/*颜色*/
.color_bule{ color:#669efb;}
.color_red{ color:#ff6600;}
.color_green{ color:#396DB5;}
.color_gray{ color:#999;}
.color_org{ color:#fa990e;}
.color_blue{ color:#396DB5;}
.color_yellow{ color:#ff6600;}
.color_gray{ color: #666; }

.fsz14{ font-size:1.4rem;}
.fsz16{ font-size:1.6rem;}

/*清除浮动*/
.clearfix {+height:1%;}
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

/*强制换行   禁止换行*/
.break_word{ word-wrap:break-word; word-break:break-all;}
.keep_all{ word-break:keep-all; white-space:nowrap; }

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.ellipsis_2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis_3 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis_4 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis_7 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

/*边距*/
.mt5{ margin-top: 5px;}
.mt6 { margin-top:6px; }
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt18{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt26{ margin-top: 26px;}
.mt28{ margin-top: 28px;}
.mt32{ margin-top: 32px;}
.mt35{ margin-top: 35px;}
.mt38{ margin-top: 38px;}
.mt42{ margin-top: 42px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt56{ margin-top: 56px;}
.mt60{ margin-top: 60px;}
.mt68{ margin-top: 68px;}
.mt87 { margin-top: 87px;}
.ml5{ margin-left: 5px;}
.ml15{ margin-left: 15px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml50{ margin-left: 50px;}
.mr8 { margin-right: 8px }
.mr10{ margin-right: 10px }
.mr11{ margin-right: 11px }
.mr16{ margin-right: 16px }
.mr20{ margin-right: 20px }
.mr30{ margin-right: 30px }
.mr45{ margin-right: 45px }
.mr48{ margin-right: 48px }
.mr50{ margin-right: 50px }
.mb16{ margin-bottom: 16px;}
.mb20{ margin-bottom: 20px;}
.mb22{ margin-bottom: 22px;}
.mb28{ margin-bottom: 28px;}
.mb30{ margin-bottom: 30px;}
.mb36{ margin-bottom: 36px;}
.mb40 { margin-bottom: 40px; }
.mb50{ margin-bottom: 50px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb150{ margin-bottom: 150px;}

.padding_top10 { padding-top:10px;  }
.padding_top20 {padding-top:20px;}
.padding_top34 {padding-top:34px;}
.padding_top44 {padding-top:44px;}
.padding_top72 {padding-top:72px;}
.padding_btm300 { padding-bottom:300px; }

.pt20{ padding-top:20px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}

.bgfff{ background:#fff;}
.p20{ padding:20px;}

hr{ border:0 !important; border-bottom:1px #ddd solid; margin:20px 0; clear:both; }

.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}

/******* 状态 ******/
.wrap{width:1100px;margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.none { display:none; }
.hidden{ overflow:hidden }
.vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;}
.vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; }
.text_left { text-align:left; }
.text_center { text-align: center;}
.text_right{ text-align: right;}

.hide{display:none;}
.clear{clear: both;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.flexa{display: flex;justify-content: space-around;align-items: center;}
.flexm{display: flex;justify-content: flex-start;align-items: center;}
.meng{height: 100%;width: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 90;display: none;}
.meng-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #fff;z-index: 100;display: none;}


/******    样式   *******/
.opacity_0 { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -khtml-opacity: 0; }
.opacity_6 { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; -o-opacity: 0.6; -khtml-opacity: 0.6; }
.opacity_7 { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7; -khtml-opacity: 0.7; }

.place_000::-webkit-input-placeholder{ color:#000; }
.place_000::-moz-placeholder  { color:#000;	}
.place_000:-moz-placeholder { color:#000; }
.place_000:-ms-placeholder { color:#000; }

.place_444::-webkit-input-placeholder{ color:#444; }
.place_444::-moz-placeholder  { color:#444;	}
.place_444:-moz-placeholder { color:#444; }
.place_444:-ms-placeholder { color:#444; }

.place_737373::-webkit-input-placeholder{ color:#737373; }
.place_737373::-moz-placeholder  { color:#737373;	}
.place_737373:-moz-placeholder { color:#737373; }
.place_737373:-ms-placeholder { color:#737373; }

.place_999::-webkit-input-placeholder{ color:#999; }
.place_999::-moz-placeholder  { color:#999;	}
.place_999:-moz-placeholder { color:#999; }
.place_999:-ms-placeholder { color:#999; }

.radius6 {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.radius30 {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
.radius50 {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.defo_img img  {
  transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
.defo_img img:hover {
	transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-webkit-transform: scale(1.2); 
	-o-transform: scale(1.2); 
}

/*************  特殊字体   ***********/
@font-face {
  font-family: 'Campanile';
  src: url('../font/Campanile.eot');
  src: local('Campanile Regular'),
              local('Campanile'),
              url('../font/Campanile.woff') format('woff'),
              url('../font/Campanile.ttf') format('truetype'),
              url('../font/Campanile.svg#Campanile') format('svg');
}
/* 程添加的特殊字体 */
@font-face {  
    font-family:'impact';  
    src:url('../font/impact_0.eot');  
    src:local('☺'),  
        url('../font/impact_0.eot?#iefix') format('embedded-opentype'),  
        url('../font/impact_0.woff') format('woff'),  
        url('../font/impact_0.ttf') format('truetype'),  
        url('../font/impact_0.svg#fzzOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
} 

@font-face {  
    font-family:'myr';  
    src:url('../font/MyriadPro-Semibold.eot');  
    src:local('☺'),  
        url('../font/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  
        url('../font//MyriadPro-Semibold.woff') format('woff'),  
        url('../font/MyriadPro-Semibold.ttf') format('truetype'),  
        url('../font/MyriadPro-Semibold.svg#fzzOTINA1xY') format('svg');  
        font-weight:normal;  
        font-style:normal;  
} 


/*首页顶部*/
#top{ background:#293347; border-bottom:1px #e6e6e6 solid; height:30px; line-height:30px; }
#top span{ position:relative; display:inline-block; padding:0 10px; font-size: 12px;}
#top span a{ color: #b3b3b3; cursor: pointer;}
#top span.topbuycar i,#top span.topbuycar b{ color:#fc6703}
#top span .fl i{ font-size:1rem;}
#top span .fr i{ font-size:0.8rem;}
#top .fr span i.icon-gouwuche{ font-size:1.6rem;}

#top .fr span ul{ display:none; position:absolute; top:30px; left:0; background:#fff; z-index:9999; padding:0 10px;border:1px #f1f1f1 solid; border-top:0; min-width:80px;}
#top .fr span:hover ul{ display:block;}
#top .fr span ul li{ line-height: 22px; font-size: 12px;}

#top .fr i.icon-arrowdown{ font-size:12px;}
.top_left{ width: 300px; }
.top_right{ text-align: right;}
.topbuycar em{ color: #fc6703; padding-left: 5px; font-style: inherit;}

/*index 页面右边固定内容 2018-.10-16*/
.i_fixed_right {position: fixed;bottom: 30%;right: 1.5%; z-index: 11;}
.i_fixed_right ul li { position: relative; width: 61px; height: 61px; text-align: center; background-color: #396db5; margin-bottom: 1px; }
.i_fixed_right ul li a:hover .i_f_hover { display: block; }
.i_f_right_icon3,
.i_f_right_icon1 { padding-top: 10px; }
.i_f_right_icon1 span { width: 25px; height: 25px; margin: 0 auto 1px; background: url(../images/icon.png) no-repeat 0 -183px; }

.i_f_right_icon3 span { width: 33px; height: 26px; margin: 0 auto 3px; background: url(../images/icon.png) no-repeat -64px -183px; }
.i_f_right_icon4 { padding-top: 21px; }
.i_f_right_icon4 span { width: 29px; height: 16px; margin: 0 auto; background: url(../images/icon.png) no-repeat -251px 0; }
.i_fixed_right ul li .h_wechat_nr { top: -40px; right: auto; left: -140px; padding: 7px 10px 16px 10px; box-shadow: 0 0 5px rgba(0,0,0,.26); }
.i_fixed_right ul li .h_wechat_nr:after { content: ""; position: absolute; top: 40%; right: -16px; display: block; border: 8px solid transparent; border-left-color: #fff; width: 0; height: 0; }

.i_f_right_icon1 span,
.i_f_right_icon3 span,
.i_f_right_icon4 span { display: block; }
.i_fixed_right ul li a { color: #fff; }

.h_wechat_nr { position: absolute; top: 30px; right: 0; z-index: 10; width: 120px; padding: 7px 10px 10px; background-color: #fff; color: #000; text-align: center; display: none; }
.h_wechat_img,.h_wechat_img img{ width: 120px; height: 120px; }