/*详情列表*/
.list{padding-top: 1px; clear: both; margin-bottom: 20px;}
.list .list_new{clear: both;}
.list .list_new .list_li{margin-top: 20px; position: relative; clear: both; height: 145px; border-bottom: 1px dashed #B2B2B2; list-style: none;}
.list .list_new .list_li .left_img{float: left; width: 200px; height: 130px; overflow: hidden;}
.list .list_new .list_li .left_img img{width: 200px;}
.list .list_new .list_li .right_con{float: left; margin-left: 20px; width: 840px; height: 150px;}
.list .list_new .list_li .right_con .head_title{position: relative; margin-top: 10px; margin-bottom: 20px;}
.list .list_new .list_li .right_con .head_title h2{font-size: 16px; line-height: 20px;}
.list .list_new .list_li .right_con .head_title .time{position: absolute; right: 10px; bottom: 0;}
.list .list_new .list_li .right_con .con_p{font-size: 13px; line-height: 20px;}
.intro{background-color: #f5faff; clear: both; padding: 12px 0 0;}
.intro .con_img{margin-top: 20px; clear: both; padding: 0 0 20px;}
.intro .con_img img{float: left; margin-left: 28px; margin-right: 20px;}
.intro .con_img p{font-size: 14px; line-height: 20px;}
.intro .title_big{margin: 0 0 0 6px;}
.task{background-color: #f5faff; clear: both; margin-top: 12px;}
.task .other{padding: 0 0 20px;}
.task .other table{font-size: 14px; margin-left: 28px; margin-top: 10px; width: 90%; text-align: left;}
.task .other table tr{height: 20px; line-height: 20px;}
.task .other table th{text-align: left}
.task .other table tr td{width: 33.3%;}
/*图片列*/
.intro .nav_p{font-size: 14px; line-height: 180%; margin-top: 10px; margin-bottom: 20px; text-indent: 30px; padding: 0 20px;}
.empty-space{height: 20px; background: #fff;}
.intro .div_img{clear: both; width: 1040px; margin: 0 auto 40px; padding: 0 0 20px;}
.intro .div_img .div_sub_img{float: left; position: relative; width: 500px; height: 380px; overflow: hidden;margin-right: 20px; margin-bottom: 30px;}
.intro .div_img .div_sub_img img{}
.ml40{margin-left: 30px;}
.intro .div_img .div_sub_img .sub_p{position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: #FFFFFF; background: rgba(0, 0, 0, 0.5);}
.two{background-color: #4c7db1; height: 350px;}
.bar .bar_show{position: relative; margin: 0 auto; width: 1224px; height:350px;}
/*文字*/
.p_list{line-height: 180%; color: #666; padding: 20px;font-size: 14px; font-weight: normal;}
.p_list .text{font-size: 14px; font-weight: normal; line-height: 24px; text-indent: 28px;}
/*弹出层*/
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; opacity: 0.6; filter: alpha(opacity=60)}
.modal{position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; padding: 20px 20px; text-align: center; vertical-align: middle; margin: -250px 0 0 -280px; background-color: #ffffff;  border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box}
.close{cursor: pointer; padding: 2px 3px; position: absolute; right: 10px; /*// bottom: -10px;*/ /* color: #ffffff;*/}
.close:hover{color: #ffffff;}
.modal{display: none; width: 560px; padding: 40px 20px; text-align: center; vertical-align: middle; background: white; border: 2px solid #FFFFFF; margin-left: -290px; border-radius: 10px; margin-bottom: 40px; box-shadow: 0 1px 0 white inset; margin-top: -267px;}
.modal .close{position: absolute; bottom: -35px; right: -10px; height: 25px; overflow: hidden; color: #ffffff; opacity: 0.3;}
.modal .modal_title{font-size: 20px; margin-bottom: 10px;}
.modal .modal_p{font-size: 14px; margin-bottom: 20px;}
.modal .modal_ul{width: 350px; margin: 0 auto;}
.modal .modal_ul .li_list{width: 350px; height: 40px; border: 1px solid #999999; clear: both; line-height: 40px; margin-bottom: 20px;}
.modal .modal_ul .li_msg{position: relative; width: 350px; height: 40px; border: 1px solid #999999; clear: both; line-height: 40px; margin-bottom: 20px;}
.modal .modal_ul .li_msg .name{float: left; text-align: left; text-indent: 20px; margin-top: 3px; display: block; font-size: 13px; height: 34px; width: 100px; line-height: 34px; border-right: 1px solid #999999;}
.modal .modal_ul .li_msg .input{float: left; border: none; margin-top: 3px; width: 100px;  line-height: 20px;height: 20px;padding: 7px 0 7px 5px;}
.modal .modal_ul .msg_code{position: relative; width: 220px; height: 40px; border: 1px solid #999999; clear: both; line-height: 40px; margin-bottom: 20px;}
.modal .modal_ul .msg_code .name{float: left; text-align: left; text-indent: 20px; margin-top: 3px; display: block; font-size: 13px; height: 34px; width: 100px; line-height: 34px; border-right: 1px solid #999999;}
.modal .modal_ul .msg_code .input{float: left; border: none; margin-top: 3px; width: 80px; padding-left: 5px; height: 30px; line-height: 30px;}
.modal .modal_ul .msg_code .btn_code{float: left; position: absolute; top: 0; right: -130px; border: 1px solid #cccccc; background-color: #f8f8f8;  cursor: pointer;padding:0 10px; }
.modal .modal_ul .li_list .name{float: left; text-align: left; text-indent: 20px; margin-top: 3px; display: block; font-size: 13px; height: 34px; width: 100px; line-height: 34px; border-right: 1px solid #999999;}
.modal .modal_ul .li_list .input{float: left; border: none; margin-top: 3px; width: 120px; padding-left: 5px; height: 30px; line-height: 30px;}
.hr{margin-top: 30px; clear: both;}
.pd20{padding-top: 20px;}
.btn_sut{cursor: pointer; background-color: #528fcc; border: none; color: #FFFFFF; font-size: 16px; line-height: 16px; padding: 10px 40px;}
.btn_sut:hover{color: #FFFFFF;}
.modal .modal_two{padding: 0px 70px; text-align: center;}
.modal .modal_two .p_title img{text-align: left; vertical-align: middle; margin-right: 10px;}
.modal .modal_two .p_title{font-size: 16px; vertical-align: middle;}
.modal .modal_two .p_three img{text-align: left; vertical-align: middle; margin-right: 10px;}
.modal .modal_two .p_three{font-size: 16px; vertical-align: middle; padding: 150px 0px;}
.modal .modal_two .sub_two{margin-left: 30px; line-height: 24px; text-align: left; font-size: 13px; margin-bottom: 30px;}
.modal .modal_two .sub_two .hint{line-height: 60px;}
.modal .modal_two .sub_two .hint strong{font-size: 24px; font-weight: bold; color: #DA1710;}
.order_ul{margin-top: 20px; text-align: left;}
.order_ul li{height: 50px; line-height: 20px;}
.order_ul li .order_title{font-size: 14px;}
.order_ul li p{font-size: 14px;}
/*按钮*/
.apply_btn{cursor: pointer; position: absolute; background-color: #d93d3d; border: none; top: 50%; right: 0px; color: #FFFFFF; font-size: 20px; line-height: 20px; padding: 20px 80px;}
.apply_btn:hover{background-color: #c43737; color: #FFFFFF;}
.button{cursor: pointer; position: absolute; background-color: #0090DC; border: none; top: 40%; right: 0px; color: #FFFFFF; font-size: 14px; line-height: 14px; padding: 10px 30px;}
.button:hover{color: #FFFFFF; background-color: #0066ff;}
/*训练营*/
.mb50{margin-bottom: 50px;}
.techer{background-color: #f5faff; padding-top: 10px;}
.img_list{clear: both; height: 240px;}
.img_list .img_item{float: left; width: 140px; text-align: center; margin-left: 30px; margin-right: 72px;}
.img_list .img_title{margin-top: 5px; font-size: 16px; line-height: 30px;}
.img_list .p_txt{text-align: left; font-size: 14px; line-height: 20px;}
.tech_list{clear: both; height: 250px;}
.tech_list .tech{float: left; position: relative; margin-left: 10px; margin-right: 35px; width: 190px; height: 230px; overflow: hidden; text-align: center; cursor: default; border: 4px solid #cccccc;}
.tech_list .tech .image{position: absolute; width: 190px; height: 230px;}
.tech .layer{width: 190px; height: 230px; position: absolute; overflow: hidden; top: 0; left: 0;}
.tech_list .tech img{display: block; position: relative;width: 100%}
.tech_list .tech a.info{background: url("../images/tmp/cross.png") center no-repeat; display: inline-block; text-decoration: none; padding: 0; text-indent: -9999px; width: 60px; height: 60px;padding-top: 180px;}
.tech_list .tech .layer{opacity: 0; overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tech_list .tech a.info{position: relative; top: -10px; opacity: 0; -webkit-transition: opacity 0.3s 0s ease-in-out; -moz-transition: opacity 0.3s 0s ease-in-out; -o-transition: opacity 0.3s 0s ease-in-out; -ms-transition: opacity 0.3s 0s ease-in-out; transition: opacity 0.3s 0s ease-in-out;}
.tech_list .tech:hover .layer{opacity: 1; border-top: 0px solid rgba(0, 0, 0, 0); border-left: 65px solid rgba(0, 0, 0, 0); border-right: 150px solid rgba(0, 0, 0, 0); border-bottom: 100px solid rgba(0, 0, 0, 0);}
.tech_list .tech:hover a.info{opacity: 1; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}

.tech_list .tech .div_bar{z-index:10;position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px;}
.tech_list .tech .div_bar .tech_bg{z-index: -1;width: 100%; height: 40px; position: absolute; background-color:#000000; opacity:0.5;filter:alpha(opacity=50);}
.tech_list .tech .div_bar p{z-index: 10; color: #FFFFFF; text-align: center; font-size: 16px;}

.apply_know{clear: both; height: 50px;}
.apply_know .mark{float: left; margin-left: 20px;}
.apply_know .mark .pay_img{float: left;}
.apply_know .mark .pay_p{float: left; margin-left: 10px;}
.apply_know .mark .pay_p p{font-size: 12px; line-height: 16px;}
.apply_know .mark .pay_p .through{text-decoration: line-through;}
.apply_know .mark .pay_p .orange{color: #ff6600;}
.mr180{margin-right: 180px;}
.tech_intro{float: left; padding-top: 50px; padding-bottom: 30px;}
.tech_intro .tech_img{float: left; margin-right: 20px; width: 190px; height: 230px; overflow: hidden; border: 4px solid #cccccc;}
.tech_intro .tech_tail{float: left; text-align: left; margin-left: 20px; font-size: 14px; line-height: 20px; list-style: disc;}
.tech_intro .tech_tail li{width: 280px; margin-top: 5px;}
.tech_intro .tech_tail .tech_name{font-size: 16px; line-height: 24px;}
.select{border: none; font-size: 12px; height: 30px; color: #666666; /* width: 200px;*/}
.list_msg{width: 200px;}
.tech_box{display: none; width: 760px; padding: 40px 20px; text-align: center; vertical-align: middle; background: white; border: 2px solid #FFFFFF; margin-left: -390px; border-radius: 10px; margin-bottom: 40px; box-shadow: 0 1px 0 white inset; margin-top: -267px;}
.hidden_msg{position: absolute; top: -1px; right: -130px; width: 100px; height: 40px; background-color: #ffe8e8; color: #ff0000; border: 1px solid #d9534f;}
img{
    max-width: 100%; 
}
#popupShadow{
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10000;
}