﻿/*header*/
.header { width:100%; height:87px; background-color:#000000; overflow:hidden; }
.header .nnn { width:1200px;height:87px;margin:0 auto;text-align:left; }
.header .nnn img { float:left; display:inline; margin-left:20px; margin-top:12px;  }
.header ul { float:right; display:inline; width:565px; height:50px; padding-left:15px; margin-top:10px; }
.header ul li {display:inline-block;float:left; width:60px;height:auto;text-align:center;margin:8px 0 0 0;border-right:1px solid #293036; }
.header ul li a { color:#ffffff; font-size:14px;}
.header ul li a:hover { color:#ffffff; font-weight:700; }


.nav_w{position: relative;margin: 0 auto}
.navv_w{padding-top:1px;position: relative}
.base_w{padding-top:1px;position: relative}
.title{width:100%;height: 87px;margin: 35px auto;}
.button{width: 340px;height: 60px;display: block;margin: 40px auto;position: relative;background: #df3735;text-align: center;color: #fff;font-size: 32px;line-height: 60px;font-weight: bold;-moz-border-radius: 50px; /* Firefox */
    -webkit-border-radius: 50px; /* Safari 和 Chrome */
    border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.button:hover{text-decoration: underline}
.a_1{color: #f00;}
.a_1:hover{text-decoration: underline}
.button_1{width: 180px;height: 35px;display: block;margin: 10px auto;position: relative;background: #df3735;text-align: center;color: #fff;font-size: 18px;line-height: 35px;-moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari 和 Chrome */
    border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.button_1:hover{text-decoration: underline}

/*banner*/
.banner{height: 574px;background: url("../images/banner.jpg") no-repeat center scroll}

.daoyu{width: 100%;height: 170px;background: #f2f8ff}
.daoyu .base_w{background: url("../images/daodu_1.png") no-repeat 25px center;height: 169px}
.daoyu .base_w p{width: 960px;text-align: justify;font-size: 22px;color: #222222;padding-left: 155px;padding-top: 25px;line-height: 40px}

.project{width: 100%;height: 568px;}
.project .title{background: url("../images/title_1.png") no-repeat center}
.project ul{width: 100%;height: 245px;}
.project ul li{width: 366px;height: 245px;float: left;margin-left: 21px;position: relative}
.project ul .li_1{background: url("../images/xmjs_1.png") no-repeat center;margin-left: 0}
.project ul .li_2{background: url("../images/xmjs_2.png") no-repeat center}
.project ul .li_3{background: url("../images/xmjs_3.png") no-repeat center}
.project ul li .p_t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #fff;font-weight: bold;font-size: 26px;position: absolute;bottom: 0;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/  filter:Alpha(opacity=80); background:#000;/*实现IE背景透明*/}
.project ul li .p_des{display: none;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/  filter:Alpha(opacity=80); background:#000;position: absolute;top: 0;}
.project ul li .p_des .p_1{text-align: center;font-weight: bold;color: #fff;line-height: 60px;font-size: 26px}
.project ul li .p_des .p_2{font-size: 16px;color: #fff;line-height: 30px;padding-left: 15px;width: 337px}
.project ul li .p_des .p_2 .span_1{font-weight: bold;}
.project ul li .p_des .p_2 .span_2{width: 198px;display: inline-block}


.advantage{width: 100%;height: 665px;background: url("../images/bg_1.jpg") no-repeat center;}
.advantage .title{background: url("../images/title_2.png") no-repeat center}
.advantage ul{width: 1064px;height: 355px;margin: 0 auto;background: url("../images/ys_bg.png") no-repeat center;}
.advantage ul li{width: 173px;height: 318px;float: left;margin-left: 43px;margin-top: 14px}
.advantage ul li .p_1{width: 154px;line-height: 50px;border-bottom: 1px dashed #333333;font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin: 5px auto 0}
.advantage ul li .p_2{width: 154px;text-align: justify;color: #333333;margin: 0 auto;line-height: 30px }

.travel{width: 100%;height: 1295px;}
.travel .title{background: url("../images/title_3.png") no-repeat center}
.travel .travel_tit{font-weight: bold;font-size: 28px;color: #222222;}
.travel table{width: 100%;height: 365px;margin-top: 20px}
.travel table tr{width: 100%;height: 60px;line-height: 60px;}
.travel table tr th{width: 190px;height: 60px;text-align: center;line-height: 60px;background: #ceebf6;border-right: 1px solid #fcfefe;color: #222222;font-size: 24px;border-bottom: 1px solid #ffffff}
.travel table tr .th_1{width: 180px;background: #ceebf6}
.travel table tr .td_1{width: 180px;background: #ceebf6;font-size: 24px;border-bottom: 1px solid #ffffff}
.travel table tr td{width: 190px;height: 60px;text-align: center;line-height: 60px;border-right: 1px solid #fcfefe;color: #222222;}
.travel table tr .td_2{line-height: 23px}
.travel table tr .td_3{border-bottom: 1px solid #ceebf6;border-right: 1px solid #ceebf6}
.travel table tr .td_4{width: 174px}
.travel table tr .td_5{width: 153px}
.travel table tr .td_6{width: 170px}

.deadline{width: 100%;height: 540px;background: url("../images/bg_2.png") no-repeat center}
.deadline .title{background: url("../images/title_4.png") no-repeat center}
.deadline ul{width: 100%;height: 331px}
.deadline ul li{float: left;width: 214px;height: 331px;background: #fff;margin-left: 17px}
.deadline ul li img{width: 100%;height: 120px}
.deadline ul li .p_1{width: 188px;font-size: 20px;margin: 0 auto;padding: 10px 0;border-bottom: 1px dashed #333333;color: #222222}
.deadline ul li .p_2{width: 188px;font-size: 16px;margin: 0 auto;padding: 10px 0;color: #222222}

.cost{width: 100%;height: 1092px;}
.cost .title{background: url("../images/title_5.png") no-repeat center}
.cost ul{width: 1082px;height: 501px;margin: 0 auto}
.cost ul li{width: 520px;height: 501px;background: url("../images/fy_1.png") no-repeat center;}
.cost ul li .p_1{text-align: center;line-height: 50px;color: #fff;font-size: 26px;font-weight: bold;}
.cost ul li .p_2{font-weight: bold;color: #222222;margin-left: 44px;margin-top: 20px}
.cost ul li .p_3{color: #222222;margin-left: 44px;line-height: 30px}
.cost ul li img{width: 431px;height: 112px;margin: 15px auto 0;display: block}
.cost .p_tips{text-align: center;color: #555555;margin-top: 20px}





    /*底部*/
.footer{position: relative;height: 269px;text-align: center;line-height: 30px;font-size: 14px;color: #565656;float: left;width: 100%;background: #f4f4f4}

/*<!-- 右浮窗-->*/
#sidebar{width:130px;height:334px;background-image: url("../images/sidebarbj.png");background-position: left top;background-repeat: no-repeat;position: fixed;
    top:23%;right:0.5%;padding-top: 190px;z-index: 20;}
#sidebar ul li{height:38px;line-height: 35px;text-align: center;margin-bottom: 6px;}
#sidebar ul li a{font-size:20px; ;color: #ca0e62;}
#sidebar ul li:hover a{font-size:20px; ;color: #ca0e62;}
#sidebar a.top_1{margin-top:130px;display: block;text-align: center;font-size: 20px;color:#ca0e62; }
#sidebar ul li a:hover{text-decoration:underline;}
#sidebar a.top_1:hover{text-decoration:underline;}

/*左客服*/
.float-kefu{position:fixed;left:5px;top:50%;width:120px;height:396px;background:url("../images/kefu_l.png") center top scroll no-repeat;overflow:hidden;padding-bottom:2px;margin-top:-200px}
.float-kefu ul{width:70px;height:auto;margin:94px 0 0 44px}
.float-kefu ul li{width:70px;height:40px;margin-top:3px}
.float-kefu ul li a{display:block;width:70px;height:40px;color:#fff;font-size:14px;line-height:40px;}
.float-kefu ul li a:hover{text-decoration: underline}

/*在线报名*/
.zx_bm{width:107px;height:230px;position: fixed;overflow: hidden;left:9%;bottom: 0;z-index: 20;}
.bm_l{width:107px;height:230px;float:left;text-align: center;cursor: pointer;
    position: absolute;left:0;top:0;z-index: 10;}
.bm_l img{display: block;position: relative}
.bm_l h2{color: #fc683c;position: absolute;top:113px;left: 20px;}
.form{width:0;height:120px;overflow: hidden;position: absolute;
    left:107px;bottom:10px;}
.form form{width:570px;top: 16px;position: absolute;left: 110px;}
.form form input{border: none;border: 1px solid #fff;background-color: rgba(113,106,103,0.6);color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99716a67,endColorstr=#99716a67);
    width: 208px;height:38px;line-height: 38px;margin-bottom: 10px;padding-left: 10px;position: relative}
.form form select{border: none;border: 1px solid #fff;background-color: rgba(113,106,103,0.6);color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99716a67,endColorstr=#99716a67);
    width: 208px;height:40px;line-height: 40px;margin-bottom: 10px;padding-left: 10px;position: relative;}
.form .zxbm{width: 690px;height: 120px;position: absolute;background-color: rgba(140,133,133,0.7);left:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B28c8585,endColorstr=#B28c8585);}
.form .zxbm>img{width:70px;height:78px;float: left;margin-top: 18px;margin-left:20px;line-height: 40px;}
.form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color:white; filter:alpha(opacity=100);opacity:1!important;  }
.form form input::-moz-placeholder { /* Mozilla Firefox 19+ */  color:white;filter:alpha(opacity=100);opacity:1!important; }
.form form input:-ms-input-placeholder{  color:white;filter:alpha(opacity=100);opacity:1!important;  }
.form form input::-webkit-input-placeholder{  color: white;filter:alpha(opacity=100);opacity:1!important; }
.form form ul li{float: left;margin-right: 10px;color:white;}
.form form ul li.li01{width:220px;}
.form form ul li.li02{width:220px;}
.form form ul li.li03{width:88px;}
.form form ul li.li03 input.btn_submit{width:88px;height:90px;color: #fc683c;padding-left: 0!important;;
    line-height: 88px;font-size: 30px;text-align: center;font-weight: 600;background: #625b58}
.form img.bb{}
.zk{width:10px;height:130px;position: absolute;right:0;top:0;}
.zk img{display: block;cursor: pointer;}
