@charset "utf-8";
.category-company .company-top {
    height: 395px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(143,200,240,1)), to(rgba(143,200,240,1)));
    background-image: -webkit-linear-gradient(0deg, rgba(0,0,0,0), rgba(143,200,240,1));
    background-image: -moz-linear-gradient(0deg, rgba(0,0,0,0), rgba(143,200,240,1));
    background-image: -ms-linear-gradient(0deg, rgba(0,0,0,0), rgba(143,200,240,1));
    background-image: -o-linear-gradient(0deg, rgba(0,0,0,0), rgba(143,200,240,1));
    background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(143,200,240,1));
}
.category-company .company-new {
    padding: 13px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(219,241,250,1)), to(rgba(143,200,240,1)));
    background-image: -webkit-linear-gradient(0deg, rgba(0,0,0,0), rgba(219,241,250,1));
    background-image: -moz-linear-gradient(0deg, rgba(0,0,0,0), rgba(219,241,250,1));
    background-image: -ms-linear-gradient(0deg, rgba(0,0,0,0), rgba(219,241,250,1));
    background-image: -o-linear-gradient(0deg, rgba(0,0,0,0), rgba(219,241,250,1));
    background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(219,241,250,1));
}
.category-company .company-list li {
    display: flex;
    box-sizing: border-box;
    padding: 15px 10px;
    border-bottom: 1px solid #eaeaea;
}
.category-company .company-list li:hover {box-shadow: 0px -1px 15px 0px rgba(0, 0, 0, 0.1);}
.category-company .company-list li:hover h4 a{color: #d7000f;}
.category-company .company-list li:hover p.desc {color: #111111;}
.category-company .company-list li .name {
    width: 95px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    text-align: center;
    background: #4DBCE9;
    border-radius: 12px;
}
.category-company .company-list li .name span{
    width: 40px;
    display: inline-block;
    color: #FFFFFF;
    line-height: 26px;
    font-weight: bold;
}
.category-company .company-list li .info {
    flex: 1;
    overflow: hidden;
}
.category-company .company-list li .info h4{
    margin-top: 0;
    margin-bottom: 0
}
.category-company .company-list li .info span {
    font-size: 14px;
    border: 1px solid #eb0011;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    line-height: 20px;
    color: #eb0011;
    margin-left: 10px;
    margin-top: 10px;
}
.category-company .company-list li .info .desc{
    margin-bottom: 5px;
}
.category-company .company-list li .info .date-wrap{
    text-align: left;
    font-size: 14px;
}
.category-company .company-list li .info .date-wrap p{
    line-height: 26px;
    margin-bottom: 0px;
    color: #666;
}

.company-wrapper {
    padding: 42px 0 30px;
    background: #f0f2f5;
}

.company-wrapper .w {
    display: flex;
    justify-content: space-between;
}

.company-wrapper .left-part {
    width: 254px;
}
.company-wrapper .left-part .intro .logo {
    text-align: center;
}
.company-wrapper .left-part .intro .logo img{
    max-width: 226px;
    max-height: 60px;
}
.company-wrapper .left-part .intro .name {
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
    margin-bottom: 10px;
}
.company-wrapper .left-part .intro p{
    margin-bottom: 10px;
}
.company-wrapper .left-part .contact p{
    margin-bottom: 10px;
}

.company-wrapper .right-part {
    width: 1135px;
}
.company-wrapper .right-part .about {
   padding: 15px 0 0;
   width: 100%;
   min-height: 150px;
}
.company-wrapper .right-part .about .left {
    width: 305px;
    display: flex;
    align-items: center;
}
.company-wrapper .right-part .about .left img{
    max-width: 303px;
}
.company-wrapper .right-part .about .right {
    width: 790px;
    line-height: 26px;
    text-align: justify;
}
.company-wrapper .right-part .news {
    min-height: 150px;
}
.company-wrapper .right-part .news .left {
    width: 53%;
    margin-right: 2%;
}
.company-wrapper .right-part .news .left .info h5 {
    margin-top: 0px;
}
.company-wrapper .right-part .news .right {
    width: 45%;
}
.company-wrapper .right-part .product {
    min-height: 150px;
}
.company-wrapper .right-part .product ul{
    display: flex;
    flex-wrap: wrap
}
.company-wrapper .right-part .product li {
    width: 254px;
    padding: 20px 10px 10px 10px;
    border: 1px solid #f3f3f3;
    margin-bottom: 20px;
    margin-right: 30px;
    text-align: center;
}
.company-wrapper .right-part .product li:nth-child(4n) {
    margin-right: 0
}
.company-wrapper .right-part .product li .image{
    height: 190px;
}
.company-wrapper .right-part .tech {
    min-height: 150px;
}
.company-wrapper .right-part .tech ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.company-wrapper .right-part .tech li {
    width: 48%;
    margin-right: 3%;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
}
.company-wrapper .right-part .tech li .cate span{
    background: #E7F1FF;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 1px;
}
.company-wrapper .right-part .tech li:nth-child(2n) {
    margin-right: 0
}
.company-wrapper .right-part .tech li .image{
    height: 100px;
}

.company-wrapper .right-part .download li .info{
    margin-right: 30px;
}

.company-wrapper .right-part .hr li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e1e1e1;
}

.company-wrapper .right-part .hr li em {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 4px;
    margin-left: 10px; 
}

/*组*/
.group-form{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom: 10px;}
.group-form>.group-title{width:100%;font-size:15px;font-weight:bold;line-height:32px;color:#495057;}
.group-form>.group-label{align-items:center;padding:0 15px;font-size:15px;font-weight:bold;height:40px;line-height:40px;color:#495057;text-align:right;width:140px;}
.group-form>.group-content{display:block;color:#495057;position:relative;flex:1 1 auto;width:1%;}
.group-form>.group-content .tip{line-height:initial;}
.group-form>.group-value{line-height:40px;}
.group-form>.group-label{font-weight:normal;color:#353535;}
.group-input{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;height:35px;width:100%;margin-bottom:15px;}
.group-input>.group-label{width:initial;height:100%;color:#fff;align-items:center;padding:0 15px;text-align:center;white-space:nowrap;background:var(--dark);display:flex;border:none!important;}
.group-input>.group-label>i{margin-right:5px;display:inline-block;margin-top:2px;}
.group-input>input:not([type="submit"]){display:block;color:#495057;background-color:#fff;border:1px solid #cccccc;border-right:none;position:relative;flex:1 1 auto;width:1%;height:100%;line-height:initial;}
.group-input>input input{width:100%;height:100%;padding:0 15px;border:none;font-size:15px;}
.group-input>.group-label+input{border-left:none;}
.group-input>input+.group-label{border-right:none;}
.group-input>div{overflow:hidden;}
.group-input>div:first-child{border-radius:2px 0 0 2px;}
.group-input>*:last-child{border-radius:0 2px 2px 0;border-right:1px solid #cccccc!important;}
@media (max-width:768px){
    .group-form>.group-label{display:block;width:100%;text-align:left;padding:0;height:auto;line-height:32px;}
    .group-form>.group-content{width:100%;}
}

.form-control{width:90%;color:#676767!important;vertical-align:middle;border:1px solid #fff;border-color:#ccc;padding:0 10px;border-radius: 5px;}
input[type="text"]:disabled,input[type="number"]:disabled,input[type="password"]:disabled{border:1px solid #dddddd;background:#f5f5f5;}
.form-control:focus{border-bottom:1px solid #575757;}
textarea.form-control{border:1px solid #ccc;padding:6px 12px;}
.help{display:inline-block;margin-bottom:10px;font-size: 13px;color:#b1b1b1;}

/* 美化input框 */
input{background-color:#FFF;border:1px solid #ccc;color:#555;height:35px;line-height:35px;padding:0 10px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
input.error,input.error:focus,textarea.error,textarea.error:focus{outline:0;border:1px solid var(--red)!important;}
input.success,input.success:focus,textarea.success,textarea.success:focus{outline:0;border:1px solid var(--green)!important;}
input[type="checkbox"]{vertical-align:middle;height:inherit;line-height:inherit;}
textarea{background-color:#FFF;background-image:none;border:1px solid #CCC;color:#555;line-height:1.42857;padding:6px 10px;transition:none;vertical-align:middle;}

/* 美化单选框和复选框 */
.radio,.checkbox,.toggle{display:block;margin-right:15px;cursor:pointer;}
.radio input,.checkbox input,.toggle input{position:absolute;display:none;}
.radio input[disabled],.checkbox input[disabled]{cursor:not-allowed;}
.radio label,.checkbox label{position:relative;padding-left:25px;vertical-align:middle;user-select:none;display:inline-block;cursor:pointer;}
.radio:hover input + label:before,.checkbox:hover input + label:before{animation-duration:0.4s;animation-fill-mode:both;animation-name:hover-color;}
.radio input + label:before,.checkbox input + label:before{margin:auto 0;position:absolute;top:0;bottom:0;left:0;display:inline-block;width:19px;height:19px;content:'';border:1px solid #c0c0c0;border-radius:2px;background:#fff;}
.radio input + label:after,.checkbox input + label:after{position:absolute;display:none;content:'';}
.radio input[disabled] + label,.checkbox input[disabled] + label{cursor:not-allowed;opacity:.5;}
.radio input[disabled] + label:hover,.radio input[disabled] + label:before,.radio input[disabled] + label:after,.checkbox input[disabled] + label:hover,.checkbox input[disabled] + label:before,.checkbox input[disabled] + label:after{cursor:not-allowed;}
.radio input[disabled] + label:hover:before,.checkbox input[disabled] + label:hover:before{animation-name:none;}
.radio input[disabled] + label:before,.checkbox input[disabled] + label:before{border-color:#e4e4e4;}
.radio input:checked + label:before,.checkbox input:checked + label:before{animation-name:none;}
.radio input:checked + label:after,.checkbox input:checked + label:after{display:block;}
.radio input + label:before{border-radius:50%;}
.radio input + label:after{margin:auto 0;top:0;bottom:0;left:5px;width:9px;height:9px;border-radius:50%;background:var(--default);}
.radio input:checked + label:before{border:1px solid var(--default);}
.radio input:checked[disabled] + label:after{background:var(--default);}
.checkbox input + label:after{margin:auto 0;top:-3px;bottom:0;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0;}
.checkbox input:checked + label:before{border:1px solid var(--default);background:var(--default);}

.group-body .btn{
    background: linear-gradient(90deg, #06BCFD, #0146AE);
    color: #fff;
    font-size: 16px;
    display: inline-flex;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 60px;
    border-radius: 4px;
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
    line-height:17px;
    height:17px;
    overflow:hidden;
    color:#999;
    font-size:12px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
}
.Validform_right{
    color:#0AA00E;
    padding-left:20px;
    width: 125px;
    background:url(../../images/right.png) no-repeat left center;
    background-image:-webkit-image-set(url('../../images/right.png') 1x,url('../../images/right@2x.png') 2x);
}
.Validform_wrong{
    color:#777;
    padding-left:20px;
    white-space:nowrap;
    background:url(../../images/error.png) no-repeat left center;
    background-image:-webkit-image-set(url('../../images/error.png') 1x,url('../../images/error@2x.png') 2x);
    margin-left: 8px;
    font-size: 12px;
}
.Validform_loading{
    padding-left:0px;
    background:url(../../images/onLoad.gif) no-repeat left center;
    white-space: nowrap;
    padding-left: 20px;
}
.Validform_error{
    background-color:#ffe7e7;
    border-color: #e7a3a3;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}