a:hover{text-decoration: none;color: #333333;}
.cooperate-box, .cooperate-join{margin-top: 80px;}
.cooperate-top-image{height: 400px;background: url("/assets/img/web/cooperate/banner6.png") no-repeat 50%;background-size: cover}
.cooperate-top-text{padding-top:106px;color: #333333;font-weight: 400;line-height: 2;text-align: center;margin-left:25%}
.cooperate-title-l{font-size: 50px;font-weight: bold;line-height: 1;}
.cooperate-title-m{font-size: 20px;}
.cooperate-title-s{font-size: 16px;}
.cooperate-title-btn{margin:40px auto 0;background-color:#D12521; border-radius:25px;width: 180px;font-size: 20px;color: #FFFFFF;line-height: 2;text-align: center}
.cooperate-title-btn a{color: #FFFFFF;}
.cooperate-title-btn a:hover{color: #fff !important;}

.idea{margin-top: 70px;position: relative;height: 350px;}

.boat-box{position:absolute;width: 497px;height: 300px;z-index: 1}
.red-bg-box{position: absolute;width: 450px;height: 300px;left:23px;background: #D12521;}
.boat-img-box{position: absolute;width: 497px;height: 264px;margin-top:18px; background: url("/assets/img/web/cooperate/true.png") no-repeat 100% 100%;}

.idea-box{padding:63px 0 0 35%;position:absolute;width: 83%;height: 300px;top:80px;left:10%; background: url("/assets/img/web/cooperate/kuang2.png") no-repeat 100% 100%;}
.idea-title{font-size: 26px;font-weight: 400;color: #D12521;line-height: 1;margin-bottom: 30px;}
.idea-content{width: 85%;font-size: 16px;color: #333333;line-height: 30px;}

.dot-box{position:absolute;width: 197px;height: 198px;left:83%;  background: url("/assets/img/web/cooperate/peitu.png") no-repeat 100% 100%;}
.compose{height: 1067px;background: url("/assets/img/web/cooperate/bg2.png") no-repeat 50%;background-size: cover}
.compose .container{position: relative;}
.compose-point{position: absolute;text-align: center;}
.compose-personal{padding: 113px 48px 119px;z-index: 1;background: url("/assets/img/web/cooperate/q3.png") no-repeat 100% 100%;width: 354px;height: 361px;top:264px;}
.compose-company{padding:323px 194px 293px 198px;background: url("/assets/img/web/cooperate/q1.png") no-repeat 100% 100%;width: 744px;height: 744px;top:213px;left:10%}
.compose-supply{padding:168px 20px 145px 18px;background: url("/assets/img/web/cooperate/q2.png") no-repeat 100% 100%;width: 464px;height: 472px;top:113px;left:50%}
.compose-title{font-size: 26px;  color: #333333;line-height: 1;margin-bottom: 18px;}
.compose-content{font-size: 14px;font-weight: 400;color: #333333;  line-height: 30px;}
.how-partner{margin-top: 17px;text-align: center}
.point-box{margin-top: 60px;}
.point-only{float: left;width: 32%;height: 300px;text-align: center}
.point-img-box{height: 200px;font-size: 60px;font-weight: bold;font-style: italic;color: #FFFFFF;line-height: 1; padding:19px;text-align: left}
.point1 .point-img-box{background: url("/assets/img/web/cooperate/tu6.png") no-repeat ;}
.point2 .point-img-box{background: url("/assets/img/web/cooperate/tu7.png") no-repeat ;}
.point3 .point-img-box{background: url("/assets/img/web/cooperate/tu8.png") no-repeat ;}
.point-msg-box{border: 1px solid #DCDCDC;border-radius: 0 0 5px 5px;padding: 24px 0}
.point-title{font-size: 20px;font-weight: bold;color: #333333;line-height: 1;}
.point-do{font-size: 14px;color: #333333;margin-top: 18px;}
.point1, .point2{margin-right: 2%;}
.point-img-bottom{margin-top: 30px;}
.point-img-bottom img{width: 100%}

.join-text{padding:168px 0 0 50%;color: #343434;}
.join-text-m{font-size: 28px;}
.join-text-l{font-size: 50px;font-weight: bold;}
.join-text-s{font-size: 14px;line-height: 40px;}
.join-nav{background: url("/assets/img/web/cooperate/bg_3.png") no-repeat 100% 100%; height:655px;padding-top: 43px;}
.join-nav-top li{display: inline-block;color: #333333}
.join-nav-top li a{color: #CCCCCC;}
.join-nav-top > li + li:before {color: #CCCCCC;content: ">";padding: 0 5px;}

.join-form{width: 600px;margin: 57px auto 0}
.join-form-title{text-align: center;line-height: 1;}
.join-title-cn{font-size: 20px;color: #343434;font-weight:400;}
.join-title-en{font-size: 14px;color: #9A9A9A;margin: 10px 0 39px 0;}
.input-box{position: relative;width: 600px;height: 60px;background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 5px;margin-bottom: 10px;line-height: 60px;}
.input-icon img{margin: 23px 0;}
.input-name{font-size: 14px;font-weight: bold;color: #333333;padding: 0;}
.input-only{border: none;height: 55px;font-size: 14px;background: white;width: 100%}
.input-write-box{padding: 0;width: 80%}
.error-tips{position: absolute;right: 30px;font-size: 14px;color: #FE0600;}
.input-warning{border: 1px solid #D12521}
.select-only{cursor: pointer;}
.select-icon{position: relative;top: 23px;width: 16px;transform:rotate(-90deg);}
.selected-icon{transform:rotate(0deg);}
.option-box{text-align: center;background: white;position: absolute;width: 598px;top: 55px;z-index: 1;
    box-shadow: 0 14px 8px 0 rgba(0, 0, 0, 0.2);border-top-left-radius: 3px;border-top-right-radius: 3px;}
.option-only{color: #333333;}
.option-selected{background:#D12521;color: white}
.select-on{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: none;}
.input-icon img{width: 16px;}
.submit-btn{cursor:pointer;color: #fff;font-size: 16px;margin:40px auto 0;width: 160px;height: 40px;background: #D12521;border-radius: 5px;line-height: 40px;text-align: center;}


.cooperate-box .company-partner-box {margin-top:  117px;}
.cooperate-join .company-partner-box {margin-top: 36px;}

.form-success{margin:auto;text-align: center;height: 340px;padding-top: 150px;}
.success-tips{margin:9px auto 0;font-size: 18px;color: #343434;line-height: 2;}
.waiting-tips{margin:auto;font-size: 14px;color: #9A9A9A;}
.color-red{color: #D12521}
@media only screen and (max-width:1199px) {
    .point-msg-box{height: 130px;}
}
@media only screen and (max-width:767px) {
    .input-write-box{width: 66%}
    .input-box{height: 104px;}
    .input-icon img,.select-icon{width: 32px;}
    .input-name, .input-only{font-size: 26px;line-height: 80px;}
    /*.input-only{width: 65%}*/
    .option-box{top:104px;}
    .error-tips{font-size: 20px;left: 20%;top: 48%;}
    .point-box{margin-top: 18px;}
    .point-only{float: none;max-width: 507px;width:83%;margin: auto;height: 100%;margin-top: 40px;}
    .point-img-box{height: 267px;}
    .point1 .point-img-box{background: url("/assets/img/web/cooperate/12.png") no-repeat ;background-size: 100% 100%;}
    .point2 .point-img-box{background: url("/assets/img/web/cooperate/13.png") no-repeat ;background-size: 100% 100%;}
    .point3 .point-img-box{background: url("/assets/img/web/cooperate/14.png") no-repeat ;background-size: 100% 100%;}
    .how-partner img{width: 100%;max-width: 452px;}
    .cooperate-box, .cooperate-join{margin-top: 60px;}
    /*.cooperate-title-btn{margin: 18% 0 0 45%;background: #D12521;border-radius: 25px;color: #fff}*/
    .boat-box{width: 100%;position:relative;height: 100%;}
    .idea{margin: 40px 0;height: 100%;}
    .idea-box{margin:auto;height: 100%;position:relative;padding: 0;background: none;top: 0;left: 0;}
    .idea-title{margin: 29px 0 18px;line-height:1;font-size: 32px;color: #D12521;}
    .boat-img-box{width: 83%;height:341px;position:relative;margin: auto;background: url("/assets/img/web/cooperate/true1.png") no-repeat ;background-size: 100% 100%;}
    .boat-idea{background: rgba(252,241,211,0.5);}
    .idea-content{width: 100%;font-size: 26px;color: #333333;line-height: 1.5;}
    .cooperate-top-image{height: 260px;}
    .cooperate-title-l{font-size: 38px;}
    .cooperate-title-m{font-size: 18px;}
    .cooperate-title-s{font-size: 14px;}
    .cooperate-top-text{padding-top:46px;}
    .join-text{padding: 10% 0 0 40%}
    .join-text-m{font-size: 22px;}
    .join-text-l{font-size: 38px;}
    .join-text-s{font-size: 14px;line-height: 3 ;}
    .compose-phone{text-align: center;padding: 60px 0;}
    .compose-only{}
    .compose-only-title{font-size: 32px;color: #333333;line-height: 2;margin-top: 30px;}
    .compose-only-content{font-size: 20px;color: #333333;line-height: 1.5;}
    .join-nav{background: none;height: 100%}
    .join-form{width: 100%;}
    .join-apply-form{margin: auto;}
    .input-box{width: 100%;border-radius: 0;border:none;margin-bottom: 0;border-bottom: 1px solid #DCDCDC;}
    .option-box{width: 100%;}
}

@media only screen and (max-width: 464px){

    .cooperate-top-text{padding-top: 15px;margin-left:15%}
    .cooperate-title-l{font-size: 22px;}
    .cooperate-title-m{font-size: 14px;}
    .cooperate-title-s{font-size: 12px;}
    .cooperate-title-btn{margin: 5px 35%;font-size: 13px;width: 110px; }
    .join-text{padding: 5% 0 0 50%}
    .join-text-m{font-size: 14px;}
    .join-text-l{font-size: 22px;}
    .join-text-s{font-size: 12px;line-height: 1;}
    .line2{margin-top: 1%;width: 90%}
    .point-box{margin-top: 0;}
    .point-only{margin-top: 29px;}
    .how-partner img{width: 226px}
    .input-only{width: 100%}
    .point-img-box {height: 139px;}
    .compose-only-content {font-size: 10px;}
    .compose-only-title {font-size: 16px;font-weight: bold}
    .compose-phone{padding: 20px 0;}
    .idea-content{font-size: 13px;}
    .idea-title{font-size: 18px;}
    .boat-img-box{height: 200px;}
    .cooperate-top-image {height: 130px;}
    .input-box{height: 64px;margin: 0}
    .input-icon img,.select-icon{width: 16px;}
    .input-name{text-align: center;line-height: 62px;font-size: 14px;}
    .input-only{font-size: 14px;line-height: 1}
    /*.input-only{width: 55%}*/
    .error-tips{font-size: 12px;left: 33%;top: 72%;line-height: 1}
    .option-box{top:63px;}
    .point-do{font-size: 10px;}
    .point-msg-box{padding: 16px 0;height: 100px;}
    .cooperate-box .company-partner-box{margin-top: 30px;}
    .form-success{padding-top: 30px;height: 150px;}
}