* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.index-title{padding: 60px 0 30px;}
.index-subtitle{ text-align: center;}

.services{ background-color: #ffffff; width: 1440px; height: 90px; margin: -45px auto 0; border-radius: 10px; position: relative; z-index: 1; box-shadow: 0 5px 10px 0 rgba(18, 32, 46, 0.14);}
.services ul{ width: 1004px; margin: 0 auto;}
.services ul li{ width: 25%; text-align: center; float: left; line-height: 90px; background: url(../image/services/line.jpg) no-repeat right center;}
.services ul li:last-child{ background: none;}
.services ul li a{ font-size: 18px; color: #333333;}
.services ul li.active a{ color: #0D52D8;}

.form-box{width: 810px;margin: 60px auto;font-size: 0;}
.form-box ._item{ margin-bottom: 30px; overflow: hidden;}
.form-box ._item label{ font-size: 18px; color: #333333; line-height: 52px;}
.form-box ._item label span{ color: #CC0000;}
.form-box ._item label p{ display: inline-block; color: #999999;}
.form-box ._item .form-input{ height: 52px;}
.form-box ._item .form-text{ height: 200px;}
.form-box ._item .form-input, .form-box ._item .form-text{ border: 1px solid #CCCCCC; padding: 0 10px; width: 700px; float: right; font-family: initial;font-size: initial;}
.form-box ._items{ overflow: hidden; padding-left: 110px;}
.form-box ._items ._itemss{ float: left; line-height: 64px; width: 190px;}
.form-box ._items ._itemss:nth-child(4n){ width: auto;}
.form-box ._items ._itemss input{ margin-right: 15px; width: 24px; height: 24px; border: 1px solid #CCCCCC;}
.form-box ._items ._itemss input:checked{}
.form-box ._items ._itemss label{ font-size: 18px; color: #333333;}
.form-box .apply-btn{ width: 300px; line-height: 61px; margin: 0 auto; background-color: #0C50D9; font-size: 22px; color: #ffffff; font-weight: bold; text-align: center;}
.form-box .form-submit{ color: #ffffff;}

/*上传图片*/
.upload-ul{ position: relative; width: 220px; height:170px;border: 1px solid rgb(204, 204, 204); cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 20px;}
.upload-ul li{ position: absolute; top: 10px; left: 10px; display: inline-block; width: 200px; height:150px; margin: 0 auto; padding: 0; border: none; cursor: pointer;}
.upload-ul li p.state{text-align:center;height:150px;line-height:150px;background:#f7f7f7}
.upload-ul li p.progress, .upload-ul li .progress-bar{position:absolute;height:10px;background:#ccc;border-radius:10px;bottom:0}
.upload-ul li .progress-bar{width:0;overflow:hidden;background:#039}
.upload-ul li img{display:block;width:100%;height:100%;margin:0;padding:0}
.webuploader_del{width:20px;height:20px;position:absolute;z-index:888;top:-5px;right:-5px;background:url(../image/form1/close.png) no-repeat;background-size:100% 100%;}
.upload-pick{ background: url(../image/upload.png) no-repeat 0 0; background-size:100% 100%;}
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;height: 100%}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../image/form1/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute; display:none; left: 0;bottom: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../image/form1/bgblack.png); z-index: 3; background-size:100%;}
.viewThumb:hover .diyControl{ display: block; text-align:center;}
.diyControl span{ display: inline-block; padding: 6.5px 8px; width: 12px; height: 11px; }
.diyControl span i{ display: block; width: 12px; height: 11px; opacity: .7; }
.diyControl span i:hover{ opacity: 1; cursor: pointer; }
.diyLeft{ margin-left: 3px; }
.diyLeft{ margin-right: 3px; }
.diyLeft i{ margin-left: 3px; background: url(../image/form1/upload-icon1.png) no-repeat 0 0; }
.diyCancel i{ background: url(../image/form1/upload-icon1.png) no-repeat 0 -11px;}
.diyRight i{ margin-right: 3px; background: url(../image/form1/upload-icon1.png) no-repeat 0 -22px; }
.upload-btn{ display: inline-block; padding: 10px 50px; font: 16px/20px 'Microsoft YaHei'; background:rgba(10,168,241,.7); color: #fff; border-radius: 5px; }
.upload-btn:hover{ background:rgba(10,168,241,1) }
/*上传图片*/

@media only screen and (max-width: 1440px) {
    .services{ width: 1200px;}
    .services ul li a{ font-size: 16px;}
}

@media only screen and (max-width: 1024px) {
    .services{ width: 960px;}
    .services ul{ width: 100%;}
    .services ul li a{ font-size: 14px;}
}

@media only screen and (max-width: 540px) {
    .services {width: 96%;margin: -30px auto 0;}
    .services ul li{ background-size: 1px 25px;}
    .index-title{padding: 8vw 0 4px;font-size: 5vw !important;}
    .form-box{width: 90%;}
    .form-box label,.form-box .form-input,.form-box .form-text{width: 100% !important;}
    .form-box label{text-align: left;}
    .index-subtitle{ font-size: 3.6vw;}
    .form-box ._item label{ font-size: 4.4vw;}
    .form-box ._item .form-input, .form-box ._item .form-text{ font-size: 4vw;}
    .form-box ._item{ margin-bottom: 4vw;}
    .form-box ._items{ padding-left: 0;}
    .form-box ._items ._itemss{ width: 50%; float: left; line-height: 10vw;}
    .form-box ._items ._itemss input{margin-right: 2vw;width: 3.2vw;height: 3.2vw;}
    .form-box ._items ._itemss label{ font-size: 4vw;}
    .form-box ._item label{ line-height: 10vw;}
}