/*轮播盒子*/
.banner_box{position: relative}
/*轮播*/
.homebanner{width:100%;}
.homebanner .slider{width:100%;}
.homebanner .homebanner_con{width:100%;display: block}
.homebanner .homebanner_con>img{width:100%;}
.banner_box .bx-wrapper .bx-prev{background: url(../images/homebanner_prev.png) no-repeat;    bottom: 0;top: 0;width:73px;height:73px;margin: auto;left:30px}
.banner_box .bx-wrapper .bx-next{background: url(../images/homebanner_next.png) no-repeat;    bottom: 0;top: 0;width:73px;height:73px;margin: auto;right:30px}
.banner_box .bx-wrapper .bx-next:hover{background-position: 0 0;}
/*智能移民*/
.aiboxbg{position: relative;height:100px;width:100%;}
.aibox{width:1095px;position: absolute;left:0;right:0;margin:auto;z-index: 1;top:30px;}
.aibox_big{position: relative}
.aibox_big>.aibox_con{width:100%;background: #fff;height:70px;}
.aibox_big>.aibox_con>.con{position:relative;cursor:pointer;display: inline-block;margin-top: 17px;width:308px;padding-left: 40px;box-sizing: border-box;vertical-align: top}
.aibox_big>.aibox_con>.con>.iconfont{font-size: 30px;color:#898989;vertical-align: middle}
.aibox_big>.aibox_con>.con>span{font-size: 18px;vertical-align: middle;color:#d6d6d6;margin-left: 10px;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 82%;display: inline-block;}
.aibox_big>.aibox_con>.con+.con{border-left:1px solid #e4e4e4}
.aibox_big>.aibox_con>.btn{cursor:pointer;float:right;vertical-align:top;display: inline-block;height:70px;line-height: 70px;text-align: center;width:154px;background:#00A0E8;color:#ffffff;font-size: 20px;}
/*智能移民下拉*/
.aibox_big>.aibox_con>.con>.sel_box{position: absolute;left:0;top:53px;background: #fff;box-shadow:0px 8px 10px 0px rgba(184,184,184,0.69);padding:25px;width:469px;box-sizing: border-box;}
.aibox_big>.aibox_con>.con>.sel_box>.title{font-size:18px;font-weight:500;color:rgba(51,51,51,1);line-height:48px;}
.aibox_big>.aibox_con>.con>.sel_box>.title>span{font-size: 13px;color:#999}
/*国家*/
.aibox_big>.aibox_con>.con>.sel_box>.every{width:100px;display: inline-block;vertical-align: top;padding-right: 15px;border-right:1px solid rgba(240,240,240,1);}
.aibox_big>.aibox_con>.con>.sel_box>.every+.every{margin-left: 15px;}
.aibox_big>.aibox_con>.con>.sel_box>.every>.title{font-size:18px; font-weight:500;color:rgba(102,102,102,1);line-height:48px;margin-left: 30px;margin-bottom: 5px;}
.aibox_big>.aibox_con>.con>.sel_box>.every>.every_sel{display:block;margin-bottom: 14px;}
.aibox_big>.aibox_con>.con>.sel_box>.every>.every_sel>span{display:block;width:90px;text-align: center;height:32px;color:#000;border:1px solid rgba(215,217,217,1);border-radius:3px;font-size: 14px;margin:0;line-height:32px;}
.aibox_big>.aibox_con>.con>.sel_box>.every>.every_sel>input{visibility: hidden;display: none}
.aibox_big>.aibox_con>.con>.sel_box>.every>.every_sel>input:checked+span{color:#57A8F3;border:1px solid #57A8F3;}
/*欧洲*/
.aibox_big>.aibox_con>.con>.sel_box>.every.sec{width:200px;}
.aibox_big>.aibox_con>.con>.sel_box>.every.sec>.every_sel{float: left;margin-left: 8px;}
/*预算*/
.aibox_big>.aibox_con>.con>.sel_box.bugbet{width:627px;padding:25px 35px;}
.aibox_big>.aibox_con>.con>.sel_box>.every_sel{display:inline-block;margin-top: 14px;margin-right: 20px;cursor: pointer}
.aibox_big>.aibox_con>.con>.sel_box>.every_sel>span{display:block;width:112px;text-align: center;height:32px;color:#000;border:1px solid rgba(215,217,217,1);border-radius:3px;font-size: 14px;margin:0;line-height:32px;}
.aibox_big>.aibox_con>.con>.sel_box>.every_sel>input{visibility: hidden;display: none}
.aibox_big>.aibox_con>.con>.sel_box>.every_sel>input:checked+span{color:#57A8F3;border:1px solid #57A8F3;}
/*目的*/
/*.aibox_big>.aibox_con>.con>.sel_box.aim{width:469px;padding:25px 35px;}*/
/*.aibox_big>.aibox_con>.con>.sel_box>.every_sel{display:inline-block;margin-top: 14px;margin-right: 20px}*/
/*.aibox_big>.aibox_con>.con>.sel_box>.every_sel>span{display:block;width:90px;text-align: center;height:32px;color:#000;border:1px solid rgba(215,217,217,1);border-radius:3px;font-size: 14px;margin:0;line-height:32px;}*/
/*.aibox_big>.aibox_con>.con>.sel_box>.every_sel>input{visibility: hidden;display: none}*/
/*.aibox_big>.aibox_con>.con>.sel_box>.every_sel>input:checked+span{color:#57A8F3;border:1px solid #57A8F3;}*/
/*国家入口*/
.countryjin_box{position: absolute;right:200px;top:50px;bottom:0;margin: auto;width:190px;background: rgba(0,0,0,0.7);height:330px;border-radius: 8px;padding: 0 10px;box-sizing: border-box;overflow-y: auto}
.countryjin_box>.title{width:100%;border-bottom: 1px solid #5f5d5d;padding: 5px 0;}
.countryjin_box>.title>img{width:53px;height:53px;vertical-align: middle;margin-right: 10px}
.countryjin_box>.title>span{width:80px;height:31px;display: inline-block;vertical-align: middle;color: #fff;font-size: 18px;}
.countryjin_box>.con{width:100%;margin:8px 0;display: block}
.countryjin_box>.con>img{width:40px;height:28px;vertical-align: middle;}
.countryjin_box>.con>span{width:calc(100% - 50px);height:28px;display: inline-block;vertical-align: middle;color: #fff;font-size: 18px;}
.countryjin_box>.con:hover span{color: #009FE8}

/*服务*/
.service_box{width:100%;background: #EEEEF1;padding-top: 40px;padding-bottom: 40px}
.service{width:1100px;margin:0 auto;padding-bottom: 20px;}
.service>.title>a{float: right;font-size:16px;color: #009FE8; line-height:24px;margin-right: 30px;font-weight: normal;}
.service>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box;margin-bottom: 20px;}
.service>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.service>.des{font-size:16px;font-weight:500;color:rgba(102,102,102,1);line-height:24px;margin-top: 5px;}
.service>.des>a{float: right;font-size:16px;color:rgba(51,51,51,1); line-height:24px;margin-right: 30px}
.service>.service_con{}
.service>.service_con>.con{width:18%;display: inline-block;margin: 25px 3% 0 3%;vertical-align: top}
.service>.service_con>.con>a{display: block}
.service>.service_con>.con img{height:65px;display: block;margin:0 auto;}
.service>.service_con>.con .title{font-size:20px;color:rgba(51,51,51,1);line-height:25px;text-align: center;margin:13px 0 10px 0;}
.service>.service_con>.con>.des{text-align: center;font-size:14px; font-weight:500;color:rgba(102,102,102,1);line-height:25px;padding:0 6px;}
.service>.service_con>.con>.des>a{color: #00A0E8}

/*移民国家*/
.immgrant_box{width:100%;background: #fff;padding-top: 40px;padding-bottom:40px;}
.immgrant{width:1100px;margin:0 auto;}
.immgrant>.title>a{float: right;font-size:16px;color: #009FE8;margin-right: 30px;font-weight: normal;line-height: 47px;}
.immgrant>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.immgrant>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.immgrant>.title>.tabList{float: right;font-size: 0;}
.immgrant>.title>.tabList>.tab{display: inline-block;color: #333;font-size: 14px;cursor: pointer;margin-right: 8px;line-height: 50px;}
.immgrant>.title>.tabList>.tab:hover{color: #00A0E8}
.immgrant>.title>.tabList>.tab>img{width:40px;height:25px;vertical-align: middle;margin-top: -5px;margin-right: 3px;}
.immgrant>.content{width:100%;display: flex;flex-wrap: wrap}
.immgrant>.content>.con{width:23%;margin: 20px 1%;position: relative;cursor: pointer;overflow: hidden;height:335px;}
.immgrant>.content>.con>img{width:100%;min-height: 335px;vertical-align: middle;transition: all 0.5s;}
.immgrant>.content>.con>.mask{width: 100%;background: #009FE8;opacity: 0;position: absolute;top:0;bottom:0;right:0;left:0;margin:auto;transition: 1s all;}
.immgrant>.content>.con>.nameBox{width: 100%;position: absolute;top:40px;text-align: center;left:0;width:100%;transition: 1s all;opacity: 1}
.immgrant>.content>.con>.nameBox>.cn{text-align: center;color: #fff;font-size: 24px;line-height: 40px}
.immgrant>.content>.con>.nameBox>.en{text-align: center;color: #fff;font-size: 16px}
.immgrant>.content>.con>.mes{width: 90%;position: absolute;top:40px;text-align: center;opacity: 0;transition: 1s all;left:0;right:0;margin:auto;}
.immgrant>.content>.con>.mes>.big{text-align: center;color: #fff;font-size: 24px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all}
.immgrant>.content>.con>.mes>.small{text-align: center;color: #fff;font-size: 12px;line-height: 25px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
.immgrant>.content>.con>.mes>.zhong{text-align: center;color: #fff;font-size: 18px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all}
.immgrant>.content>.con>.desBox{transition: all 0.5s;width:90%;background: #fff;padding: 8px;box-sizing: border-box;position: absolute;bottom:20px;left:0;right:0;margin:auto;}
.immgrant>.content>.con>.desBox>.des{font-size: 14px;line-height: 23px;height:45px;color: #666; overflow: hidden;font-size: 0;}
.immgrant>.content>.con>.desBox>.des>span{transition: all 0.5s;width:100%;text-align: center;display: inline-block;vertical-align: middle;color: #666;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.immgrant>.content>.con>.desBox>.fu{font-size: 14px;line-height: 23px;color: #666}
.immgrant>.content>.con:hover img{transform: scale(1.1,1.1)}
.immgrant>.content>.con:hover .desBox{color: #fff;background:#009FE8 }
.immgrant>.content>.con:hover .desBox>.des>span{color: #fff;}



/*热门项目介绍*/
.project_box{width:100%;background: #fff;padding-top: 40px;padding-bottom:40px;}
.project1{width:1100px;margin:0 auto;}
.project1>.title>a{float: right;font-size:16px;color: #009FE8;margin-right: 30px;font-weight: normal;line-height: 47px;}
.project1>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.project1>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.project1>.title>.tabList{width: 330px;float: right;}
.project1>.title>.tabList>.tab{display: inline-block;color: #000000;font-size: 15px;cursor: pointer;margin-right: 15px;line-height: 30px;}
.project1>.title>.tabList>.tab.active{border-bottom: 2px solid #009FE8;color: #009FE8}
.project1>.title>.tabList>.tab:hover{color: #009FE8}
.project1>.content{width:100%;display: flex;flex-wrap: wrap}
.project1>.content>.con{width:23%;display: inline-block;cursor:pointer;margin:30px 0% 0 1%;vertical-align: top;box-shadow:0px 4px 8px 0px rgba(196,196,196,0.61);border-radius: 5px;overflow: hidden}
.project1>.content>.con>.imgbox{width:100%;height:154px;overflow: hidden;}
.project1>.content>.con>.imgbox>img{width:100%;min-height: 154px;transition: all 0.5s;}
.project1>.content>.con>.title{transition: all 0.5s;font-size:20px;color:rgba(102,102,102,1);line-height:25px;padding:15px 0 7px 10px;text-align: center}
.project1>.content>.con>.des{height:50px;transition: all 0.5s;font-size:15px;font-weight:500;color:rgba(153,153,153,1);line-height:25px;padding:0 10px 14px 10px;text-align: center}
.project1>.content>.con:hover .imgbox>img{transform: scale(1.2,1.2)}
.project1>.content>.con:hover .title{color: #fff;background:#009FE8 }
.project1>.content>.con:hover .des{color: #fff;;background:#009FE8}
/*海外房产*/
.house_box{width:100%;background: #fff;padding-top: 40px;padding-bottom:80px;}
.house{width:1100px;margin:0 auto;}
.house>.title>a{float: right;font-size:16px;color: #009FE8; line-height:24px;margin-right: 30px;font-weight: normal;margin-top: 15px}
.house>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.house>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.house>.content{width:100%;display: flex;flex-wrap: wrap}
.house>.content>.con{width: 22%;margin: 20px 1%;border: 1px solid #efefef;cursor: pointer}
.house>.content>.con>.imgBox{width: 100%;position: relative;height:160px;overflow: hidden}
.house>.content>.con>.imgBox>img{width: 100%;position: relative;min-height: 160px;transition: all 0.5s;}
.house>.content>.con>.imgBox>.hot{width: 50px;height:50px;position: absolute;left:0;top:0;z-index: 5}
.house>.content>.con>.imgBox>.hot>img{width: 50px;height:50px;}
.house>.content>.con>.imgBox>.price{width: 100%;height:80px;position: absolute;left:0;bottom:0;z-index: 6;padding:10px;box-sizing: border-box}
.house>.content>.con>.imgBox>.price>.dan{width: 100%;color: #fff;font-size: 14px}
.house>.content>.con>.imgBox>.price>.num{width: 100%;color: red;font-size: 22px;line-height: 40px}
.house>.content>.con>.message{width: 100%;padding: 10px;box-sizing: border-box}
.house>.content>.con>.message>.adress{width: 100%;color: #666;font-size: 12px;line-height: 25px;}
.house>.content>.con>.message>.adress>span{float: right;color: red;font-weight: 600;font-size: 18px;}
.house>.content>.con>.message>.name{transition: all 0.5s;width: 100%;color: #333;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;line-height: 40px;}
.house>.content>.con>.message>.mes{width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;line-height: 26px;}
.house>.content>.con>.message>.mes>.iconfont{color: #999;}
.house>.content>.con>.message>.mes>span{color: #999;font-size: 14px;}
.house>.content>.con:hover .imgBox>img{transform: scale(1.2,1.2)}
.house>.content>.con:hover .message>.name{font-weight: 600;color: #009FE8}



/*海外专家*/
.export_box{width:100%;background: #EEEEF1;padding-top:20px;padding-bottom: 48px;}
.export{width:1100px;margin:0 auto;}
.export>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box;margin-bottom: 20px}
.export>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.export>.des{font-size:16px;font-weight:500;color:rgba(102,102,102,1);line-height:24px;margin-top: 5px;margin-bottom: 23px;}
.exportbanner .slider{background: #fff;}
.exportbanner .export_con{background:rgba(255,255,255,1); box-shadow:0px 2px 7px 0px rgba(206,206,206,0.74); border-radius:4px;padding:30px 20px 20px 20px;}
.exportbanner .export_con>img{width:96px;height:96px;box-shadow:0px 2px 7px 0px rgba(0,87,139,0.61);border-radius:50%;display: block;margin:0 auto;}
.exportbanner .export_con>.name{font-size:20px;color:rgba(51,51,51,1);line-height:24px;text-align: center;margin-top: 10px;height: 24px;overflow: hidden;}
.exportbanner .export_con>.wei{font-size:18px;  font-weight:500;color:rgba(102,102,102,1);line-height:30px;text-align: center;margin-top: 10px;    padding: 0 10px; box-sizing: border-box;min-height: 60px;}
.exportbanner .export_con>.good{font-size:14px;font-weight:600;color:#333;line-height:24px;text-align: center;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height:72px;}
.exportbanner .export_con>.good>span{font-size:14px;font-weight:500;color:rgba(153,153,153,1);line-height:24px;text-align: center;margin-top: 10px;}
.exportbanner .export_con>.btn{cursor:pointer;width:160px;height:38px;border:1px solid rgba(93,183,237,1);border-radius:19px;text-align: center;color:rgba(93,183,237,1);line-height: 38px;margin:10px auto 20px auto;font-size: 14px;transition: all 0.5s}
.exportbanner .export_con>.btn:hover{background: rgba(93,183,237,1);color:#fff}
.export_box .bx-wrapper .bx-prev{background: url(../images/introcoop_prev2.png) no-repeat;    bottom: 0;top: 0;width:35px;height:50px;margin: auto;left:-60px}
.export_box .bx-wrapper .bx-next{background: url(../images/introcoop_next2.png) no-repeat;    bottom: 0;top: 0;width:35px;height:50px;margin: auto;right:-60px}
.export_box .bx-wrapper .bx-next:hover{background-position: 0 0;}
/*轮播*/
.export_box .bx-loading{display: none}



/*攻略*/
.strategy_box{width:100%;background: #fff;padding-top: 40px;padding-bottom:80px;}
.strategy{width:1100px;margin:0 auto;}
.strategy>.title>a{float: right;font-size:16px;color: #009FE8; line-height:24px;margin-right: 30px;font-weight: normal;}
.strategy>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.strategy>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.strategy>.tabList{width:100%;margin: 20px 0 30px 0;}
.strategy>.tabList>.tab{display: inline-block;color: #333;font-size: 16px;cursor: pointer;margin-right: 15px;line-height: 30px;}
.strategy>.tabList>.tab.active{border-bottom: 2px solid #009FE8;color:#009FE8 }
.strategy>.tabList>.tab:hover{color:#009FE8 }
.strategy>.content{width:100%;display: flex;flex-wrap: wrap}
.strategy>.content>.imgBox{width:530px;height:275px;overflow: hidden;position: relative;cursor: pointer}
.strategy>.content>.imgBox:hover img{transform: scale(1.2, 1.2)}
.strategy>.content>.imgBox>img{width:100%;min-height: 275px;transition: all 0.5s;}
.strategy>.content>.imgBox>.name{width:100%;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;position: absolute;bottom:0;text-align: left;padding: 0 30px;box-sizing: border-box;line-height: 50px;font-size:16px}
.strategy>.content>.message{width: calc(100% - 530px);padding: 0 0 0 20px;box-sizing: border-box;}
.strategy>.content>.message>.con{cursor:pointer;width: 100%;display: flex;flex-wrap: wrap;margin: 16px auto;position: relative}
.strategy>.content>.message>.con>.name{transition: all 0.5s;width: calc(100% - 153px);line-height: 36px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;line-height: 28px;color: #666;}
.strategy>.content>.message>.con>.red{color: #FF0000;position: absolute;right: 120px;top: 5px;}
.strategy>.content>.message>.con>.time{width:150px;text-align: right;color: #999;}
.strategy>.content>.message>.con:hover .name{color: #009FE8}




/*案例*/
.case_box{width:100%;background: #fff;padding-top: 40px;    padding-bottom: 10px;}
.case{width:1100px;margin:0 auto;}
.case>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.case>.title>a{float: right;font-size:16px;color: #009FE8; line-height:24px;margin-right: 30px;font-weight: normal;margin-top: 15px}
.case>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.case>.des{font-size:16px;font-weight:500;color:rgba(102,102,102,1);line-height:24px;margin-top: 5px;}
.case_con{margin-top: 28px;position: relative}
.case_con>.con>.title{display:block;width:410px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:16px;color:rgba(51,51,51,1);cursor: pointer;line-height: 35px;}
.case_con>.con>.title:hover{color:#57A8F3;}
.case_con>.con>.title:hover+.detail{display:block;}
.case_con>.con>.detail{display: none;position: absolute;left:420px;top:0;width:760px;height: 180px;overflow: hidden;font-size: 0;}
.case_con>.con>.detail>.detail_mes{width:310px;padding:15px;box-sizing: border-box;display: inline-block;vertical-align: top;background: #EFF3F7;overflow: hidden;height:230px}
.case_con>.con>.detail>img{width:365px;vertical-align: top;display: inline-block;}
.case_con>.con>.detail>.detail_mes>.des{width:100%;font-size:16px;color:rgba(51,51,51,1);line-height:24px;border-bottom: 1px dashed #666666;float: left;padding-bottom: 12px;}
.case_con>.con>.detail>.detail_mes>.des>.zi{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: 14px;}
.case_con>.con>.detail>.detail_mes>.time{font-size:14px; color:rgba(102,102,102,1);line-height:24px;float: left}




/*移民帮荣誉证书*/
.honour_box{width:100%;background: #fff;padding-top: 50px;}
.honour{width:1100px;margin:0 auto;}
.honour>.title>a{float: right;font-size:16px;color: #009FE8; line-height:24px;margin-right: 30px;font-weight: normal;}
.honour>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.honour>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.honourbanner{margin-top: 30px}
.honour_con img{width:100%;min-height: 197px}
.honour_con>.name{font-size:14px;font-weight:bold;color:rgba(102,102,102,1);text-align: center;line-height: 36px;margin-top:10px;}
.honour_box .bx-wrapper .bx-prev{background: url(../images/introcoop_prev2.png) no-repeat;    bottom: 0;top: 0;width:35px;height:35px;margin: auto;left:-60px}
.honour_box .bx-wrapper .bx-next{background: url(../images/introcoop_next2.png) no-repeat;    bottom: 0;top: 0;width:35px;height:35px;margin: auto;right:-60px}
.honour_box .bx-wrapper .bx-next:hover{background-position: 0 0;}





/*DIY*/
.diy_box{width:100%;background: #fff;padding-top: 40px;padding-bottom:80px;}
.diy{width:1100px;margin:0 auto;}
.diy>.title{font-size:28px;font-weight:bold;color:rgba(0,0,0,1);border-left: 4px solid #B28850;padding-left: 15px;box-sizing: border-box}
.diy>.title>span{font-size:16px;color:rgba(102,102,102,1);margin-right: 10px;}
.diy>.des{font-size:16px;font-weight:500;color:rgba(102,102,102,1);line-height:24px;margin-top: 5px;}
.diy>.des>a{float: right;font-size:16px;color:rgba(51,51,51,1); line-height:24px;margin-right: 30px}
.diy_con{width:100%;margin-top: 30px;}
.diy_con>.con_input{width:450px;display: inline-block;margin-right: 30px;}
.diy_con>.con_input>form>.input{background: #F6F6F6;padding:35px 50px;vertical-align: top;box-sizing: border-box;width:100%;height:270px;}
.diy_con>.con_input>form>.input>.inputbox{font-size:17px;color:rgba(51,51,51,1);line-height:27px;margin-bottom: 35px;position: relative}
.diy_con>.con_input>form>.input>.inputbox>input{width:249px;height:41px;border:1px solid rgba(0,160,232,1);border-radius:5px;padding:0 10px;box-sizing: border-box;font-size: 14px;}
.diy_con>.con_input>form>.input>.inputbox>span{width:249px;height:41px;border:1px solid rgba(0,160,232,1);border-radius:5px;padding:0 10px;box-sizing: border-box;color:#999;display: inline-block;vertical-align: top;line-height: 41px;cursor: pointer;font-size: 16px;}
.diy_con>.con_input>form>.input>.inputbox>span>.iconfont{font-size: 12px;float: right;margin-right: 8px;color:#CECECE}
.diy_con>.con_input>form>.input>.inputbox>.iconfont{font-size: 18px;color:#999;}
.diy_con>.con_input>.btn{background:#5AB0F0;border-radius:8px;width:320px;height:60px;font-size:18px;color:rgba(255,255,255,1);text-align:center;color:#fff;line-height: 60px;margin:41px auto 0 auto;cursor: pointer}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox{position: absolute;right:50px;width:137px;}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.sanjiao{display: block;border-bottom: 16px solid transparent;border-left: 16px solid #333;transform: rotate(45deg);position: absolute;left: 55px;top: -8px;}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.title{width:120px;background: rgba(0,0,0,0.5);font-size:16px;color:rgba(225,225,225,1);line-height:48px;text-align: center}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box{height:280px;overflow-y:auto;}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box>.smallcon{width:120px;background:#333;padding-bottom: 15px;}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box>.smallcon>.con{display: block}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box>.smallcon>.con>input{visibility: hidden;display: none}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box>.smallcon>.con>input:checked+span{background: rgba(87,168,243,1);}
.diy_con>.con_input>form>.input>.inputbox>.sel_conbox>.smallcon_box>.smallcon>.con>span{width:100%;display:block;cursor:pointer;font-size:16px;color:rgba(225,225,225,1);line-height:34px;text-align: center}
.diy_con>.con_yue{width:290px;display: inline-block;vertical-align: top;box-sizing: border-box;}
.diy_con>.con_yue+.con_yue{margin-left: 20px;}
.diy_con>.con_yue>img{width:100%;}
.diy_con>.con_yue>.name{font-size:18px;font-weight:bold;color:rgba(51,51,51,1);line-height:27px;text-align: center;margin:20px auto 14px auto;}
.diy_con>.con_yue>.des{font-size:16px;color:rgba(102,102,102,1);padding:0 50px;box-sizing: border-box;text-align: center}
.diy_con>.con_yue>.btn{width:153px;height:39px;border:1px solid rgba(0,160,232,1);border-radius:20px;margin: 0 auto;text-align: center;line-height: 39px;color: rgba(0,160,232,1);margin-top: 35px;cursor: pointer}
.diy_con>.con_yue>.btn:hover{background: rgba(0,160,232,1);color:#fff;}
.diy_con>.con_good{width:100%;margin-top: 45px;}
.diy_con>.con_good>.good{width:18%;display: inline-block;margin:30px 0 0 1%;}
.diy_con>.con_good>.good+.good{border-left:1px dashed #d7d9d9;}
.diy_con>.con_good>.good>img{display: block;margin:0 auto;}
.diy_con>.con_good>.good>span{display: block;text-align: center;margin-top:17px;font-size: 16px;color:#333}

/*弹窗*/
.diy_mask{position: fixed;width:100%;left:0;right:0;top:0;bottom:0;margin:auto;background: rgba(0,0,0,0.7);z-index: 2}
.diy_mask>.diymask_box{width:663px;height:170px;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;background: #fff;border-radius: 5px;}
.diy_mask>.diymask_box>.des{line-height: 85px;border-bottom:1px solid rgba(238,238,238,1);font-size:20px;color:rgba(153,153,153,1);text-align: center;}
.diy_mask>.diymask_box>.btn{text-align: center;line-height: 85px;font-size:20px;color:rgba(0,148,232,1);cursor: pointer}




/*友情地址*/
.friend_box{width:100%;background: #fff;padding-top: 40px;}
.friend{width:1100px;margin:0 auto;background: #F6F6F6;padding:40px 60px;box-sizing: border-box}
.friend>.tabList{width:100%;border-bottom: 2px solid #D2D2D2}
.friend>.tabList>.tab{display: inline-block;padding: 10px 15px;color: #000000;font-size: 16px;cursor: pointer}
.friend>.tabList>.tab.active{color: #5AB0F0;border-bottom: 3px solid #5AB0F0}
.friend>.content{width:100%;padding: 20px 0 0}
.friend>.content>span{display: inline-block;margin: 10px 15px 10px 0;}