@charset "utf-8";
/* CSS Document 未农科技农机社会化综合平台主样式表 */
/************************************默认全局样式开始************************************/
*{
    box-sizing:border-box;
    margin:0px;
    padding:0px;
    font-family:"MICROSOFT YAHEI";
}
html{
    font-size:62.5%;
}
body{
    font-family:"MICROSOFT YAHEI","微软雅黑";
    outline:0;
    border:0;
    font-size:14px;
    min-width:1440px;
    overflow-x:auto;
    background:#e7f7f9;
    position: relative;
}
/*锚文字颜色默认*/
a{
    color:#333;
    *cursor:pointer;
}
a:link{
    color:#333;
    text-decoration:none;
}
a:hover{
    color:#333;
    text-decoration:none;
}
a:visited{
    color:#333;
    text-decoration:none;
}
a:active{
    color:#333;
    text-decoration:none;
}
/*li通用*/
ul,li,ol,li{
    list-style:none;
    margin:0px;
    padding:0px;
}
h1, h2, h3, h4, h5, h6{
    font-weight:normal;
}
/*去掉默认样式*/
img,input,textarea,select,a:focus,i{
    outline:none;
    font-style:normal;
}
form{
    display:inline!important;
}
button{
    outline:none;
    cursor:pointer;
}
img{
    border:none;
    vertical-align:middle;
}
p,label{
    margin:0px;
    padding:0px;
}

/************************************默认全局样式结束*********************************/
/************************************个性文字颜色开始*********************************/
/*黑色*/
.color-000,a.color-000{
    color:#000;
}
/*白色*/
.color-fff,a.color-fff{
    color:#fff;
}
/*灰色字999*/
.color-999,a.color-999{
    color:#999;
}
/*灰色字666*/
.color-666,a.color-666{
    color:#666;
}
/*灰色字333*/
.color-333,a.color-333{
    color:#333;
}
/*尾部字颜色*/
.color-6C8,a.color-6C8{
    color:#6C8AAF;
}
/*headerHOt*/
.color-FFA,a.color-FFA{
    color:#FFA100;
}
/*自定义面板内*/
.color-1AA,a.color-1AA{
    color:#1AAB7D
}
/*swiper2左右颜色*/
.color-00C,a.color-00C{
    color: #00C9BB
}
/*swiper2内容颜色*/
.color-164,a.color-164{
    color: #164C88
}

/*关于我们*/
.color-00B,a.color-00B{
    color:#00B0C1
}
.color-FF8,a.color-FF8{
    color:#FF8D42
}
.color-FA6,a.color-FA6{
    color:#FA6C0F
}
/*关于我们结束*/


/************************************个性文字颜色结束********************************/
/***********************************通用字体大小************************************/
.size10{
    font-size:12px;
    font-size:10px;
}
.size12{
    font-size:12px;
}
.size13{
    font-size:13px;
}
.size14{
    font-size:14px;
}
.size15{
    font-size:15px;
}
.size16{
    font-size:16px;
}
.size17{
    font-size:17px;
}
.size18{
    font-size:18px;
}
.size19{
    font-size:19px;
}
.size20{
    font-size:20px;
}
.size22{
    font-size:22px;
}
.size24{
    font-size:24px;
}
.size26{
    font-size:26px;
}
.size26{
    font-size:26px;
}
.size28{
    font-size:28px;
}
.size30{
    font-size:30px;
}
.size32{
    font-size:32px;
}
.size80{
    font-size:80px;
}

/***********************************通用字体大小结束***********************************/
/************************************个性背景色区域开始********************************/
/*背景白色*/
.bg-white{
    background-color:#fff;
}
/*背景透明*/
.bg-tran{
    background-color:transparent;
}
/**/
.bg-189{
    background-color:#1890FF;
}
/**/
.bg-164{
    background-color:#164C88;
}
.bg-00C{
    background-color:#00C9BB;
}
/*栏目页面*/
.bg-00d{
    background-color:#00DFCD;
}
/*招聘背景*/
.bg-0AC{
    background-color:#0ACFA8;
}




/************************************个性背景色区域结束*******************************/
/************************************通用垫高区域开始********************************/
.spacing5{
    height:5px;
    clear:both;
}
.spacing10{
    height:10px;
    clear:both;
}
.spacing15{
    height:15px;
    clear:both;
}
.spacing20{
    height:20px;
    clear:both;
}
.spacing25{
    height:25px;
    clear:both;
}
.spacing30{
    height:30px;
    clear:both;
}
.spacing35{
    height:35px;
    clear:both;
}
.spacing40{
    height:40px;
    clear:both;
}
.spacing50{
    height:50px;
    clear:both;
}
.spacing60{
    height:60px;
    clear:both;
}
.spacing70{
    height:70px;
    clear:both;
}
.spacing80{
    height:80px;
    clear:both;
}
/***********************************通用垫高区域结束*************************************/

/***********************************控件区域开始******************************/
/**通用个性颜色按钮区域开始**/
/*蓝色按钮悬停蓝色*/
.btn-266,a.btn-266{
    color:#266BB7;
    background-color:transparent;
    border-color:#266BB7;
}
.btn-266:focus,a.btn-266:focus{
    color:#fff;
    background-color:#266BB7;
    border-color:#266BB7;
}
.btn-266:hover,a.btn-266:hover {
    color:#fff;
    background-color:#266BB7;
    border-color:#266BB7;
}
.btn-266:active,
.btn-266.active,a.btn-266.active,a.btn-266:active
.open>.dropdown-toggle.btn-266,.open>.dropdown-toggle.a.btn-266 {
    color:#fff;
    background-color:#266BB7;
    border-color:#266BB7;
}


/*蓝色按钮悬停蓝色end*/


/*蓝色按钮1*/
.btn-189{
    color:#fff;
    background-color:#1890FF;
    border-color:#1890FF;
}
.btn-189:focus {
    color:#fff;
    background-color:#1890FF;
    border-color:#1890FF;
}
.btn-189:hover {
    color:#fff;
    background-color:#1890FF;
    border-color:#1890FF;
}
.btn-189:active,
.btn-189.active,
.open > .dropdown-toggle.btn-189 {
    color:#fff;
    background-color:#1890FF;
    border-color:#1890FF;
}
/*蓝色按钮1结束*/

/*蓝色字白背景按钮*/
.btn-font189{
    color:#1890FF;
    background-color:#fff;
    border-color:#1890FF;
}
.btn-font189:focus {
    color:#1890FF;
    background-color:#fff;
    border-color:#1890FF;
}
.btn-font189:hover {
    color:#1890FF;
    background-color:#fff;
    border-color:#1890FF;
}
.btn-font189:active,
.btn-font189.active,
.open > .dropdown-toggle.btn-font189 {
    color:#1890FF;
    background-color:#fff;
    border-color:#1890FF;
}
/*蓝色字白背景按钮结束*/

/*btn-164*/
.btn-164{
    color:#fff;
    background-color:#164C88;
    border-color:#164C88;
}
.btn-164:focus {
    color:#fff;
    background-color:#164C88;
    border-color:#164C88;
}
.btn-164:hover {
    color:#fff;
    background-color:#164C88;
    border-color:#164C88;
}
.btn-164:active,
.btn-164.active,
.open > .dropdown-toggle.btn-164 {
    color:#fff;
    background-color:#164C88;
    border-color:#164C88;
}
/*btn-164*/


/*btn-00C*/
.btn-00C,a.btn-00C{
    color:#fff;
    background-color:#00C19A;
    border-color:#00C19A;
}
.btn-00C:focus {
    color:#fff;
    background-color:#00C19A;
    border-color:#00C19A;
}
.btn-00C:hover {
    color:#fff;
    background-color:#00C19A;
    border-color:#00C19A;
}
.btn-00C:active,
.btn-00C.active,
.open > .dropdown-toggle.btn-00C {
    color:#fff;
    background-color:#00C19A;
    border-color:#00C19A;
}
/*btn-00C*/


/*btn-tran*/
.btn-tran{
    color:#fff;
    background-color:transparent;
    border-color:#fff;
}
.btn-tran:focus {
    color:#fff;
    background-color:transparent;
    border-color:#fff;
}
.btn-tran:hover {
    color:#fff;
    background-color:transparent;
    border-color:#fff;
}
.btn-tran:active,
.btn-tran.active,
.open > .dropdown-toggle.btn-tran {
    color:#fff;
    background-color:transparent;
    border-color:#fff;
}
/*btn-tran*/


/*btn-font00C*/
.btn-font00C,a.btn-font00C{
    color:#00C19A;
    background-color:transparent;
    border-color:#00C19A;
}
.btn-font00C:focus {
    color:#00C19A;
    background-color:transparent;
    border-color:#00C19A;
}
.btn-font00C:hover {
    color:#00C19A;
    background-color:transparent;
    border-color:#00C19A;
}
.btn-font00C:active,
.btn-font00C.active,
.open > .dropdown-toggle.btn-font00C{
    color:#00C19A;
    background-color:transparent;
    border-color:#00C19A;
}
/*btn-font00C1*/

/*btn-fontFFA*/
.btn-FFA,a.btn-FFA{
    color:#FFA100;
    background-color:transparent;
    border-color:#FFA100;
}
.btn-FFA:focus {
    color:#FFA100;
    background-color:transparent;
    border-color:#FFA100;
}
.btn-FFA:hover {
    color:#FFA100;
    background-color:transparent;
    border-color:#FFA100;
}
.btn-FFA:active,
.btn-FFA.active,
.open > .dropdown-toggle.btn-FFA{
    color:#FFA100;
    background-color:transparent;
    border-color:#FFA100;
}
/*btn-font00C1*/



/**通用个性颜色按钮区域结束**/
/*btnSize1*/
.btnSize1{
    padding:6px 16px;
    position:relative;
}
/*btnSize1*/

/*btnSize2*/
.btnSize2{
    padding:2px 8px;
    position:relative;
}
/*btnSize2*/

/*btnSize3*/
.btnSize3{
    padding:0px 4px;
    position:relative;
}
/*btnSize3*/
/*大圆角绿色标签*/
.label-success-title{
    background:#7ED321;
    box-shadow:0px 5px 7px 0px rgba(24,144,255,0.2);
    border-radius:13px;
    padding:4px 12px;
}
/*label end*/

/*红色圆点*/
.keylable{
    display:inline-block;
    padding:.2em;
    font-size:12px;
    line-height:16px;
    height:20px;
    min-width:20px;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    border-radius:10px;
    position:absolute;
    background:red;
    top:-14px;
    right:-5px;
    z-index:2;
}


/*设置文本框密码框默认样式开始*/
input[type=text],input[type=password]{
    width:100%;
    height:34px;
    line-height:34px\9;/*ie8*/
    border-radius:4px;
    border:solid 1px #D9D9D9;
    text-indent:15px;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type=text]:focus,input[type=password]:focus{
	border:solid 1px #66AFE9;
}
/*设置文本框密码框默认样式结束*/

/*文本域美化开始*/
textarea{
 	width:100%;
    height:100%;
    border-radius:4px;
    border:solid 1px #D9D9D9;
    text-indent:15px;
    resize:none;
}
textarea:focus{
	border:solid 1px #66AFE9;
}
/*文本域美化结束*/




/*radio美化开始*/
/*单选框隐藏显示，用label代替*/
/*原生单选按钮默认不显示*/
input[type="radio"]{
    opacity:0;
    position:absolute;
    top:0px;
    left:-10000px;
}
/*单选按钮圆圈*/
input[type="radio"]+label::before {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:middle;
    float:left;
    background-color:white;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    position:relative;
    cursor:pointer;
    margin-right:5px;
}

/*单选按钮悬停圆圈*/
input[type="radio"]+label:hover::before {
    /*border:solid 1px #0E76A8;*/
}

/*单选按钮圆圈选中*/
input[type="radio"]:checked+label::before{
    background-color:white;
    background-image:url(../images/radio.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:8px 8px;
}


/*单选按钮文字*/
input[type="radio"]+label {
    display:inline-block;
    width:auto;
    text-align:center;
    -webkit-box-sizing:border-box;
    /*height:16px;*/
    line-height:18px;
    cursor:pointer;
    margin-right:8px;
}

/*单选按钮不可用圆圈*/
input[type="radio"]:disabled+label::before {
    background-color:#3C4965;
}

/*单选按钮选中并且不可用*/
input[type="radio"]:checked:disabled+label::before{
    background-image:url(../images/radioDisabled.png);
}

/*单选按钮不可用圆圈鼠标悬停*/
input[type="radio"]:disabled+label:hover::before {
    /*border:1px #DADADA solid;*/
    cursor:default;
}

/*单选按钮不可用文字鼠标悬停*/
input[type="radio"]:disabled+label:hover {
    cursor:default;
}

/*单选框美化结束*/

/*checkbox开始美化*/
/*复选框隐藏显示，用label代替*/
input[type="checkbox"]{
    opacity:0;
    position:absolute;
    top:0px;
    left:-10000px;
}
/*复选框方块 */
input[type="checkbox"]+label::before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle;
    float:left;
    margin-right:5px ;
    -webkit-box-sizing:border-box;
    /*border:solid 1px #ddd;*/
    background-color:white;
    cursor:pointer;
    border-radius:2px;
}
/*复选框鼠标悬停方块*/
input[type="checkbox"]+label:hover::before {
    /*border:solid 1px #0E76A8;*/
}
/*复选框文字*/
input[type="checkbox"]+label {
    display:inline-block;
    width:auto;
    text-align:center;
    -webkit-box-sizing:border-box;
    line-height:16px;
    cursor:pointer;
}
/*复选框选中*/
input[type="checkbox"]:checked+label::before{
    background-color:#108EE9;
    background-image:url('../images/checkbox.png');
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    border-style:none;
}
/*复选框不可用方块*/
input[type="checkbox"]:disabled+label::before {
    background-color:#3C4965;
}
/*复选框不可用选中方块*/
input[type="checkbox"]:disabled:checked+label::before {
    background-image:url('../images/checkboxDisabled.png');
    background-size:100% 100%;
    /*border:solid 1px #CFCFCF;*/
}
/*复选框不可用方块鼠标悬停*/
input[type="checkbox"]:disabled+label:hover::before {
    /*border:1px #DADADA solid;*/
    cursor:default;
}
/*复选框不可用文字鼠标悬停*/
input[type="checkbox"]:disabled+label:hover {
    cursor:default;
}
/*多选框结束美化*/


/*对话框中的textarea风格铺满并且不可拓拽*/
.fullNoresizeTextarea{
    width:100%;
    height:100%;
    border:none;
    resize:none;
}
/*对话框中的textarea风格铺满并且不可拓拽 结束*/

/***********************************控件区域结束******************************/
/***********************************布局组件开始******************************/
/*通用1000像素居中*/
.techCurrentWidth{
    width:1000px;
    margin:0px auto;

}

/*通用面包屑*/
.breadcrumb{
    padding:0px;
    background-color:transparent;
}
.breadcrumb li a:hover{
    color:#1890FF;
}
/*通用面包屑结束*/

/*通用横向排列盒子开始[特殊的条件项目使用]*/
.boxContain{
    display:table;
    width:100%;
}
.boxContainItem{
    display:table-cell;
}
/*通用横向排列盒子结束*/

/*控件宽度区域开始[百分比]*/
.widgetWidth100{
    width:100%!important;
}
.widgetWidth90{
    width:90%!important;
}
.widgetWidth80{
    width:80%!important;
}
.widgetWidth70{
    width:70%!important;
}
.widgetWidth60{
    width:60%!important;
}
.widgetWidth50{
    width:50%!important;
}
.widgetWidth40{
    width:40%!important;
}
.widgetWidth33{
    width:33.33333%!important;
}
.widgetWidth30{
    width:30%!important;
}
.widgetWidth25{
    width:25%!important;
}
.widgetWidth20{
    width:20%!important;
}
/*控件宽度区域结束*/


/*某行元素超出画点*/
.ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*表格内容对齐方式*/
.verticalTop{
    vertical-align:top;
}
.verticalMiddle{
    vertical-align:middle;
}
.verticalBottom{
    vertical-align:bottom;
}




/*设置一个下划线*/
.withBottom{
    border-bottom:solid 1px #DADADA;
}
.withBottom6C8{
    border-bottom:solid 1px #6C8AAF;
}


/*悬浮的广告App部分开始*/
.fixingBox{
    width:50px;
    height:150px;
    border-radius:2px;
    position:absolute;
    left:50%;
    margin-left:505px;
    top:50%;
    z-index:88;
    text-align:center;
}
.bigQRCode{
    position:absolute;
    top:-60px;
    display:none;
}
.bigQRCode img{
width:100px;
height:100px;
    margin-top:-50px;
}
.fixingBox ul.list-unstyled li{
    margin-bottom:10px;
}
.fixingBox ul.list-unstyled li p{
    height:40px;
    width:40px;
    text-align:center;
    background:#fff;
    cursor:pointer;
}
.fixingBox ul.list-unstyled li p i:hover{
    color:#0b4f7b;
}
/*悬浮的广告App部分结束*/


/*相对定位盒子*/
.relativeBox{
    position:relative;
}
/*相对定位盒子全平铺的白色背景*/
.relativeBoxBg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent;
    filter:alpha(opacity=80);/* IE */
    -moz-opacity:.8;        /* 老版Mozilla */
    -khtml-opacity:.8;      /* 老版Safari */
    opacity:.8;            /* 支持opacity的浏览器*/
    z-index:1;
}

.opacity4{
    filter:alpha(opacity=40);/* IE */
    -moz-opacity:.4;        /* 老版Mozilla */
    -khtml-opacity:.4;      /* 老版Safari */
    opacity:.4;            /* 支持opacity的浏览器*/
}

/*通用的底部开始*/
.techFooterBox{
    clear:both;
    width:100%;
    padding:40px;
    background:#17325E;
    overflow:hidden;
}
.techFooterBox p{
    margin-bottom:10px;
}
/*通用的底部开始结束*/


/*******************************************************布局组件结束**************************************************/
/**********************************其他页面|杂项开始*******************************/


/* 分页 */
/*分页区域*/
.page_box {
    clear:both;
    margin:0px auto;
    height:35px;
    line-height:35px;
    overflow:hidden;
    display:table;
    padding-top:20px;
}

/*分页左侧基本信息区域*/
.page_options {
    display:table-cell;
    width:30%;
    cursor: pointer;
}

/*分页区域下拉列表*/
.page_select {
    width:55px ;
    height: 22px!important;
    line-height: 22px;
    text-align: center;
    display: inline;
    border: solid 1px #D2D6DE;
    padding-left: 0px;
    padding-right:0px;
    float:left;
}

/*分页按钮区域*/
.page_buttons {
    display:table-cell;
    max-width: 90%;
    height: 35px;
    line-height: 35px;
    margin-top: -1px;
    border-radius: 5px;
    cursor: pointer;
}

/*分页按钮页码*/
.page_btn_number {
    float: left;
    width:20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

/*分页按钮页码鼠标悬停*/
.page_btn_number:hover {
    background-color:;
}

/*分页按钮首页*/
.page_btn_first {
    width:45px;
    float: left;
    display: block;
    text-align: center;
}

/*分页按钮首页鼠标悬停*/
.page_btn_first:hover {
    background-color:;
}

/*分页按钮首页不可用*/
.page_btn_first_disable {
    width:45px;
    float: left;
    display: block;
    text-align: center;
    cursor: not-allowed;
}

/*分页按钮首页不可用文字*/
.page_btn_first_disable a {
    color: #ccc;
    cursor: not-allowed;
}

/*分页按钮上一页*/
.page_btn_prev {
    width:50px;
    height: 35px;
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;}

/*分页按钮上一页鼠标悬停*/
.page_btn_prev:hover {
    background-color:;
}

/*分页按钮上一页不可用*/
.page_btn_prev_disable {
    width:50px;
    height: 35px;
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;
    cursor: not-allowed;
}

/*分页按钮上一页不可用文字*/
.page_btn_prev_disable a {
    color: #ccc;
    cursor: not-allowed;
}

/*分页按钮下一页*/
.page_btn_next {
    width:50px;
    height: 35px;
    line-height: 35px;
    display: block;
    float: left;
    text-align: center;
}

/*分页按钮下一页鼠标悬停*/
.page_btn_next:hover {
    background-color: ;
}

/*分页按钮下一页不可用*/
.page_btn_next_disable {
    width:50px;
    height: 35px;
    line-height: 35px;
    display: block;
    float: left;
    border: solid 0px red;
    text-align: center;
    cursor: not-allowed;
}

/*分页按钮下一页不可用文字*/
.page_btn_next_disable a {
    color: #ccc;
    cursor: not-allowed;
}

/*分页按钮尾页*/
.page_btn_end {
    width:50px;
    float: left;
    display: block;
    border: solid 0px red;
    text-align: center;
    /* background-color: #FAFAFA;
    border-right: solid 0px #DEDEDE; */
}

/*分页按钮尾页鼠标悬停*/
.page_btn_end:hover {
    /* 	background-color: #EEEEEE; */
}

/*分页按钮尾页不可用*/
.page_btn_end_disable {
    width:50px;
    float: left;
    display: block;
    border: solid 0px red;
    text-align: center;
    cursor: not-allowed;
}

/*分页按钮尾页不可用文字*/
.page_btn_end_disable a {
    color: #ccc;
    cursor: not-allowed;
}

/*分页按钮当前页*/
.page_btn_current {
    float: left;
    width:35px;
    height:35px;
    line-height:35px;
    display: block;
    text-align: center;
    background-color:#5BA2FE ;
    cursor: default;
}

/*分页按钮当前页文字*/
.page_btn_current a {
    color:#fff;
    cursor:default
}

/*分页信息样式*/
.page_option{
    display:block;
    float:left;
    width:auto;
}
/* 分页 结束*/

/***********************************其他页面|杂项结束******************************/

/*首页自用*/
.techLogo{
    width:170px;
    max-width:100%;
    height: auto;
}
.header{
    height:90px;
    width:100%;
    position: fixed;
    z-index:10;
    opacity: .95;
}
/*导航菜单 获取每个项*/
.boxContain.techMeno{
    font-size:16px;
}
.boxContain.techMeno .boxContainItem{
    min-width:80px;
}
.boxContain.techMeno .boxContainItem a{
    display: inline-block;
}
.down{
    position:absolute;
    right:-12px;
    top:-2px;
}
.boxContain.techMeno .boxContainItem a:hover{
    color:#4598FF;
}
.boxContain.techMeno .boxContainItem a span {
    position: relative;
    display: block;
}
.boxContain.techMeno .boxContainItem a span:before {
    content:"";
    display: inline-block;
    width: 0;
    height:5px;
    background:#4598FF;
    position: absolute;
    bottom:-30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width .4s;
}
.boxContain.techMeno .boxContainItem a.is-current > span:before {
    width: 100%;
}
.boxContain.techMeno .boxContainItem a:hover > span:before {
    width: 100%;
}
/*所有子菜单*/
.boxContain.techMeno .boxContainItem>.secondBox{
    display:none;
    position:absolute;
    width:100%;
    left:0px;
    top:90px;
    z-index:1;
    color:#fff;
    box-shadow:0px 10px 12px 0px rgba(0,0,0,0.22);
}
/*子菜单背景*/
.secondBoxBg{
    position:absolute;
    width:100%;
    height: 100%;
    left:0px;
    top:0px;
    background:rgba(22,76,136,0.6);
    z-index:-1;
}
/*所有子菜单结束*/
/*导航菜单结束*/

/*栏目页面导航条*/
.columnNavbarLine{
    position:absolute;
    top:90px;
    width:100%;
    min-width:1440px;
    height:1px;
    z-index:1;
    background:rgba(255,255,255,0.27);
    opacity:0.95;
}
.columnNavbarBg{
    position:absolute;
    top:0px;
    width:100%;
    min-width:1440px;
    height:300px;
    z-index:-1;
    background-image: url('../images/columnBg.png');
    background-repeat: no-repeat;
    background-size:cover;
}
/*栏目页面导航条结束*/

/*head垫高*/
.headerSpacing{
    height:90px;
    position: relative;
    z-index:1;
}
/*head垫高结束*/
/*head垫高 栏目页*/
.headerSpacingForColumn{
    height:300px;
    position: relative;
    z-index:1;
}
/*head垫高 栏目页结束*/
/*首页幻灯*/
.myPre{
    z-index:2;
    overflow:hidden;
    position:absolute;
    bottom:15px;
    left:50%;
    margin-left:-500px;
}
/*每个幻灯片使用的绿色底部背景*/
.sliderBottomBlackColorTrans{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
    height:55px;
    background:#24A9B2;
    -moz-opacity:0.85;        /* 老版Mozilla */
    -khtml-opacity:0.85;      /* 老版Safari */
    opacity:0.85;            /* 支持opacity的浏览器*/
    border-radius:1px;
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.07);
}

/*swiper1*/
.swiper1{
    width:100%;
    marign:0px auto;
    height:450px;
    /*背景色*/
    background:#226897;
}
/*swiper1图片*/
.swiper1 .swiper-slide img{
    width:100%;
    height:450px;
}
/*使用放大动画*/
.useScale{
    animation: anime_scale 10s linear 0s forwards;
}
/*使用透明动画*/
.useFade{
    animation: anime_fade 2s linear 0s forwards;
}
/*使用标语*/
.usedblie{
    animation: dblie 1s linear 0s forwards;
}
/*使用txt动画*/
.usetextAni{
    animation: textAni 1s linear 0s forwards;
}

/*放大动画开始*/
@keyframes anime_scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.13);
    }
}
/*放大动画结束*/

/*透明动画开始*/
@keyframes anime_fade {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}/*透明动画结束*/


/*公司标语横线动画*/
@keyframes dblie{
    0% {
        opacity:1;
        width:100%;
    }
    10%{
        opacity:.8;
        width:90%;
    }
    20%{
        opacity:.6;
        width:80%;
     }
    30%{
        opacity:.4;
        width:70%;
    }
    40%{
        opacity:.2;
        width:70%;
    }
    50%{
        opacity:.2;
        width:0%;
    }
    60%{
        opacity:.2;
        width:60%;
    }
    70%{
        opacity:.4;
        width:70%;
    }
    80%{
        opacity:.6;
        width:80%;
    }
    90%{
        opacity:.8;
        width:90%;
    }
    100% {
        opacity:1;
        width:100%;
    }
}
/*公司标语横线动画结束*/
/*官方宗旨开始*/
.company{
    width:500px;
    position: absolute;
    top:190px;
    z-index:2;
    left:50%;
    margin-left:-250px;
}
.company .txt{
    position: relative;
    height:60px;
    width:100%;
    overflow:hidden;
}
.company .txt .bg{
    background:#1A88D1;
    width:0%;
    position: absolute;
    left:0px;
    top:0px;
    height:100%;
    z-index: 2;
}
.company .txt .con{
    position:relative;
    line-height:60px;
}
/*官方宗旨结束*/

/*公司标语文字动画*/
@keyframes textAni{
    0% {
        width:1%;
    }
    10%{
        width:20%;
    }
    20%{
        width:40%;
    }
    30%{
        width:60%;
    }
    40%{
        width:80%;
    }
    50%{
        width:100%;
    }
    60%{
       left:20%;
    }
    70%{
        left:40%;
    }
    80%{
        left:60%;
    }
    90%{
        left:80%;
    }
    100% {
        left:100%;
    }
}
/*公司标语文字动画结束*/


/*文档视差部分开始*/
.para-container {
    background:url(../images/shicha.png) no-repeat ;
    min-height:1600px;
}
/*文档视差部分结束*/



/*标题单元*/
.wing{
    display:inline-block;
    width:200px;
    border-bottom:1px solid rgba(137,181,224,1);
    height:1px;
    top:18px;
    position:absolute;
}
.centerWing{
    color:#000;
    display:inline-block;
    font-weight:800;
    background:transparent;
    height:70px;
    font-size:26px;
    overflow:hidden;
}
.centerWingBoB{
    display:inline-block;
    width:100%;
    margin-top:5px;
    height:5px;
    background:#4598FF;
    box-shadow:0rem 0.57rem 0.57rem 0rem rgba(0,201,187,0.28);
}
.centerWingBoB.white{
    background:#fff;
    box-shadow:none;
}

/*标题单元结束*/

/*自定义面板*/
.accord{
    box-shadow:0rem 0.43rem 0.43rem 0rem rgba(36,180,169,0.05);
    height:358px;
    padding: 0px 25px;
}
.customPanel{
    margin-bottom: 10px;
}
.customPanel.panel-default{
    border-style: none;
}
.customPanel .panel-heading.active{
    background: #4598FF ;
    color: #fff;
    border:solid 1px #4598FF ;
}
.customPanel .panel-heading{
    color:#164C88;
    border:solid 1px #1AAB7D;
    background: #fff;
    cursor: pointer;
}
.customPanel .panel-heading {
     border-top-left-radius: 0px;
     border-top-right-radius:0px;
}
.customPanel .panel-heading.active .text-right{
    color:#fff;
}
.customPanel .panel-heading .text-right{
    color:#1AAB7D;
}
.customPanelRight{
    display: none;
}
.customPanelRight img{
   /* width:470px;
    height:297px;*/
}
.customPanelRightTxt{
    width:100%;
    padding:4px 10px;
    bottom:0px;
    margin-top:-70px;
    height:70px;
    z-index:2;
    color:#fff;
    position: relative;
}
.customPanelRightTxt2{
    width:100%;
    padding:4px 10px;
    bottom:0px;
    margin-top:-90px;
    height:90px;
    z-index:2;
    color:#fff;
    position: relative;
}
.customPanelRightTxtBg{
    height:75px;
    bottom:0px;
    background:#000;
    position: absolute;
    left:0px;
    width:100%;
    z-index:-1;
    filter:alpha(opacity=30);/* IE */
    -moz-opacity:.3;        /* 老版Mozilla */
    -khtml-opacity:.3;      /* 老版Safari */
    opacity:.3;            /* 支持opacity的浏览器*/
}
.customPanelRightTxtBg2{
    height:95px;
    bottom:0px;
    background:#000;
    position: absolute;
    left:0px;
    width:100%;
    z-index:-1;
    filter:alpha(opacity=30);/* IE */
    -moz-opacity:.3;        /* 老版Mozilla */
    -khtml-opacity:.3;      /* 老版Safari */
    opacity:.3;            /* 支持opacity的浏览器*/
}

.customPanel .panel-body{
    color:#999;
}
/*自定义面板结束*/


/*解决方案区域*/
.solution{
    width:100%;
    min-width:1440px;
    height:580px;
}
.swiper2{
    width:1000px;
    margin:0px auto;
    height:400px;
}
.swiper2 .swiper-slide{
}
.swiper2 .swiper-slide.swiper-slide-active + .swiper-slide .contain{
    background:rgba(255,255,255,0.87);
    box-shadow:0rem 0.57rem 0.57rem 0.29rem rgba(38,167,146,0.05);
    border-radius:0.14rem;
}
.swiper2 .swiper-slide .contain{
    width:300px;
    height:400px;
    margin:0px auto;
}
.swiper2 .swiper-slide .contain .containspace{
    width:260px;
    margin:0px auto;
    padding:15px 0px;
}
.swiper2 .swiper-slide .contain .containspace img{
    width:260px;
    height:200px;
}
.arrow-dom{
    position:absolute;
    top:40%;
    z-index: 2;
}
.swiper2left{
    right:50%;
    margin-right:520px;
}
.swiper2right{
    left:50%;
    margin-left:520px;
}
/*解决方案区域结束*/

/*企业案例*/
.compayCase{}
.compayCase .item{
    color: #005CA5;
    font-weight: 800;
    padding:20px 0px;
    display: inline-block;
}
.compayCase .item:hover{
    color:#FFBF46
}
.compayCase .item i{
    margin-right:5px;
}
/*企业案例结束*/

/*关于我们*/
.aboutUs{
    width:100%;
}
.computer{
    width:100%;
    position:relative;
    height:300px;
    background-image: url('../images/computer.png');
    background-size: 100% 100%;
}
.computer .right{
    position:absolute;
    width:417px;
    right:0px;
    height:100%;
}
.computer .right p{
    z-index:3;
    position: relative;
    padding-left:10px;
}
/*关于我们结束*/
/*友情链接*/
.friend{
    width:100%;
    min-width:1440px;
}
.friend .item{
    color: #fff;
    padding:10px 0px;
    display: inline-block;
}
.friend .item:hover{
    color:#FFBF46
}

/*友情链接结束*/


/*首页自用结束*/


/*栏目页面*/

/*解决方案页面开始*/

/*智慧农业部分开始*/
/*大楼背景*/
.greenBuildBg{
    position:absolute;
    top:0px;
    width:100%;
    min-width:1440px;
    height:100%;
    z-index:-1;
    background-image: url('../images/build.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.outerSwiper3{
    /*padding:0px 30px;*/
    overflow:hidden;
    box-shadow:0rem 0.43rem 0.43rem 0rem rgba(36,180,169,0.05);
}
.swiper3{
    height:260px;
}
.swiper3 .swiper-wrapper{
}
.swiper3 .swiper-wrapper .swiper-slide{
    width:100%;
    height:260px;
}
.swiper3left{
    right:50%;
    margin-right:520px;
    top:60%;
}
.swiper3right{
    left:50%;
    margin-left:520px;
    top:60%;
}
.swiper3ImgLeft{
   /* width:520px;
    height:275px;*/
}
/*智慧农业部分结束*/
/*浅蓝色背景开始*/
.wathet{
    background:rgba(15, 203, 255, 0.19);
}
/*浅蓝色背景结束*/

.card-area{
}
.card-area .card-item{
}
.card-area .card-item .card .head{
    height:80px;
    background:#00C19A!important;
    font-size:14px;
    padding-top:10px;
}
.card-area .card-item.active .head{
    background:#266BB7!important;
    font-size:18px;
    padding-top:0px;
}
.card-area .card-item.active .head i{
    font-size: 26px;
}
.card-area .card-item .head i{
    font-size:22px;
}
.card-area .card-item .content{
    color:#999!important;
}
.card-area .card-item.active .content{
    color:#333!important;
}
.card-area .card-item .content .conPre{
    height:60px;
    overflow: hidden;
}
.card-area .card-item.active .content .conPre{
    height: auto;
}
/*解决方案页面结束*/

/*案例中心页面开始*/
.caseTabHead{
    border-bottom:solid 1px #E4E0E0;
}
/*案例选项卡宽度*/
.caseTab{
    width:auto;
    margin:0px auto;
}
/*案例选项卡底部边框*/
.caseTab.nav-tabs{
    border-bottom:none;
}
/*案例选项卡选项*/
.nav.nav-tabs.caseTab.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover.caseTab li a{
    border-style:none;
    padding:12px 15px;
}
/*案例选项卡*/
.caseTab li a.active{
    border-style:none;
}
/*案例选项卡选中*/
.nav.nav-tabs.caseTab.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover.caseTab li a{
    border-bottom:solid 2px #00C19A;
    color:#013161;
}

/*选项卡内容区域每3n+1个执行*/
.caseTabBody .caseItem:nth-child(3n+1){
    margin-left:0px;
}

/*案例单元*/
.caseItem{
    width:320px;
    float:left;
    margin-left:20px;
    margin-top:20px;
}

/*案例单元内部按钮*/
.caseItemBtn{
    position:absolute;
    top:50%;
    left:50%;
    z-index:3;
    margin-top:-10px;
    margin-left:-40px;
}

/*案例单元中间标题*/
.caseItemTit{
    padding:10px 0px;
    font-size:18px;
}
/*案例单元文字段落*/
.caseItemText{
    height:160px;
    color: #999;
    overflow: hidden;
}

.none{
    display: none;
}
.block{
    display:block;
}

.close.caseClose00C,.close.caseClose00C:focus,.close.caseClose00C:hover{
    opacity:1;
    color:#00C9BB;
}
.close.caseCloseFFA,.close.caseCloseFFA:focus,.close.caseCloseFFA:hover{
    opacity:1;
    color:#FFA100;
}


/*案例中心页面结束*/


/*招聘*/
.jobUnit{
    width:300px;
    box-shadow:0rem 0.64rem 0.64rem 0rem rgba(36,180,169,0.05);
    border-radius:0.29rem;
    padding:10px 15px;
    cursor:pointer;
}
/*招聘结束*/

/*关于我们*/
.halfcircle{
    padding:15px 15px;
    box-shadow:0rem 0.14rem 0.29rem 0rem rgba(0,201,187,0.24);
    border-radius:4.18rem;
}
/*关于我们结束*/


.textjustify{
    text-align: justify
}
/*栏目页面结束*/

.decima{
}
.decima li{
    list-style: decimal;
    list-style-position: inside;
}