/*common use*/
*{margin:0;padding:0;font-family:Arial;}
ul{list-style-type:none;}
a{text-decoration:none;}
.cls{clear:both;}
table{border-collapse:collapse;border:none;}
img{border:0;}
input,textarea,select{outline:none;}
body{background:#fff;}
.clr_b{color:#033491;}
.clr_c{color:#ccc;}
.clr_6{color:#666;}
.clr_68{color:#686868;}
.clr_0{color:#000;}
.clr_3{color:#333;}
.clr_9{color:#999;}
.clr_8{color:#888;}
.clr_f{color:#fff;}
.clr_r{color:#e70012;}
.clr_5{color:#555;}
.clr_85{color:#858585;}
.clr_a{color:#aaa;}
.clr_ora{color:#fe951e;}
.clr_g{color:#44b035;}
.clr_g2{color:#24785b;}
.clr_y{color:#f5c415;}
.clr_c{color:#ccc;}
.clr_b2{color:#1d5ffb;}
.clr_80{color:#808080;}
.clr_huang{color: #ffa41c;}
.f_0{font-size: 0;}
.f_10{font-size: 10px;}
.f_12{font-size:12px;}
.f_13{font-size:13px;}
.f_14{font-size:14px;}
.f_15{font-size:15px;}
.f_16{font-size:16px;}
.f_18{font-size:18px;}
.f_20{font-size:20px;}
.f_22{font-size:22px;}
.f_24{font-size:24px;}
.f_25{font-size:25px;}
.f_26{font-size:26px;}
.f_30{font-size:30px;}
.f_32{font-size:32px;}
.f_28{font-size:28px;}
.f_33{font-size:33px;}
.f_34{font-size:34px;}
.f_36{font-size:36px;}
.f_40{font-size:40px;}
.f_46{font-size:46px;}
.f_48{font-size:48px;}
.light{font-weight: lighter;}
.f_50{font-size:50px;}
.f_55{font-size:55px;}
.f_60{font-size:60px;}
.f_65{font-size:65px;}
.f_wei{font-weight:bold;}
.f_norm{font-weight:normal;}
.f_lighter{font-weight:lighter;}
.f_yahei{font-family:Microsoft YaHei;}
.al_lt{text-align:left;}
.al_rt{text-align:right;}
.al_ct{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.ver_mid{vertical-align:middle;}
.ver_top{vertical-align:top;}
.ver_bot{vertical-align:bottom;}
.opa8{opacity:0.8;}
.opa8h:hover{opacity:0.8;}
.overh{overflow: hidden;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_25{margin-top:25px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_55{margin-top:55px;}
.mt_60{margin-top:60px;}
.mt_65{margin-top:65px;}
.mt_70{margin-top:70px;}
.mt_80{margin-top:80px;}
.mt_90{margin-top:90px;}
.mt_95{margin-top: 95px;}
.mt_100{margin-top:100px;}
.mt_110{margin-top:110px;}
.mt_120{margin-top:120px;}

.lh_18{line-height: 18px;}
.lh_20{line-height: 20px;}
.lh_22{line-height: 22px;}
.lh_24{line-height: 24px;}
.lh_25{line-height: 25px;}
.lh_26{line-height: 26px;}
.lh_28{line-height: 28px;}
.lh_30{line-height: 30px;}
.lh_32{line-height: 32px;}
.lh_34{line-height: 34px;}
.lh_36{line-height: 36px;}
.lh_40{line-height: 40px;}
.lh_50{line-height: 50px;}
.lh_60{line-height: 60px;}
.lh_44{line-height: 44px;}
.f_38{font-size: 38px;}
.trans{transition: all .3s;}
.dis_n{display:none;}
.dis_b{display:block;}
.dis_ib{display: inline-block;}
.pos_rela{position:relative;}
.pos_abso{position:absolute;}

.bg_f{background:#FFF;}
.bg_f3{background: #f3f3f3;}
.bg_b{background: #093ea6;}
.bg_b2{background: #1182c4;}
.bg_e{background: #eee;}
.bg_ea{background: #eaeaea;}
.bg_g{background: #2ac32a;}
.bg_0{background: #000;}
.bg_f2{background: #f2f2f2;}
.bg_f5{background: #f5f5f5;}
.bg_f7{background: #f7f7f7;}
.bg_f8{background: #f8f8f8;}
.bg_9{background: #999;}
.bg_r{background: #e70012;}
.bg_ora{background: #f05428;}
.bg_y{background: #ffda22;}
.bg_gray{background: #575e6b;}
.w_100p{width:100%;}

.ellipsis1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}

.ellipsis2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}

.ellipsis3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}
.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;overflow:hidden}




.gray_img { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.6;
}

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

.grad_blue{
	background: -webkit-linear-gradient(left ,#1e4a9f, #033491); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left ,#1e4a9f, #033491); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #1e4a9f, #033491); /* Firefox 3.6 - 15 */
	background: linear-gradient(left ,#1e4a9f, #033491); /* 标准的语法（必须放在最后） */
}


.grad_ora{
	background: -webkit-linear-gradient(left ,#f5c415, #f99625); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left ,#f5c415, #f99625 ); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left ,#f5c415, #f99625); /* Firefox 3.6 - 15 */
	background: linear-gradient(left ,#f5c415, #f99625); /* 标准的语法（必须放在最后） */
}

.flex1{flex:1;}
.dis_f{display:flex;}
.jus_bt{justify-content:space-between;}
.jus_ct{justify-content:center;}
.jus_evenly{justify-content:space-evenly;}
.jus_around{justify-content:space-around;}
.jus_end{justify-content:flex-end;}
.jus_start{justify-content:flex-start;}
.ali_ct{align-items: center;}
.ali_end{align-items: flex-end;}
.ali_start{align-items: flex-start;}
.ali_top{align-items: top;}
.flex_w{flex-wrap: wrap;}
.flex_col{flex-direction: column;}

.holder::-webkit-input-placeholder{
	color:#fff;
}
.holder::-moz-placeholder{
	color:#fff;
}
.holder:-moz-placeholder{
	color:#fff;
}
.holder:-ms-input-placeholder{
	color:#fff;
}

.holderb2::-webkit-input-placeholder{
	color:#b2b2b2;
}
.holderb2::-moz-placeholder{
	color:#b2b2b2;
}
.holderb2:-moz-placeholder{
	color:#b2b2b2;
}
.holderb2:-ms-input-placeholder{
	color:#b2b2b2;
}

.rote180{ transform:rotate(180deg)}
.rote90{ transform:rotate(90deg)}
.pad_5{padding:5px;}
.padt_5{padding:5px 0;}
.padl_5{padding:0 5px;}

.pad_10{padding:10px;}
.padt_10{padding:10px 0;}
.padl_10{padding:0 10px;}

.pad_15{padding:15px;}
.padt_15{padding:15px 0;}
.padl_15{padding:0 15px;}

.pad_20{padding:20px;}
.padt_20{padding:20px 0;}
.padl_20{padding:0 20px;}

.pad_25{padding:25px;}
.padt_25{padding:25px 0;}
.padl_25{padding:0 25px;}

.pad_30{padding:30px;}
.padt_30{padding:30px 0;}
.padl_30{padding:0 30px;}

.pad_40{padding:40px;}
.padt_40{padding:40px 0;}
.padl_40{padding:0 40px;}

.pad_510{padding:5px 10px;}
.pad_815{padding:8px 15px;}
.pad_1020{padding:10px 20px;}
.pad_1540{padding:15px 40px;}

.pad_3020{padding:30px 20px;}
.pad_2030{padding:20px 30px;}

.rad20{border-radius: 20px;}
.rad10{border-radius: 10px;}
.rad5{border-radius: 5px;}
.rad50p{border-radius: 50%;}

.ml_10{margin-left: 10px;}
.mr_10{margin-right: 10px;}

.ml_15{margin-left: 15px;}
.mr_15{margin-right: 15px;}

.ml_20{margin-left: 20px;}
.mr_20{margin-right: 20px;}

.ml_25{margin-left: 25px;}
.mr_25{margin-right: 25px;}

.ml_30{margin-left: 30px;}
.mr_30{margin-right: 30px;}

.ml_40{margin-left: 40px;}
.mr_40{margin-right: 40px;}

.ml_5{margin-left: 5px;}
.mr_5{margin-left: 5px;}

.ml_50{margin-left:50px;}
.mr_50{margin-right:50px;}

.ml_60{margin-left: 60px;}
.mr_60{margin-right: 60px;}

.ml_70{margin-left: 70px;}
.mr_70{margin-right: 70px;}
.indent2{text-indent: 2em;}

.m_auto{min-width: 1200px;width:1200px;margin:0 auto;}
.min_w{min-width: 1200px;}
.borderbot1{border-bottom: 1px solid #eee;}
.bordertop1{border-top: 1px solid #eee;}
.border1{border:1px solid #eee;}
.border1f{border:1px solid #fff;}
.border0{border:0;}
.borderr{border:1px solid #bfbfbf;}
.shadow{box-shadow: 0 0 10px #eee;}
.pointer{cursor: pointer;}

.box_sizing{box-sizing: border-box;}





@font-face{
  font-family:'f_fat';
  src:url('AbrilFatface-Regular.ttf');
}

.f_fat{font-family: 'f_fat';}


@font-face{
	font-family:'f_open';
	src:url('OpenSans-Regular.ttf');
}

.f_open{font-family: 'f_open';}


@font-face{
	font-family:'f_popb';
	src:url('Poppins-Black.ttf');
}

.f_popb{font-family: 'f_popb';}


.mask_bann{position: absolute;top:0;left:0;z-index: 9999;height: 133px;width: 100%;background: url('../images/bann_mask.png') repeat-x;}

.mask_bann2{position: fixed;top:0;left:0;z-index: 9999;height: 100px;width: 100%;background:#fff;}

.case_box{background: url(../images/quan_hui.png) no-repeat;height: 700px;}

.blue_right{position: absolute;top:8px;right:-20px;}
.case_ul{padding:0 10px;background: #033491;}
.case_ul li{height: 60px;line-height: 60px;border-bottom: 1px solid #3e65b0; transition: all .3s;cursor: pointer;position: relative;}
.case_cur{font-size: 30px;color: #fff;transition: all .3s;}

.clr_lan{color:#95b6f5;}

.adv1{background: url(../images/adv.jpg) no-repeat center; height: 227px;}

.quan_box{background: url(../images/quan_lan.png) no-repeat center 30px;}

.news_ul li {padding:10px;border-right: 1px solid #e8e8e8;}
.news_ul li img{padding:10px;background: #fff;}
.news_ul li>div{padding:10px 5px;}

.btn_yel_more{background: url(../images/btn_yellow.png) no-repeat;width:155px;height: 77px;text-align: center;line-height: 77px;}
.footer{background: url(../images/footer.jpg) no-repeat center;height: 430px;}

.benan_no{background: #242424;height: 72px;line-height: 72px;text-align: center;color: #7e7e7e;}

.prod_left{width:243px;}

.prod_cate dt{height: 45px;line-height: 45px;background: #e8e8e8; font-size: 16px;margin-top:1px;}
.prod_cate dd{height: 42px;line-height: 42px;border-bottom: 1px solid #e8e8e8;font-size: 15px;text-indent: 40px;display: none;}
.prod_cate dd:hover{background: #f59415;color: #fff;}

.prod_right{width:935px;}

.bg_zi{background: #f9f9ff;}

.pager a{border:1px solid #ddd;padding:8px 18px;line-height:40px;font-size:16px;color:#ddd;margin-right:5px;transition:all .3s;color: #333;}
.pager a:hover{background:#fff;color:#f87523;transition:all .3s;}
.pager span{border:1px solid #ddd;padding:8px 18px;background:#fff;line-height:40px;font-size:16px;color:#f87523;margin-right:5px;}
.clr_b5{color: #b5b5b5;}
.cat_ul ul{margin-left:30px;}
.cat_ul div{cursor: pointer;}

.choose_cur{background:#0075ff;color:#fff;font-size:14px;height:25px;line-height:25px;
		text-align:center;border-radius:5px;display:inline-block;padding:0 10px;}
.choose_norm{color:#999;font-size:14px;height:25px;line-height:25px;
		text-align:center;border-radius:5px;display:inline-block;padding:0 10px;}

.clr_b{color: #033491;}
.xx_norm{background: #e8e8e8;border-radius: 5px;padding:5px 10px;display: inline-block;color:#666;}
.xx_cur{background: #008afb;border-radius: 5px;padding:5px 10px;display: inline-block;color:#fff;}
.rad_5{border-radius: 5px;}
.bg_ora{background: #ff8a00;}

.tbl_list td,th{border:1px solid #eee;padding:10px;text-align: left;}

.mask_bg{background: rgba(0,0,0,0.5);position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}


.hover_img img:hover{transform: scale(1.1);transition:all .3s;}

.list_box a{margin-right:22px;}

.nav_ul li{padding:15px 15px;}
.nav_ul li a:hover{color: #f87523;transition: all .3s;}
.footer_text a:hover{color: #fff;transition: all .3s;}


.xuanzhong_norm{background: #22242e;color: #fff;}
.xuanzhong_cur{background: #f87523;color: #fff;}