/*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; }

body{}

.nav_w{position: relative;margin: 0 auto}
.navv_w{padding-top:1px;position: relative}
.base_w{padding-top:1px;position: relative}

.title{width: 100%;position: relative;margin: 40px auto 40px;text-align: center;font-weight: bold;font-size: 40px;color: #3b429a}
.p_tit{font-size: 45px;font-weight: bold;color: #5567d0;text-align: center;}
.tit_bto{text-align: center;vertical-align: middle;height: auto;position: relative;overflow: hidden;}
.line_l{vertical-align: middle;display: inline-block}
.tit_e{vertical-align: middle;display: inline-block;font-weight: bold;color: #727272;margin-left: 10px;margin-right: 10px;font-size: 16px}
.line_r{vertical-align: middle;display: inline-block}

.button{width: 392px;height: 66px;display: block;margin: 20px auto;position: relative;background: url("../images/btn_bg.png") no-repeat center;text-align: center;color: #fff;font-size: 30px;line-height: 66px;}
/*.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: 678px;background: url("../images/banner.png") no-repeat center  top scroll}

.daoyu{width: 100%;height: 280px;background: #f5f5f7}
.daoyu .base_w{background: url("../images/daodu_bg.png") no-repeat center top;height: 279px}
.daoyu p{width: 1061px;text-align: justify;color: #000000;margin: 130px auto 0;line-height: 35px;font-size: 22px}

.needs{width: 100%;height: auto;background: #f5f5f7;position: relative;overflow: hidden;}
.needs ul{width: 100%;height: 420px;margin-bottom: 20px}
.needs ul li{width: 300px;height: 420px;background: url("../images/jg_1.png") no-repeat center;margin-left: 60px;float: left;cursor: pointer}
.needs ul .active{background: url("../images/jg_2.png") no-repeat center}
.needs ul li p{font-size: 15px;color: #3f438c;text-align: center;line-height: 28px;margin-top:50px}

.severs{width: 100%;height: 998px;background: url("../images/bg_1.png") no-repeat center;position: relative;overflow: hidden;}
.swiper-container1{width: 100%;height: 655px;margin-top: 65px}
.swiper-container1 .swiper-slide{width: 374px;height: 568px;background: #ffffff}
.swiper-container1 .swiper-slide img{width: 374px;height: 122px;}
.swiper-container1 .swiper-slide .p_1{width: 314px;margin: 30px auto 20px;font-size: 22px;font-weight: bold;color: #0365d3;text-align: justify;line-height: 34px}
.swiper-container1 .swiper-slide .p_2{width: 314px;margin: 0 auto;font-size: 18px;color: #000000;text-align: justify;line-height: 30px}


.institutions{width: 100%;height: 934px;background: url("../images/bg_2.png") no-repeat center;position: relative;overflow: hidden;}
.swiper-container2{width: 100%;height: 685px;margin-top: 65px}
.swiper-container2 .swiper-slide{width: 374px;height: 608px;background: #ffffff}
.swiper-container2 .swiper-slide img{width: 374px;height: 167px;}
.swiper-container2 .swiper-slide .p_1{width: 314px;margin: 30px auto 20px;font-size: 22px;font-weight: bold;color: #0365d3;text-align: justify;line-height: 34px}
.swiper-container2 .swiper-slide .p_2{width: 314px;margin: 0 auto;font-size: 18px;color: #000000;text-align: justify;line-height: 30px}

.how{width: 100%;height: 857px;background: url("../images/bg_3.png") no-repeat center;position: relative;overflow: hidden;}
.how .title{color: #fff;}
.picScroll-left{ width:1140px;overflow:hidden; position:relative;height: 584px;}
.picScroll-left .hd .prev{ display:block;  width:21px; height:34px; float: left;overflow:hidden;position: absolute;left: 0;top:50%;;margin-top: -17px;
    cursor:pointer; background:url("../images/jt_l.png") no-repeat;}
.picScroll-left .hd .next{display:block;  width:21px; height:34px; background:url("../images/jt_r.png") no-repeat;position: absolute;right:0;top:50%;;margin-top: -17px;cursor:pointer;}
.picScroll-left .bd{ padding: 0 54px;width:1012px;overflow: hidden;height: 584px ;position: relative;z-index: 0; }
/*.picScroll-left .bd .picList{width:1080px  }*/
.picScroll-left .bd ul{overflow:hidden;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; width:480px; height:584px;background: #fbfbfb;position: relative;margin-right: 60px  }
.picScroll-left .bd ul li img{width: 480px;height: 288px;display: block}
.picScroll-left .bd ul li .p_1{font-weight: bold;color: #404495;text-align: center;font-size: 23px;line-height: 90px}
.picScroll-left .bd ul li .p_2{color: #404495;text-align: justify;font-size: 18px;width: 422px;line-height: 32px;margin: 0 auto}

.sever{width: 100%;height: 725px;background: #f2f3f7;position: relative;overflow: hidden;}
.sever .title{margin-bottom: 20px}
.sever ul{width: 100%;}
.sever ul li{float: left;margin-left: 98px;margin-top: 17px}
.sever ul li img{width: 234px;height: 261px}

.adv{width: 100%;height: 958px;background: url("../images/bg_4.png") no-repeat center;position: relative;overflow: hidden;}
.adv .title{color: #fff;}
.adv ul{width: 100%}
.adv ul li{width: 553px;height: 238px;border: 3px solid #ffffff;border-radius: 5px;margin-top: 15px}
.adv ul li .p_1{color: #fff;font-size: 22px;font-weight: bold;margin-top: 25px;margin-left: 40px;margin-bottom: 20px}
.adv ul li .p_2{color: #fff;font-size: 20px;width: 491px;margin-left: 40px;line-height: 32px;text-align: justify}

.ljyy{width: 100%;height: 411px;background: #f7fbfd;position: relative;overflow: hidden}
.ljyy .order_tit{font-size: 30px;color: #00429d;font-weight: bold;text-align: center;margin-top: 50px;}
.ljyy .evaluate_form{width:925px;height:242px;margin: 0 auto;}
.ljyy  #form3{margin-top: 30px}
.ljyy  #form3 label span.span01{width:135px;text-align: right;display: inline-block;height:38px;line-height: 38px;color: #666;font-size: 16px;}
.ljyy  #form3 label input{border: 1px solid #c3c3c3;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
    background-color: #fff;height:38px;line-height: 38px;width:290px;margin-bottom: 28px;font-size: 16px;padding-left: 10px;}
.ljyy  #form3 label:nth-child(2n){margin-left: 0px;}
.ljyy  #form3 label span.key{color: #f03c07;font-size: 20px;padding-left: 7px;display: inline-block;height: 20px}
.ljyy  #form3 label input.submit{background-color: #f14918;text-align: center;color: #fff;border: none;margin-left: 315px;padding-left: 0;}
.ljyy  #form3 label .num{width: 166px;}
.ljyy  #changeImg{width: 110px;height: 44px;line-height: 40px;display: inline-block;padding-left: 10px;vertical-align: middle}

.advtange{width: 100%;height: 620px;background: #f5f5f7;position: relative;overflow: hidden}
.advtange .title{height: 79px;background: url("../images/wjys_t.png") no-repeat center;}
.advtange img{width: 857px;height: 320px;margin: 20px auto;display: block}
.advtange .p_1{font-size: 44px;color: #e40061;font-weight: bold;text-align: center;margin-top: 30px}




    /*底部*/
.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:500px;background:url("../images/kefu_l.png") center top scroll no-repeat;overflow:hidden;padding-bottom:2px;margin-top:-250px}
.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;}