﻿a{color:inherit;}
a:hover { color:#ea5613;}
.wrap { width:1400px; margin-right:auto; margin-left:auto;}
/* 网站样式 */
/* 公共按钮 */
.common-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; background:#ea5613; transition:all 0.5s ease; position:relative;}
.common-btn span{display:inline-block; color:#fff;}
.common-btn span.icon{width:8px; height:12px; background:url(../images/btn_white.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;}
.common-btn:hover{background:#be4e1b;}
.common-btn:hover span.icon{right:32px}

/* 公共按钮带边框 */
.common-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; background:#ea5613; transition:all 0.5s ease; position:relative;}
.common-btn span{display:inline-block; color:#fff;}
.common-btn span.icon{width:8px; height:12px; background:url(../images/btn_white.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;}
.common-btn:hover{background:#be4e1b;}
.common-btn:hover span.icon{right:32px}

.common-border-btn{display:inline-block; height:55px; line-height:55px; font-size:15px; padding:0 70px 0 40px; border:1px solid #e1e0e1; border-radius:50px; transition:all 0.5s ease; position:relative;}
.common-border-btn span{display:inline-block; color:#000;}
.common-border-btn span.icon{width:8px; height:12px; background:url(../images/btn_black.png) no-repeat center; transition:all 0.5s ease; position:absolute; top:50%; margin-top:-6px; right:37px;}
.common-border-btn:hover{background:#ea5613; border-color:#ea5613;}
.common-border-btn:hover span{color:#fff;}
.common-border-btn:hover span.icon{right:32px; background:url(../images/btn_white.png) no-repeat center;}

/* 无边框按钮 */
.noborder-btn{display:inline-block; height:35px; line-height:35px; font-size:15px; padding-right:40px; transition:all 0.5s ease; position:relative; color:#fff;}
.noborder-btn .icon{display:inline-block; transition:all 0.5s ease; position:absolute; top:2px; font-size:18px; margin:0; right:10px;}
.noborder-btn:hover{color:#ea5613;}
.noborder-btn:hover .icon{right:5px; color:#ea5613}

/* 头部 */
.header{position:fixed; left:0; top:0; width:100%; z-index:99; border-bottom:1px solid #fff; transition:all 0.5s ease; border-color:rgba(255,255,255,.24);}
.header .logo{padding:35px 0; transition:.5s ease;}
.header .logo a{display:block; font-size:0;}
.header .h_tools{padding:44px 0; transition:.5s ease;}
.header .h_tools .h_sear{margin-left:27px; cursor:pointer;}
.header .h_tools .h_sear .icon{width:20px; height:20px; background:url(../images/h_sear.png) no-repeat;}
.header .h_tools .h_sear .icon:hover{background-position:0 -20px;}
.header .h_tools .h_lan{margin-left:40px;}
.header .h_tools .h_lan .icon{width:20px; height:20px; background:url(../images/h_lan.png) no-repeat;}
.header .h_tools .h_lan .icon:hover{background-position:0 -20px;}
.header .h_tools .h_me{height:20px; position:relative; margin-left:30px;}
.header .h_tools .h_me span{display:inline-block; font-size:15px; line-height:20px; color:#fff;}
.header .h_tools .h_me span.icon{width:12px; height:8px; background:url(../images/h_me.png) no-repeat; margin-left:10px;}


/* 搜索下拉 */
.search-alert{position:fixed; left:0; top:-100%; width:100%; height:100%; background:#fff; z-index:98; transition:all 0.5s ease}
.search-alert .close{border-left: 1px solid #E1E0E1; padding:44px; float:right;}
.search-alert .close_icon{display:block; width:20px; height:20px; background:url(../images/search_close.png) no-repeat center;  cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;}
.search-alert .close .close_icon:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.search-alert .cent-form {padding:19px 0; height:70px; line-height:70px; float:left; width:86%;}
.search-alert .cent-form form{position:relative; padding-left:50px;}
.search-alert .cent-form form .icon{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/ico2_2.png) no-repeat;}
.search-alert .cent-form form .inp {border:none; font-size:15px; height:70px; line-height:70px; text-align:left; width:80%; box-sizing:border-box; background:none; padding:0}
.search-alert .cent-form form .btns {border:none; width:120px; background:none; text-align:center; padding:10px 20px; margin:0; font-size:15px; color:#aaa; border-radius:50px; border:1px solid#aaa; cursor:pointer; outline:none; transition:all 0.5s ease;}
.search-alert .cent-form form .btns:hover{background:#ea5613; color:#fff; border-color:#ea5613;}
.search-alert.active{top:0;}

/* 我是下拉 */
.header .h_tools .h_me{position:relative;}
.header .h_tools .h_me .me_down{position:absolute; left:50%; margin-left:-50px; top:100%; margin-top:5px; width:100px; border:1px solid #e5e5e5; text-align:center; display:none; background:#fff;}
.header .h_tools .h_me .me_down ul{padding:5px 0;}
.header .h_tools .h_me .me_down li a{font-size:14px; line-height:30px; color:#666;}
.header .h_tools .h_me .me_down li a:hover{color:#ea5613;}
/* PC导航 */
.header .inav_wrapper{border-right:1px solid #fff; border-color:rgba(255,255,255,.4); padding-right:13px;}
.header .inav_wrapper .nav_li{font-size:15px; line-height:36px; padding:36px 26px; float:left; color:#fff; transition:padding .5s ease;}

/* 导航下拉 */
.header .inav .nav_li .dropdown{display:none; overflow:hidden; position:absolute; z-index:1; width:100%; top:100%; left:0; background:url(../images/nav.jpg) no-repeat center;}
.header .dropdown .left{float:left; width:24.5%; padding-top:45px; min-height:400px;}
.header .dropdown .left ul{position:relative; padding-bottom:30px;}
.header .dropdown .left ul:after{content:''; position:absolute; bottom:0; width:90%; left:0; height:1px; background:#c7c7c9;}
.header .dropdown .left ul li{font-size:15px; color:#000; line-height:45px; padding-left:50px;}
.header .dropdown .left ul li:hover{background:#fff;}
.header .dropdown .left ul li.cur{background:#fff;}
.header .dropdown .left ul li a{display: block;}
.header .dropdown .left dl{padding:25px 0 20px;}
.header .dropdown .left dl dt{font-size:17px; color:#000;  padding-left:50px; line-height:30px;}
.header .dropdown .left dl dd{font-size:14px; color:#000; line-height:30px; padding-left:50px;}
.header .dropdown .right{float:right; width:75%; padding-top:45px;}
.header .dropdown .right .infor{float:left; width:57%; position:relative; z-index:1;}
.header .dropdown .right .infor .box{padding-left:60px;}
.header .dropdown .right .infor .tit{font-size:25px; color:#000; line-height:50px;}
.header .dropdown .right .infor .con{font-size:15px; color:#000; line-height:30px; margin:13px 0 45px;}
.header .dropdown .right .img{position:absolute; right:0; bottom:0;}
/* 产品下拉 */
.header .pro_li .dropdown .right .content{display:none; width:50%; float:left; position:relative; z-index:1; min-height:223px;}
.header .about_li .dropdown .right .content,.header .fangan_li .dropdown .right .content,.header .fuwu_li .dropdown .right .content,.header .news_li .dropdown .right .content,.header .contact_li .dropdown .right .content{display:none;}
.header .pro_li .dropdown .right .content:first-child,.header .about_li .dropdown .right .content:first-child,.header .fangan_li .dropdown .right .content:first-child,.header .fuwu_li .dropdown .right .content:first-child,
.header .news_li .dropdown .right .content:first-child,.header .contact_li .dropdown .right .content:first-child{display:block;}
.header .pro_li .dropdown .right .content>div{width: 50%;float: left;}
.header .pro_li .dropdown .right .content>div .box{padding-left:50px;}
.header .pro_li .dropdown .right .content>div .box a{display:block;}
.header .pro_li .dropdown .right .content .t{font-size:16px; color:#000; line-height:30px; margin-bottom:10px; transition:.3s ease; }
.header .pro_li .dropdown .right .content>div:hover .t{color:#ea5613;}
.header .pro_li .dropdown .right .content .t .iconfont{opacity:0; visibility:hidden; transition:.3s ease;}
.header .pro_li .dropdown .right .content>div:hover .t .iconfont{opacity:1; visibility:visible;}
.header .pro_li .dropdown .right .content .c{font-size:13px; color:#000; line-height:30px; }
.vr-f-vr{background: url(./images/vrfix.png) center no-repeat;
    margin-bottom: 10px;
    border-bottom: 0px !important;
    background-size: contain;
    width: auto;position: fixed;top: 49%;right: 5px;margin-top: -120px;z-index: 9999;width: 100px;height: 100px;}
.vr-f-vr a{display: inline-block;
    width: 65px;
    text-align: center;
    text-decoration: none;
    outline: 0;
    vertical-align: middle;
    font-size: 10px;
    line-height: 999;
    padding-top: 4px;cursor: pointer;}
	
	
.header  a.vrtopbg {
	display: block;
	padding-top: 10px;
    padding-bottom: 4px;
	line-height: 24px;
    background: url(./images/vrtop.webp) 15px center no-repeat;
    background-size: 20px;
    padding-left: 40px;
	font-size: 14px;
	font-weight: bold;
	margin-left: 18px;
    color: #ff3d2f;
}


.pro_detail .proindex .pro_center02{margin-top:65px;}
.pro_center02 .infor,.pro_list .infor{text-align:center;}
.pro_center02 .infor .title,.pro_list .infor .title{font-size:34px;  color:#000;}
.pro_center02 .infor .form_box{width:45%; margin:30px auto 0; border-radius:50px;border:1px solid #d5d5d5; height:45px; line-height:45px; padding:0 1%; position:relative;}
.pro_center02 .infor .form_box input{width:90%; line-height:45px; border:none; padding:0; margin:0; background:transparent; float:left; text-indent:5px; height:45px;}
.pro_center02 .infor .form_box button{width:34px; height:34px; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
/*:root .pro_center02 .infor .form_box button i{vertical-align:middle;}*/
.pro_center02 .infor .form_box button i{margin:0; font-size:20px; color:#fff; height:22px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-11px;}
.pro_center02 .infor .form_box:hover button{background:#ed6d00;}
.pro_center02 .infor .infor_link{text-align:center; padding:40px 0px;}
.pro_center02 .infor .infor_link a{display:inline-block; position:relative; font-size:15px; color:#000; line-height:32px; padding:6px 23px;}
.pro_center02 .infor .infor_link a:after{content:''; width:1px; height:14px; background:#ffc700; position:absolute; left:0; top:50%; margin-top:-7px;}
.pro_center02 .infor .infor_link a:first-child:after{display:none;}
.pro_center02 .infor .infor_link a:hover{color:#929292;}
.prolist_box{padding-top:65px;}
.prolist_tit{border-bottom: 1px solid #858585;padding-bottom: 23px;}
.prolist_box,.prolist_tit{overflow: hidden;}

.fuwu_pinpai .prolist_tit .tit_l .tit,.fuwu_pinpai .infor_txt{color:#fff;}

.fuwu_pinpai{background:url(./images/fuwu_hz_bg.jpg) center no-repeat;padding:55px 0px;}
.prolist_tit .tit_l .tit{line-height:52px;font-size:34px;padding-right:15px;}
.prolist_tit .tit_l p{line-height:52px;}
.prolist_tit  .tit_r a,.prolist_box .prolist_tit  .tit_l a{display:inline-block;cursor: pointer;}
.prolist_tit  .tit_r {padding-top: 25px;}
.prolist_tit  .tit_r a images:first-child{    margin-top: -10px;margin-right:15px;}
.infor_txt{line-height: 35px;   padding: 20px 0px 45px;}



.prolist_box .ul-list{margin-left: -3%;    margin-top: -35px;}
.prolist_box .ul-list li{float: left;width: 30.333%;position: relative;transition: all .3s ease-out; margin-left: 3%;margin-top:40px;}
.prolist_box .ul-list li:after{background: url(./images/case_jt.png) no-repeat;width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:35px;}
.prolist_box .ul-list li:hover:after{background: url(./images/case_jt2.png) no-repeat;width: 27px;height: 15px;content:"";display: block;position: absolute;right:20px;bottom:35px;}
.prolist_box .ul-list li:hover{box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);transform: translate(0,-3px);}
.prolist_box .ul-list li .xq{background: #fff;padding:22px 0 22px 13px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.prolist_box .xq h3 a{font-size: 20px;color:#333;font-weight: bold;margin-bottom: 15px;display: block;}
.prolist_box .ul-list li:hover .xq h3 a{color:#ea5613;}
.prolist_box .xq p{font-size: 14px;color:#000;margin-top: 5px;}
.prolist_box .xq p i{color:#ea5613;}
.prolist_box .xq p images{margin-right:5px;}
.prolist_box .ul-list li a{overflow: hidden;display: block;}
.prolist_box .ul-list a images{width:100%;-moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.prolist_box .ul-list li:hover a images{-moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.pro_fuwu{padding: 65px 0px;}
.pro_fuwu .infor .infor_link{padding-top:20px;}
.pro_fuwu .content ul {overflow:hidden;padding-top:45px;}
.pro_fuwu .content ul li{width:25%;float:left;background: #eee;text-align:center;border-right: 1px solid #fff;    padding: 25px;cursor:pointer;}
.pro_fuwu .content ul li .pro_fuwu_images{height: 64px;    width: 61px; margin: 0px auto;background: url(./images/pro_fuwu.png);}
.pro_fuwu .content ul li p{ padding-top:10px;}
.pro_fuwu .content ul li:nth-child(1) .pro_fuwu_images{background-position: 0px 64px;}
.pro_fuwu .content ul li:nth-child(2) .pro_fuwu_images{background-position:62px 64px;}
.pro_fuwu .content ul li:nth-child(3) .pro_fuwu_images{background-position:122px 64px;}
.pro_fuwu .content ul li:nth-child(4) .pro_fuwu_images{background-position:182px 64px;}
.pro_fuwu .content ul li.cur .pro_fuwu_images{background-position-y:0px;}
.pro_fuwu .content ul li.cur{background:#f66c2e;}
.pro_fuwu .content ul li.cur p{color:#fff;}

/* 头部触控及吸顶 */
.header:hover{background:#fff;}
.header:hover .inav_wrapper .nav_li{color:#000;}
.header:hover .h_tools .h_lan .icon{background-position:0 -20px;}
.header:hover .h_tools .h_sear .icon{background-position:0 -20px;}
.header:hover .h_tools .h_me span{color:#000;}
.header:hover .h_tools .h_me span.icon{background-position:0 -8px;}
.header.fixed{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.header.fixed .inav_wrapper .nav_li{color:#000;}
.header.fixed .h_tools .h_lan .icon{background-position:0 -20px;}
.header.fixed .h_tools .h_sear .icon{background-position:0 -20px;}
.header.fixed .h_tools .h_me span{color:#000;}
.header.fixed .h_tools .h_me span.icon{background-position:0 -8px;}


header .header.headscx{position:relative;}


.header.fixed .logo{padding:19px 0;}
.header.fixed .h_tools{padding:24px 0;}
.header.fixed .inav_wrapper .nav_li{padding:16px 24px;}


.header.fix{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.header.fix .inav_wrapper .nav_li{color:#000;}
.header.fix .h_tools .h_lan .icon{background-position:0 -20px;}
.header.fix .h_tools .h_sear .icon{background-position:0 -20px;}
.header.fix .h_tools .h_me span{color:#000;}
.header.fix .h_tools .h_me span.icon{background-position:0 -8px;}


.header.fix .logo{padding:19px 0;}
.header.fix .h_tools{padding:24px 0;}
.header.fix .inav_wrapper .nav_li{padding:16px 24px;}



.h_lan > a {color: #ed6d00;}
.h_lan .lan_down {width: 130px;position: absolute;margin-left: -50px;top: 50%;display: none;z-index: 3;padding: 5px 0;background: #E6E8EA;background: rgba(230,232,234,0.8);}
.h_lan .lan_down ul > li {margin: 5px 0;padding: 0;float: none;}
.h_lan .lan_down ul > li a {display: block;padding: 5px 10px;color: #666;}
.h_lan .lan_down ul > li a images {margin-right: 10px;vertical-align: middle;}
.h_lan .lan_down ul > li a span {display: inline-block;font-size: 15px;vertical-align: middle;}

/*
* name: ui.css
* version: v1.1.14
* update: 表格从1240px起进入响应模式
* date: 2017-05-23
*/

/* reset */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

/*字体字号*/
.fz14{font-size:14px}.fz15{font-size:15px}.fz16{font-size:16px}.fz17{font-size:17px}.fz18{font-size:18px}.fz19{font-size:19px}.fz20{font-size:20px}.fz21{font-size:21px}.fz22{font-size:22px}.fz23{font-size:23px}.fz24{font-size:24px}.fz25{font-size:25px}.fz26{font-size:26px}.fz27{font-size:27px}.fz28{font-size:28px}.fz29{font-size:29px}.fz30{font-size:30px}.fz31{font-size:31px}.fz32{font-size:32px}.fz33{font-size:33px}.fz34{font-size:34px}.fz35{font-size:35px}.fz36{font-size:36px}.fz37{font-size:37px}.fz38{font-size:38px}.fz39{font-size:39px}.fz40{font-size:40px}.fz41{font-size:41px}.fz42{font-size:42px}.fz43{font-size:43px}.fz44{font-size:44px}.fz45{font-size:45px}.fz46{font-size:46px}.fz47{font-size:47px}.fz48{font-size:48px}.fz49{font-size:49px}.fz50{font-size:50px}

/*动效*/
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/* table */
.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.datalist caption { padding-bottom:5px;}
.datalist th {font-weight:700; padding:5px 15px; border:1px solid #ccc; background:#eee;}
.datalist td {padding:5px 15px; border:1px solid #ccc;}
.datalist tr.altrow { background:#ccc;}

.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td { line-height: 1.42857143; padding: 8px; vertical-align: inherit; border-top: 1px solid #ddd;}
.table >thead >tr >th { vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table >caption +thead >tr:first-child >th, .table >colgroup +thead >tr:first-child >th, .table >thead:first-child >tr:first-child >th, .table >caption +thead >tr:first-child >td, .table >colgroup +thead >tr:first-child >td, .table >thead:first-child >tr:first-child >td { border-top: 0;}
.table >tbody +tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed >thead >tr >th, .table-condensed >tbody >tr >th, .table-condensed >tfoot >tr >th, .table-condensed >thead >tr >td, .table-condensed >tbody >tr >td, .table-condensed >tfoot >tr >td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >tbody >tr >th, .table-bordered >tfoot >tr >th, .table-bordered >thead >tr >td, .table-bordered >tbody >tr >td, .table-bordered >tfoot >tr >td { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >thead >tr >td { border-bottom-width: 2px;}
.table-striped >tbody >tr:nth-of-type(odd) { background-color: #f9f9f9;}
.table-hover >tbody >tr:hover { background-color: #f5f5f5;}
table col[class*='col-'] { position: static; display: table-column; float: none;}
table td[class*='col-'], table th[class*='col-'] { position: static; display: table-cell; float: none;}
.table >thead >tr >td.active, .table >tbody >tr >td.active, .table >tfoot >tr >td.active, .table >thead >tr >th.active, .table >tbody >tr >th.active, .table >tfoot >tr >th.active, .table >thead >tr.active >td, .table >tbody >tr.active >td, .table >tfoot >tr.active >td, .table >thead >tr.active >th, .table >tbody >tr.active >th, .table >tfoot >tr.active >th { background-color: #f5f5f5;}
.table-hover >tbody >tr >td.active:hover, .table-hover >tbody >tr >th.active:hover, .table-hover >tbody >tr.active:hover >td, .table-hover >tbody >tr:hover >.active, .table-hover >tbody >tr.active:hover >th { background-color: #e8e8e8;}
.table >thead >tr >td.success, .table >tbody >tr >td.success, .table >tfoot >tr >td.success, .table >thead >tr >th.success, .table >tbody >tr >th.success, .table >tfoot >tr >th.success, .table >thead >tr.success >td, .table >tbody >tr.success >td, .table >tfoot >tr.success >td, .table >thead >tr.success >th, .table >tbody >tr.success >th, .table >tfoot >tr.success >th { background-color: #dff0d8;}
.table-hover >tbody >tr >td.success:hover, .table-hover >tbody >tr >th.success:hover, .table-hover >tbody >tr.success:hover >td, .table-hover >tbody >tr:hover >.success, .table-hover >tbody >tr.success:hover >th { background-color: #d0e9c6;}
.table >thead >tr >td.info, .table >tbody >tr >td.info, .table >tfoot >tr >td.info, .table >thead >tr >th.info, .table >tbody >tr >th.info, .table >tfoot >tr >th.info, .table >thead >tr.info >td, .table >tbody >tr.info >td, .table >tfoot >tr.info >td, .table >thead >tr.info >th, .table >tbody >tr.info >th, .table >tfoot >tr.info >th { background-color: #d9edf7;}
.table-hover >tbody >tr >td.info:hover, .table-hover >tbody >tr >th.info:hover, .table-hover >tbody >tr.info:hover >td, .table-hover >tbody >tr:hover >.info, .table-hover >tbody >tr.info:hover >th { background-color: #c4e3f3;}
.table >thead >tr >td.warning, .table >tbody >tr >td.warning, .table >tfoot >tr >td.warning, .table >thead >tr >th.warning, .table >tbody >tr >th.warning, .table >tfoot >tr >th.warning, .table >thead >tr.warning >td, .table >tbody >tr.warning >td, .table >tfoot >tr.warning >td, .table >thead >tr.warning >th, .table >tbody >tr.warning >th, .table >tfoot >tr.warning >th { background-color: #fcf8e3;}
.table-hover >tbody >tr >td.warning:hover, .table-hover >tbody >tr >th.warning:hover, .table-hover >tbody >tr.warning:hover >td, .table-hover >tbody >tr:hover >.warning, .table-hover >tbody >tr.warning:hover >th { background-color: #faf2cc;}
.table >thead >tr >td.danger, .table >tbody >tr >td.danger, .table >tfoot >tr >td.danger, .table >thead >tr >th.danger, .table >tbody >tr >th.danger, .table >tfoot >tr >th.danger, .table >thead >tr.danger >td, .table >tbody >tr.danger >td, .table >tfoot >tr.danger >td, .table >thead >tr.danger >th, .table >tbody >tr.danger >th, .table >tfoot >tr.danger >th { background-color: #f2dede;}
.table-hover >tbody >tr >td.danger:hover, .table-hover >tbody >tr >th.danger:hover, .table-hover >tbody >tr.danger:hover >td, .table-hover >tbody >tr:hover >.danger, .table-hover >tbody >tr.danger:hover >th { background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 1240px) { 
    .table-responsive {overflow-y: hidden;  width: 100%; margin-bottom: 15px; border: 1px solid #ddd;-ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive >.table { margin-bottom: 0;}
    .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td { white-space: nowrap;}
    .table-responsive >.table-bordered { border: 0;}
    .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child { border-left: 0;}
    .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child { border-right: 0;}
    .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td { border-bottom: 0;}
}

/* btn */
.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0; padding: 4px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none;}
.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333;}
.btn:active, .btn.active { outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65);}
.btn-default { color: #333; border-color: #ccc; background-color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default { color: #333; border-color: #adadad; background-color: #e6e6e6;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff;}
.btn-primary { color: #fff; border-color: #2e6da4; background-color: #337ab7;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary { color: #fff; border-color: #204d74; background-color: #286090;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #2e6da4; background-color: #337ab7;}
.btn-success { color: #fff; border-color: #4cae4c; background-color: #5cb85c;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open >.dropdown-toggle.btn-success { color: #fff; border-color: #398439; background-color: #449d44;}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #4cae4c; background-color: #5cb85c;}
.btn-info { color: #fff; border-color: #46b8da; background-color: #5bc0de;}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open >.dropdown-toggle.btn-info { color: #fff; border-color: #269abc; background-color: #31b0d5;}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: #46b8da; background-color: #5bc0de;}
.btn-warning { color: #fff; border-color: #eea236; background-color: #f0ad4e;}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open >.dropdown-toggle.btn-warning { color: #fff; border-color: #d58512; background-color: #ec971f;}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: #eea236; background-color: #f0ad4e;}
.btn-danger { color: #fff; border-color: #d43f3a; background-color: #d9534f;}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open >.dropdown-toggle.btn-danger { color: #fff; border-color: #ac2925; background-color: #c9302c;}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: #d43f3a; background-color: #d9534f;}
.btn-link { font-weight: normal; color: #337ab7; border-radius: 0;}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent;}
.btn-link:hover, .btn-link:focus { text-decoration: underline; color: #23527c; background-color: transparent;}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: #777;}
.btn-lg { font-size: 18px; height: 46px;line-height: 46px; padding: 0 16px; *height: 48px;}
.btn-sm { font-size: 12px; height:28px;line-height: 24px; padding: 0 10px; }
.btn-xs { font-size: 12px; height:22px;line-height: 22px; padding: 0 5px;}
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block +.btn-block { margin-top: 5px;}
.btn .jon, .form-mark .jon { line-height: 1.2; margin: 0; vertical-align: baseline;}
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%;}

/* form */
.form-control { line-height: 34px; height: 34px; padding: 0 10px; display: block; width: 100%; 
  -webkit-transition: border-color ease-in-out 0.1s; box-sizing:border-box;vertical-align: middle;
  transition: border-color ease-in-out 0.1s; color: #555; border: 1px solid #ccc; 
  background: #fff; *padding: 0;}
.form-control::-moz-placeholder { opacity: 1; color: #999;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control.blank { border-width: 0 0 1px 0;background:none;}
.form-control.blank:focus{box-shadow: none;border-radius: 0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: #eee;}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}
textarea.form-control { height: auto;}
select.form-control{padding:0 8px;}
input[type='search'] { -webkit-appearance: none;}

.form-group { margin-bottom: 14px;}
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label { font-weight: normal; min-height: 20px; margin-bottom: 0; padding-left: 20px; cursor: pointer;}
.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { 
  float: left; margin-left: -20px;margin-top: 5px; *margin-top: -2px;}
.radio +.radio, .checkbox +.checkbox { margin-top: -5px;}
.radio-inline, .checkbox-inline { font-weight: normal; position: relative; display: inline-block; margin-bottom: 0; padding-left: 20px; cursor: pointer; vertical-align: middle;}
.radio-inline +.radio-inline, .checkbox-inline +.checkbox-inline { margin-top: 0; margin-left: 10px;}
input[type='radio'][disabled], input[type='checkbox'][disabled], input[type='radio'].disabled, input[type='checkbox'].disabled, fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'] { cursor: not-allowed;}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed;}
.form-control-static { height: 34px;line-height: 34px;}
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0;}
.input-sm { font-size: 12px; height: 28px; line-height: 28px; }
select.input-sm { padding:0 .5em;}
textarea.input-sm, select[multiple].input-sm { height: auto;}
.form-group-sm .form-control { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px;}
select.form-group-sm .form-control { line-height: 30px; height: 30px;}
textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto;}
.form-group-sm .form-control-static { font-size: 12px; line-height: 1.5; height: 30px; min-height: 32px; padding: 5px 10px;}
.input-lg { font-size: 18px; line-height: 46px; height: 46px; }
select.input-lg { line-height: 46px; height: 46px;}
textarea.input-lg, select[multiple].input-lg { height: auto;}
.form-group-lg .form-control { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.form-group-lg .form-control { line-height: 46px; height: 46px;}
textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto;}
.form-group-lg .form-control-static { font-size: 18px; line-height: 1.3333333; height: 46px; min-height: 38px; padding: 10px 16px;}
.has-feedback { position: relative;}
.has-feedback .form-control { padding-right: 42.5px; *padding-right: 0;}
.control-label { font-weight: bold;}
.form-control-feedback { line-height: 34px; position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 34px; height: 34px; text-align: center; pointer-events: none;}
.input-lg +.form-control-feedback { line-height: 46px; width: 46px; height: 46px;}
.input-sm +.form-control-feedback { line-height: 30px; width: 30px; height: 30px;}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d;}
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8;}
.has-success .form-control-feedback { color: #3c763d;}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b;}
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3;}
.has-warning .form-control-feedback { color: #8a6d3b;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #d33835;}
.has-error .form-control { border-color: #d33835; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.has-error .input-group-addon { color: #d33835; border-color: #d33835; background-color: #f2dede;}
.has-error .form-control-feedback { color: #d33835;}
.has-feedback label ~.form-control-feedback { top: 25px;}
.has-feedback label.sr-only ~.form-control-feedback { top: 0;}
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;}
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle;}
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle;}
.form-inline .form-control-static { display: inline-block;}
.form-inline .input-group { display: inline-table; vertical-align: middle;}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto;}
.form-inline .input-group >.form-control { width: 100%;}
.form-inline .control-label { margin-bottom: 0; vertical-align: middle;}
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0;}
.form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { position: relative; margin-left: 0;}
.form-inline .has-feedback .form-control-feedback { top: 0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 0.4em;}
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px;}
.form-horizontal .control-label { margin-bottom: 0; height: 34px;line-height: 34px;overflow: hidden; text-align: right;}
.form-horizontal .has-feedback .form-control-feedback { right: 15px;}
.form-horizontal .form-group-lg .control-label { padding-top: 14.333333px;}
.form-horizontal .form-group-sm .control-label { padding-top: 6px;}
.form-mark { display: inline-block; margin: 0 0.3em;}
big.form-mark { font-size: 1.5em;}
.input-group { position: relative; overflow: hidden; border-collapse: separate;*zoom:1;}
.input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0;}
.input-group .form-control { position: relative; z-index: 2; margin-bottom: 0;width: auto;}
.input-group-lg >.form-control, .input-group-lg >.input-group-addon, .input-group-lg >.input-group-btn >.btn { font-size: 18px; line-height: 1.3333333; height: 46px; padding: 10px 16px; }
select.input-group-lg >.form-control, select.input-group-lg >.input-group-addon, select.input-group-lg >.input-group-btn >.btn { line-height: 46px; height: 46px;}
textarea.input-group-lg >.form-control, textarea.input-group-lg >.input-group-addon, textarea.input-group-lg >.input-group-btn >.btn, select[multiple].input-group-lg >.form-control, select[multiple].input-group-lg >.input-group-addon, select[multiple].input-group-lg >.input-group-btn >.btn { height: auto;}
.input-group-sm >.form-control, .input-group-sm >.input-group-addon, .input-group-sm >.input-group-btn >.btn { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; }
select.input-group-sm >.form-control, select.input-group-sm >.input-group-addon, select.input-group-sm >.input-group-btn >.btn { line-height: 30px; height: 30px;}
textarea.input-group-sm >.form-control, textarea.input-group-sm >.input-group-addon, textarea.input-group-sm >.input-group-btn >.btn, select[multiple].input-group-sm >.form-control, select[multiple].input-group-sm >.input-group-addon, select[multiple].input-group-sm >.input-group-btn >.btn { height: auto;}
.input-group-addon, .input-group-btn, .input-group .form-control { float: left;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;}
.input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap;}
.input-group-addon { font-size: 14px; font-weight: normal;padding: 0 1em; text-align: center; 
  color: #555; border: 1px solid #ccc; border-left-width: 0;border-right-width:0; 
  background-color: #eee;height: 32px;line-height: 32px;border-right-width:1px\9;}
.input-group-addon.input-sm { font-size: 12px; padding: 5px 10px; }
.input-group-addon.input-lg { font-size: 18px; padding: 10px 16px; }
.input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { margin-top: 0;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child >.btn, .input-group-btn:first-child >.btn-group >.btn, .input-group-btn:first-child >.dropdown-toggle, .input-group-btn:last-child >.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child >.btn-group:not(:last-child) >.btn { 
  border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group-addon:first-child { border-left-width: 1px;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child >.btn, .input-group-btn:last-child >.btn-group >.btn, .input-group-btn:last-child >.dropdown-toggle, .input-group-btn:first-child >.btn:not(:first-child), .input-group-btn:first-child >.btn-group:not(:first-child) >.btn { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group-addon:last-child { border-right-width: 1px;}
.input-group-btn { font-size: 14px; position: relative; white-space: nowrap;}
.input-group-btn >.btn { position: relative;}
.input-group-btn >.btn +.btn { margin-left: -1px;}
.input-group-btn >.btn:hover, .input-group-btn >.btn:focus, .input-group-btn >.btn:active { z-index: 2;}
.input-group-btn:first-child >.btn, .input-group-btn:first-child >.btn-group { margin-right: -1px;}
.input-group-btn:last-child >.btn, .input-group-btn:last-child >.btn-group { margin-left: -1px;}

/* color */
.text-muted { color: #777;}
.text-primary { color: #337ab7;}
a.text-primary:hover { color: #286090;}
.text-success { color: #3c763d;}
a.text-success:hover { color: #2b542c;}
.text-info { color: #31708f;}
a.text-info:hover { color: #245269;}
.text-warning { color: #f08400;}
a.text-warning:hover { color: #66512c;}
.text-danger { color: #d33835;}
a.text-danger:hover { color: #843534;}
.bg-primary { color: #fff; background-color: #337ab7;}
a.bg-primary:hover { background-color: #286090;}
.bg-success { background-color: #dff0d8;}
a.bg-success:hover { background-color: #c1e2b3;}
.bg-info { background-color: #d9edf7;}
a.bg-info:hover { background-color: #afd9ee;}
.bg-warning { background-color: #fcf8e3;}
a.bg-warning:hover { background-color: #f7ecb5;}
.bg-danger { background-color: #f2dede;}
a.bg-danger:hover { background-color: #e4b9b9;}


/*图标字体news*/
/*@font-face {font-family: "iconfont";
  src: url('http://web.jerei.com/11638/font/iconfont.eot'); 
  src: url('http://web.jerei.com/11638/font/iconfont.eot?#iefix') format('embedded-opentype'), 
  url('http://web.jerei.com/11638/font/iconfont.woff') format('woff'),
  url('http://web.jerei.com/11638/font/iconfont.ttf') format('truetype'), 
  url('http://web.jerei.com/11638/font/iconfont.svg#iconfont') format('svg'); 
}*/
@font-face{font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}
@font-face {
  font-family: "PIER";
  src: url("PIER-BOLD/PIER-BOLD.woff2") format("woff2"),
       url("PIER-BOLD/PIER-BOLD.woff") format("woff"),
       url("PIER-BOLD/PIER-BOLD.ttf") format("truetype"),
       url("PIER-BOLD/PIER-BOLD.eot") format("embedded-opentype"),
       url("PIER-BOLD/PIER-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
} 

@font-face {
  font-family: "HUR";
  src: url("hur/HURMEGEOMETRICSANS1-BOLD.woff2") format("woff2"),
       url("hur/HURMEGEOMETRICSANS1-BOLD.woff") format("woff"),
       url("hur/HURMEGEOMETRICSANS1-BOLD.ttf") format("truetype"),
       url("hur/HURMEGEOMETRICSANS1-BOLD.eot") format("embedded-opentype"),
       url("hur/HURMEGEOMETRICSANS1-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


