﻿@charset "utf-8";

/*初始化开始*/
body,h1,h2,h3,h4,h5,h6,input,p,ul,li,dl,dt,dd,ol,form{margin:0; padding:0}
body{     font-family:"微软雅黑"}
ul{list-style:none}
img{border:none; display: block}
a{color:#4B494A; text-decoration:none}
a:hover{color:#38909c; text-decoration: none;}
.fl{float:left}
.fr{float:right}
i{ font-style:normal}
.clear{clear:both; overflow:hidden; height:0}
input:focus{outline:none}
.rel{position:relative}
.abs{position:absolute}
.block{display:block}
.center{ width:1200px; margin:0 auto; overflow:hidden}
a:focus{text-decoration:none !important;}

/*初始化结束*/

.displayMobile{ display:none}
/*头部*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.w1200 { width: 1200px; margin: auto; }
.top_wrap { width: 100%; height: 36px; border: 1px solid #eee; border-left: none; border-right: none; background: #fbfbfb; line-height: 36px; }
.top_nav ul li { float: left; position: relative; }
.top_nav ul li a { color: #545454; }
.top_nav ul li span { padding: 0 13px; color: #545454; }
.top_nav ul li:hover .top_wxCon { display: block; }
.top_nav ul .top_wxCon {display: none;width: 100px;height: 100px;position: absolute;left: 0;top: 36px;z-index: 99;border: 1px solid #ccc;box-shadow: 3px 3px 9px #000;}
.top_nav ul .top_wxCon img{ width:100%;height:100%;}
.top_nav .top_iphone, .top_nav .top_wx { display: inline-block; background: url(../images/iphone.png) no-repeat 0 9px; padding: 0 18px; position: relative; }
.top_nav .top_iphone:before, .top_nav .top_wx:before { content: ''; position: absolute; width: 9px; height: 6px; background: url(../images/sj.png) no-repeat; right: -2px; top: 14px; }
.top_nav .top_wx { background: url(../images/wx.png) no-repeat 0 10px; padding-left: 30px; }
.bdqn_header {width: 100%;background: #fff;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.45);z-index: 5;position: relative;}
.bdqn_header_box {position: relative;background: #fff;z-index: 3;}
.bdqn_logo h1 { display: inline-block; }
.bdqn_logo .new_log_l, .bdqn_logo .new_log_r { display: inline-block; vertical-align: middle; position: relative; }
.bdqn_logo .new_log_r a { margin-left: 56px; }
.bdqn_logo .new_log_r:before { content: ''; height: 45px; position: absolute; top: 12px; margin-left: 28px; padding-left: 28px; }
.bdqn_search { margin-left: 55px; position: relative; }
.bdqn_search .searchText { width: 220px; height: 36px; border: 1px solid #e6e6e6; border-right: none; color: #979797; padding-left: 35px; margin-top: 16px; background: url(../images/dw.png) no-repeat 16px 9px; }
.bdqn_search .searchBtn { height: 36px; width: 55px; position: absolute; border: 1px solid #e6e6e6; right: 4px; top: 16px; }
.bdqn_search .searchBtn:before { content: ''; width: 15px; height: 18px; position: absolute; cursor: pointer; left: 19px; top: 9px; background: url(../images/search.png) no-repeat; }
.bdqn_tel { margin-top: 24px; }
.bdqn_tel span { color: #3bbcce; font-size: 22px; position: relative; padding-left: 43px; }
.bdqn_tel span:before { content: ''; width: 32px; height: 32px; position: absolute; left: 0; top: -4px; background: url(../images/phone.png) no-repeat; }
.new_nav { line-height: 50px; border-bottom: 2px solid #000; background-color: #fff;  }
.new_nav .nav_all { width: 237px; height: 51px;background: #3bbcce url(../images/spy1.png) no-repeat 10px 50%;line-height: 51px; text-align: center;font-size:16px;cursor:pointer; color:#FFFFFF }
.new_nav .nav_all .nav_hot { color: #fff; font-size: 20px; display: block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; display: inline-block; vertical-align: middle; width: 100%; background: #c9151e; }
.new_nav .nav_all .nav_hot:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.new_nav .nav_all .nav_hot:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000 url(../images/sp.png) no-repeat 20px 50%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0; }
.new_nav .new_navList {margin-left: 42px;}
.new_nav .new_navList li {float: left;padding: 0 15px;position: relative;}
.new_nav .new_navList li:hover:before { content: ''; width: 107px; position: absolute; height: 3px; background: #3bbcce; /* border-bottom: 3px solid #f15050;*/ left: 50%; margin-left: -53px; bottom: 0; }
.new_nav .new_navList li:hover a { color: #3bbcce; }
.new_nav .new_navList li:hover a i { transform: translate3d(0, -100%, 0); }
.new_nav .new_navList li:hover a i:before { display: block; }
.new_nav .new_navList li a {color: #3b3b3b;font-size: 18px;position: relative;display: block;overflow: hidden;}
.new_nav .new_navList li a i { position: relative; width: 100%; height: 51px; display: block; transition: -webkit-transform 0.3s linear; }
.new_nav .new_navList li a i:before { display: none; content: attr(data-title); position: absolute; top: 100%; left: 0; width: 100%; text-align: center; }
.new_nav .new_navList li a span { position: absolute; width: 0; height: 0; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #d3d3d3; top: 22px; right: -18px; }
.new_nav .new_navList li .navList_con {width: 107px;text-align: center;position: absolute;display: none;top: 51px;left: 50%;z-index: 9999;margin-left: -53px;box-shadow: 1px 2px 5px #000;}
.new_nav .new_navList li .navList_con a { color: #6e6e6e; display: block; line-height: 32px; background: #fff; font-size: 14px; }
.new_nav .new_navList li .navList_con a:nth-of-type(2n) { background: #f8f8f8; }
.new_nav .new_navList li .navList_con a:hover { color: #f15050; }
.new_nav .new_navList .active:before { content: ''; width: 107px; position: absolute; height: 3px; background: #f15050; /* border-bottom: 3px solid #f15050;*/ left: 50%; margin-left: -53px; bottom: 0; }
.new_nav .new_navList .active a { color: #f15050; } 
header{height: 98px;padding:16px 5% 0 5% }
header .right{margin-top: 13px;}
header .right img{margin-top: 10px;margin-right: 10px}
header .right .daima{font-size: 20px;color: #fff;background: linear-gradient(to right, #524dff 0%,#3471e0 100%);border-radius: 80px;width: 206px;height: 43px;text-align: center;line-height: 43px;}
header .logo a{display: inline-block}
.banner{ background:url("../images/xqhz-banner.jpg") no-repeat center top;height: 659px; text-align: center;position: relative}
.banner .ban-zhuti{ display: inline-block;margin-top: 132px;}
.banner .ban-jiantou{position: absolute;-webkit-animation: move23 1s infinite; animation: move23 1s infinite;left: 50%;margin-left: -33px;top:565px;}
@keyframes move23 {
    25% {
    transform: translateY(5px);
}

    100%, 50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-2px);
    }

}

/*内容部分*/
.con1{ background:url("../images/con1-bg.jpg")center center no-repeat;height: 746px;text-align: center;}
.title h1{background: url("../images/title-bg.png")no-repeat;height: 49px;width: 347px;display: inline-block;font-size: 40px;color: #1b5fdc;font-weight: bold;margin-top: 70px;letter-spacing: 1px}
.title h2{font-size: 18px;color: #666;margin: 0 0 40px 0}
.con1 .content{ position: relative;height: 493px;}
.con1 .content .left{position: absolute;left: 0;top: 0;z-index: 2;}
.con1 .content .right{width: 1073px;height: 431px;background: #f4f8ff;position: absolute ;right: 0;top: 62px;z-index: 1;text-align: left;padding:0 56px 0 270px;}
.con1 .content .right h3{font-size: 30px;font-weight: bold;color: #1b5fdc;margin: 38px 0 30px 0;}
.con1 .content .right p{font-size: 20px;color: #222;line-height: 34px;margin-bottom: 50px;}
.con1 .content .right .xian{width: 44px;height: 2px;background:#1b5fdc;display: block}
.con1 .content .right .da{background: url("../images/yin-left.png")no-repeat;width: 37px;height: 30px;display: block;margin-top: 57px;}
.con1 .content .right .xiao{background: url("../images/yin-right.png")no-repeat;width: 26px;height: 20px;display: block;margin-top: 14px;float: right}

.con2{text-align: center; background: url("../images/con2-bg.jpg")center center; height: 721px; }
.con2 .center{height: 721px;}
.con2 .title h1{background: url("../images/title-bg-b.png")no-repeat;color: #fff;}
.con2 .title h2{color: #d0e0ff;}
.con2 .mob-content{display: none}
.con2 .content .swiper-container{overflow: unset!important;}
.con2 .content .swiper-pagination{overflow: unset;}
.con2 .content .swiper-slide{overflow: hidden;}
.con2 .content .swiper-slide img{transition-duration: .5s}
.con2 .content .swiper-slide i{position: absolute;z-index: 2;font-size: 22px;font-weight: bold;background: url("../images/school-xf.png")no-repeat;width: 180px;height: 80px;display: block;bottom: 15px;color: #fff;line-height: 80px;left: 50%;margin-left: -90px;}
.con2 .content .swiper-slide img:hover{transform: scale(1.1); /* 放大1.2倍 */}
.con2  .swiper-container-horizontal>.swiper-pagination-bullets, .con2 .swiper-pagination-custom,.con2 .swiper-pagination-fraction{bottom: -60px!important;}
.con2 .content .swiper-container .swiper-pagination-bullet{width: 20px;height: 20px;background: #fff;opacity: .9;}
.con2 .content .swiper-container .swiper-pagination-bullet-active{background: #fdc426;}
.con2 .content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

.con3{ background: #f3f3f3;height: 694px;text-align: center}
.con3 .center{overflow: visible}
.con3 .content ul li{width: 389px;height: 212px;background: #fff;box-shadow:0 0 10px #e6e6e6;float: left;margin-right: 16px;margin-bottom: 16px;transition-duration: .5s;color: #222;}
.con3 .content ul li span{font-size: 20px;color: #4f4f4f;font-weight: normal;}
.con3 .content ul li:nth-child(3n){margin-right: 0}
.con3 .content ul li img{display: inline-block;margin-top: 41px;}
.con3 .content ul li p{font-size: 24px;font-weight: bold;margin-top: 21px;margin-bottom: 0}
.con3 .content ul li:hover{transform:translateY(-5px);box-shadow:0 0 10px #80a9f4;color: #1b5fdc;}

.con4{ background:url("../images/con4-bg.jpg")no-repeat;height: 732px;text-align: center}
.con4 .title h1{ background:url("../images/title-bg-t.png")no-repeat;height: 49px;color: #fff;width: 479px}
.con4 .title h2{ color: #d0e0ff}
.con4 .content .mob-ruanjian{display: none}
.con4 .content .ruanjian{background:rgba(0,0,0,.1);border: 1px solid #c1d7ff;padding: 10px;display: inline-block;position: relative}
.con4 .content h4{font-size: 30px;font-weight:bold;color: #fff;letter-spacing: 2px;}
.con4 .content .ruanjian .yuan{width: 170px;height: 170px;display: block;background: #f7be20;position: absolute;border-radius: 100%;top: 118px;right: 170px;font-size: 36px;font-weight: bold;box-shadow: 1px 1px 1px #ab7e00;color: #fff}
.con4 .content .ruanjian .yuan p{font-size: 36px;font-weight: bold;text-shadow: 1px 1px 1px #ab7e00;color: #fff;line-height: 170px;}
.con4 .content .ruanjian .yuan:hover{
    transform: rotateY(0);
    animation: mymove 1s 1 alternate;
    -webkit-animation: mymove 1s 1 alternate; /* Safari 和 Chrome */
}

.con5{ background: #fff;height: 738px;text-align: center}
.con5 .content{position: relative;height: 555px;}
.con5 .content div{height: 72px;border-radius: 70px;line-height: 72px;font-size: 24px;font-weight: bold;color: #222;position: absolute;}
.con5 .content div i{width: 72px;border-radius: 100%;display: block;font-size: 36px;font-weight: bold;color: #fff}
.con5 .content .d1,.con5 .content .d2,.con5 .content .d3,.con5 .content .d4,.con5 .content .d5{animation-iteration-count: 2}
.con5 .content .d1{width: 412px;background: #fff8e5;z-index: 8;top: 38px;left: 58px;}
.con5 .content .d1 i{background: #fdc426;}
.con5 .content .d2{width: 400px;background: #ffeedf;z-index: 7;top: 60px;right: 109px;}
.con5 .content .d2 i{background: #ff7f0d;}
.con5 .content .d3{width: 422px;background: #e9fffc;z-index: 6;top: 259px;right: 0;}
.con5 .content .d3 i{background: #0ecabf;}
.con5 .content .d4{width: 528px;background: #f2f9ff;z-index: 5;top: 413px;right: 128px;}
.con5 .content .d4 i{background: #0785f1;}
.con5 .content .d5{width: 454px;background: #ffe6ea;z-index:4;top: 287px;left: 33px;line-height: 18px;}
.con5 .content .d5 p{margin-top: 14px;}
.con5 .content .d5 span{font-size: 20px;font-weight: normal;}
.con5 .content .d5 i{background: #ff2d4b;line-height:72px;}
.con5 .content .d6,.con5 .content .d7,.con5 .content .d8{z-index: 3;left: 50%;margin-left: -222px;width: 445px;height: 445px;}
.con5 .content .d6{z-index: 3;}
.con5 .content .d7{z-index: 2;}
.con5 .content .d8{z-index: 1;}
.con5 .content .d9{z-index: 10;left: 50%;margin-left: -52px;width: 105px;height: 105px;top: 170px;}
.con5 .content .d9 img{ position: absolute;   transition-duration: 1.2s;
    -ms-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;}
.con5 .content .d9:hover img{
    transform: rotateY(0);
    animation: mymove 1s 1 alternate;
    -webkit-animation: mymove 1s 1 alternate; /* Safari 和 Chrome */
}
@keyframes mymove {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}
@-webkit-keyframes rotation_xz1{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-360deg);}
}
.rotation_xz1{
    -webkit-transform: rotate(360deg);
    animation: rotation_xz1 6s linear infinite;
    -moz-animation: rotation_xz1 6s linear infinite;
    -webkit-animation: rotation_xz1 6s linear infinite;
    -o-animation: rotation_xz1 6s linear infinite;
}
@-webkit-keyframes rotation_xz2{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.rotation_xz2{
    -webkit-transform: rotate(360deg);
    animation: rotation_xz2 4s linear infinite;
    -moz-animation: rotation_xz2 4s linear infinite;
    -webkit-animation: rotation_xz2 4s linear infinite;
    -o-animation: rotation_xz2 4s linear infinite;
}
@-webkit-keyframes rotation_xz3{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(-360deg);}
}

.rotation_xz3{
    -webkit-transform: rotate(360deg);
    animation: rotation_xz3 6s linear infinite;
    -moz-animation: rotation_xz3 6s linear infinite;
    -webkit-animation: rotation_xz3 6s linear infinite;
    -o-animation: rotation_xz3 6s linear infinite;
}

.con6{ background:url("../images/con6-bg.jpg")no-repeat;height: 673px;text-align: center}
.con6 .title h1{background: url("../images/title-bg-b.png")no-repeat;color: #fff;}
.con6 .title h2{color: #d0e0ff;}
.con6 .content ul li{width: 591px;height: 200px;background: #fff;box-shadow:0 0 10px #e6e6e6;float: left;margin-right: 18px;margin-bottom: 18px;color: #222;transition-duration: .5s}
.con6 .content ul li .left{width: 184px;height: 200px;text-align: center}
.con6 .content ul li .left img{display: inline-block;margin-top: 23px;}
.con6 .content ul li .left p{font-size: 22px;color: #1b5fdc}
.con6 .content ul li:nth-child(2n){margin-right: 0}
.con6 .content ul li .xian{width: 1px;height: 102px;background: #cacaca;margin-top: 49px;}
.con6 .content .right{background: url("../images/xueyuan.png")no-repeat left center;height: 132px;display: block;margin: 32px 0 0 46px;padding-left: 40px;}
.con6 .content ul li .right p{text-align: left;font-size: 22px;line-height: 26px;margin-top: 0}
.con6 .content ul li:hover{background: #00a5f1;box-shadow:0 0 10px #0785f1;color: #fff;}
.con6 .content ul li:hover .left p{color: #fff}
.con6 .content ul li:hover .xian{background: #fff;}
.con6 .content ul li:hover .right{background: url("../images/xueyuan-h.png")no-repeat left center;}
.con6 .content ul li .tubiao{display: none}


.footer{width: 100%;height: 240px;background:#3bb0c2 !important;margin-bottom:127px;}
.foot_img{width:200px;height: 100%;text-align: center;padding-top: 35px;float: left;}
.foot_img2{width:340px;height:100%;padding-top: 35px;float: right;}
.foot_list{float: left;width: 600px;padding: 40px 0 30px 5px ;margin-left: 20px;}
.foot_list img{width:50px;}
.foot_list ul li{float: left;width: 72px;text-align: center;border-right: 1px solid gainsboro;}
.foot_list ul li a{color: #fff;}
.foot_list ul li a:hover{color: white;text-decoration: underline;}
.foot_list p{color: #fff;margin:10px 0 0 15px;}
.clr:after {
	content: '';
	display: block;
	clear: both;
}
.foot_zixun{
	width: 100%;
	height: 126px;
	position: fixed;
	bottom: 0;left: 0;
	z-index: 99;
}
.foot_zixun a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/dibu.png) no-repeat top;
	background-size: cover;
}

.footer .superiority_box {

    padding-top: 30px;

    padding-bottom: 50px;
	margin:0px auto;
	width:1000px;
	

}
.superiority_box .superiority{ float:left; color: #ffffff; padding-left:30px;}
.superiority_box .superiority a {

    padding-bottom: 4px;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #ffffff;

}

.superiority_box .superiority span {

    display: inline-block;

    vertical-align: middle;

}

.superiority_box .superiority .footer_icon {

    width: 40px;

    height: 40px;

    background-repeat: no-repeat;

    background-image: url(../images/footer.png);

}

.superiority_box .superiority .footer_icon.footer_icon_1 {

    background-position: 0 0;

}

.superiority_box .superiority .footer_icon.footer_icon_2 {

    background-position: 0 -100px;

}

.superiority_box .superiority .footer_icon.footer_icon_3 {

    background-position: 0 -200px;

}

.superiority_box .superiority .footer_icon.footer_icon_4 {

    background-position: 0 -300px;

}

.superiority_box .superiority .footer_icon.footer_icon_5 {

    background-position: 0 -400px;

}

.superiority_box .superiority .footer_txt {

    font-size: 16px;

    text-indent: 0.5em;

}