a { color: #333333; }
body { min-width: 100%; }
.section { min-width: 1200px; }
.width1200 { width: 1200px; margin: auto; position: relative; }



.head{background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); z-index: 60; position: relative;}
.headtop{position: relative;padding: 20px 0;}
.headtop .wap{position: relative;}
.headtop .logo{float: left;}
.headtop .txt{float: right; color: #343434; padding-top: 8px;}
.headtop .txt h3{letter-spacing: 3px; font-weight: bold;}
.headtop .txt p{/*font-family: "bradley hand itc"; font-style: italic; font-size: 12px;*//* font-weight: bold; */color: #343434;}
.dlzc{position: absolute;left: 101%;top: -15px;width: 8em;font-size: 18px;/* font-weight: bold; */}
.dlzc a{color: #343434; display: inline-block; padding: 0 0.5em;}
.dlzc a:hover{font-weight: bold;}

.nav{background: #fff;line-height: 60px;font-size: 18px;text-align: center;}
.nav ul li{float: left; width: calc(11.11%); position: relative;}
.nav ul li a.yj{color: #343434; display: block;}
    .nav ul li:hover a.yj, .nav ul li a.yj.cur { /* background: #60A1F5;*/ color:#2f7de1   }
.nav ul li .erj{position: absolute; top:100%; width: 100%; left: 0; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1); display: none;}
.nav ul li .erj a{display: block; font-size: 15px; line-height: 35px; border-bottom: 1px solid #DCDCDC; }
.nav ul li .erj a:hover{color: #2f7de1; background: #f1f1f1;}
/*.nav ul li:hover .erj{display: block;}*/

/*¹ÙÍøÑùʽ½áÊø*/


.sub-banner-box { width: 100%; height: 689px; overflow: visible; position: relative; }

.sub-banner-box .sub-banner {width: 100%;height: 689px;overflow: hidden;}

.sub-banner-box .sub-banner img { width: 100%; min-width: 1200px; }

.submenu { width: 100%; height: 60px; background: #3b7fd0; background-position: center; position: absolute; left: 0; z-index: 9999; bottom: 0; }

.static .submenu { position: fixed; bottom: 100%; margin-bottom: -60px; min-width: 1200px; }

.submenu .submenuBox { width: 978px; height: 60px; position: absolute; left: 50%; margin-left: -489px; text-align: center; top: 0; overflow: hidden; }

.submenu .submenuBox li { width: 163px; height: 60px; float: left; text-align: center; line-height: 60px; font-size: 20px; color: #ffffff; border-left: solid 1px #ffffff; box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; display: inline-block; }

.submenu .submenuBox li:first-child { border-left: 0px; }

.submenu .submenuBox li:hover,
.submenuBox li.active { color: #ffee05; /* background: red; */ }

.content-main { width: 100%; height: auto; overflow: hidden; /* padding-top: 46px; */ }

.content-main .cata { width: 100%; /* height: auto; */ overflow: hidden; /* margin-top: 140px; */ box-sizing: border-box; -webkit-box-sizing: border-box; }

.content-main .cata:first-child { /*margin-top: 70px;*/ }

.content-main .zoujin { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 60px; }

.content-main .zoujin .left { width: 500px; padding: 54px 20px 53px 40px; height: auto; overflow: hidden; float: left; }

.content-main .zoujin .left p { font-size: 18px; line-height: 30px; text-align: left; color: #585858; }

.content-main .zoujin .right { width: 618px; height: 347px; float: left; margin-left: 22px; }
.ft84 { font-size: 84px; }
.ft70 { font-size: 70px; }
.ft60 { font-size: 30px; }
.ft48 { font-size: 48px; }
.ft40 { font-size: 35px; }
.ft36 { font-size: 36px; }
.ft34 { font-size: 34px; }
.ft30 { font-size: 20px; /* font-weight: bold; */ }
.ft28 { font-size: 28px; }
.ft26 { font-size: 21px; }
.ft24 { font-size: 18px; }
.ft44 { font-size: 44px; }
.ft48 { font-size: 48px; }
/*.logo a { width: 300px; height: 65px; display: block }
.nav { height: 60px; text-align: center; }
.nav li { line-height: 60px; text-align: center; display: inline-block; margin: 0px 0px; }
.nav li a { display: block; font-size: 17px; padding: 0 27px; color: #fff; }
.nav li a.active { background-color: #3b7fd0; color: #ffffff; }
.nav li a:hover { color: #fff; background: #3b7fd0; cursor: pointer; -webkit-transition: none; -moz-transition: none; transition: color .3s linear,background-color .3s linear,background-image .3s linear; -moz-transition: color .3s linear,background-color .3s linear,background-image .3s linear; -webkit-transition: color .3s linear,background-color .3s linear,background-image .3s linear; -o-transition: color .3s linear,background-color .3s linear,background-image .3s linear; }
.nav li.curr a { color: #fff; background: #fb9f18; }
.section { min-width: 1200px; }
.section_inner { width: 1200px; margin: 0 auto; }
header { line-height: 60px; height: 60px; background: rgba(0,0,0,.4); position: fixed; width: 100%; z-index: 11; }
.navFix { position: fixed; z-index: 999; top: 0; width: 100%; }
.navFix .active { background-color: #3b7fd0; color: #ffffff; }*/

/*¹ÙÍøµ×²¿Ñùʽ*/
.wap { width: 1200px; margin: 0 auto; }
.foot { background: url(../images/bg2.jpg) no-repeat center; color: #fff; background-size: cover; font-size: 14px; text-align: center; position: relative; font-weight: 200; }
.fhtop { position: absolute; left: 50%; bottom: 100%; margin-left: -22px; }
.foot a { color: #fff; }
.foot a:hover { text-decoration: underline; }
.foot .ewmL { float: left; }
.foot .con { float: left; width: calc(100% - 708px); margin-left: 156px; }
.foot .ewmR { float: right; }
.foot .ewm .li { float: left; margin-left: 42px; }
.foot .ewm .li:first-child { margin-left: 0; }
.foot .ewm .li p { padding-top: 0.3em; }
.foot .ewm .li img { padding: 3px; border: 1px solid #825d31; border-radius: 3px; background: #fff; }
.pc { display: block; }
.ptb50 { padding: 50px 0; }

.ico img { max-width: 100%; }
.fhtops img { max-width: 100%; }

/*ÓÒ²àÐü¸¡*/
.fucringt{position: fixed; right: 0; top: 50%; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 20;}
.fucringt a{display: block; position: relative; background: #60a1f5; width: 60px; color: #fff;}
.fucringt a .ico{width: 25px; margin: 0 auto; padding: 0px 0 3px;}
.fucringt a p{font-size: 12px; text-align: center;}
.fucringt dd a{padding: 7px 0;}
.fucringt dd{margin-bottom: 2px; position: relative;}
.fucringt a .txt{opacity: 0;transition:.3s; -webkit-transition:.3s;}
.fucringt a:hover .txt{opacity:0;}
.fucringt a .txt span{position: absolute; width: 2em; font-size: 14px; line-height: 20px; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.eamBox{position: absolute; right: 100%; top: 50%; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 125px; background: #fff; padding: 5px; border: 1px solid #2f7de1; font-weight: bold; margin-right: 10px; display: none; font-size: 13px;}
.eamBox img{margin: 0 auto;}
.eamBox p{color: #000000; text-align: center;}
.eamBox font{position: absolute; width: 7px; top: 50%; left: 100%;-moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.fucringt dd:hover .eamBox{display: block;}

.ClearBoth { clear: both; }

.mar0 { margin-right: 0 !important; }

.bannerbg { background: url(../images/banner.jpg) no-repeat center top; height: 590px; }
.vsbg { background: url(../images/vs.jpg) no-repeat center top; height: 840px; margin-bottom: 80px; }
.WholeContent { position: relative; }
.font12 { font-size: 12px !important; }
.width1200 { width: 1200px; position: relative; margin: auto; }





/*加拿大样式*/

.Part1bg { background: url(../images/part1bg.png) no-repeat center top -49px; height: 877px; }
.Part1 { padding: 70px 0 0 0; }
.part1_ys:hover { background: #3b7fd0; cursor: pointer; transition: all ease .3s; }
.part1_ys:hover div { color: #fff; }
.part1_ys:hover::before { display: none; }
.part1_ys:hover::after { display: none; }
.part1_ys { width: 280px; height: 310px; /* border: 2px solid #3b7fd0; */ background: #d1d0d0; display: inline-block; float: left; /* border-radius: 7px; */ position: relative; margin-right: 20px; margin-bottom: 40px; }
.part1_ys::before { display: none; position: absolute; left: 81.5px; top: -5px; content: ""; width: 111px; height: 8px; background: #de191a; }
.part1_ys::after { display: none; position: absolute; left: 81.5px; bottom: -5px; content: ""; width: 111px; height: 8px; background: #de191a; }
.part1_pic { text-align: center; padding: 0px 0 20px 0; }
.part1_text1 { font-weight: bold; font-size: 18px; color: #fff; text-align: center; }
.part1_text2 { padding: 10px 20px 0 20px; text-align: justify; line-height: 30px; font-size: 14px; color: #fff; }
.Part1left { width: 595px; }
.Part1left .Part1left_title { position: relative; margin-bottom: 50px; }
.Part1left .Part1left_title .p1 { font-size: 40px; color: #3b7fd0; font-weight: bold; position: absolute; top: 50px; left: -90px; }
.Part1left .Part1left_title .p2 { font-size: 30px; color: #252525; position: absolute; top: 110px; left: -90px; }

.Part1left .Part1left_Text { font-size: 16px; color: #3c3c3c; width: 565px; margin-left: -88px; line-height: 33px; margin-bottom: 48px; }
.Part1left .Part1left_Text span { font-size: 20px; color: #3b7fd0; font-weight: bold; }
.part1rightpic { position: absolute; right: 0; top: 100px; }

.part1_yd { margin-left: -88px; }
.part1_yd .left { display: inline-block; float: left; margin-right: 35px; }
.part1_yd .left .icon { margin-bottom: 15px; }
.part1_yd .title { color: #6f6f6f; font-size: 20px; font-weight: bold; position: relative; margin-bottom: 37px; }
.part1_yd .text { color: #6f6f6f; font-size: 15px; width: 260px; position: relative; text-align: justify; line-height: 25px; }
.part1_yd .title::before { position: absolute; content: ""; position: absolute; width: 120px; height: 4px; background: #3b7fd0; bottom: -20px; }


.bannerbg1 { background: url(../images/banner1.jpg) no-repeat center top; height: 1000px; width: 100%;cursor:pointer }
.bannerbg2 { background: url(../images/banner2.jpg) no-repeat center top; height: 1000px; width: 100%;cursor:pointer }
.bannerbg3 { background: url(../images/banner3.jpg) no-repeat center top; height: 1000px; width: 100%;cursor:pointer }
.bannerbg4 { background: url(../images/banner4.jpg) no-repeat center top; height: 1000px; width: 100%;cursor:pointer}
.vsbg { background: url(../images/vs.jpg) no-repeat center top; height: 840px; }
.WholeContent { position: relative; /* padding-top: 60px; */ padding-bottom: 59px; }
.font12 { font-size: 12px !important; }
.width1200 { width: 1200px; position: relative; margin: auto; }
.publictitle { text-align: center; }
.publictext { font-size: 35px; font-weight: bold; color: #797979; margin-bottom: 30px; }
.publictext1 { font-size: 35px; font-weight: bold; color: #000; margin-bottom: 30px; }
.publicpic { background: url(../images/title_line1.png) no-repeat center top; height: 147px; width: 100%; }
.publicpic1 { background: url(../images/title_line2.png) no-repeat center top; height: 147px; width: 100%; }



.twobtn { width: 100%; text-align: center; margin-top: 41px; position: relative; }
.BtnBox { display: inline-block; width: 150px; height: 40px; background: #fff; color: #3b7fd0; font-size: 16px; text-align: center; border-radius: 5px; line-height: 40px; margin: 0px 15px; cursor: pointer; }
.BtnBox:hover { background: #3b7fd0; color: #fff; transition: all ease .4s; }


.twobtn1 { width: 100%; text-align: center; margin-top: 41px; }
.BtnBox1 { display: inline-block; width: 150px; height: 40px; background: #6e6e6e; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; line-height: 40px; margin: 0px 15px; cursor: pointer; }
.BtnBox1:hover { background: #3b7fd0; color: #fff; transition: all ease .4s; }
.copyright { text-align: center; padding: 30px 0 75px 1px; }
.copyright p { font-size: 14px; color: #6e6e6e; line-height: 25px; }
.b_jianju { margin-bottom: 25px; }



.pub-back-top { position: fixed; right: 0; top: 40%; width: 50px; height: 50px; margin-top: -25px; border: 1px solid #dedcdc; z-index: 2147483600; background: #fff; box-shadow: 0px 0px 16px 0px rgba(184, 184, 184, 0.5); }
.pub-back-top .item { height: 50px; text-align: center; cursor: pointer; -webkit-transition: all .4s; -ms-transition: all .4s; transition: all .4s; }
.pub-back-top .item .iconfont { display: inline-block; padding-top: 13px; font-size: 24px; color: #ffffff; }
.pub-back-top .item:nth-of-type(2) .iconfont { padding-top: 13px; }
.pub-back-top .item:nth-of-type(1) { background: #3b7fd0; }
.pub-back-top .item:nth-of-type(2) .iconfont { display: none; }
.pub-back-top .item:nth-of-type(2) .txt-sp { display: inline-block; }
.pub-back-top .item + li { border-top: 1px solid #eee; }
.pub-back-top .item .txt-sp { display: none; color: #fff; font-size: 14px; line-height: 18px; margin-top: 8px; }
.pub-back-top .item:hover { background: #3b7fd0; }
.pub-back-top .item:hover .iconfont { display: none; }
.pub-back-top .item:hover .txt-sp { display: inline-block; }



.Bottom_lz {position: fixed;bottom: 0;background: #8fb1de;left: 0;width: 100%;z-index: 11;height: 60px;}

.Bottom_lz_p { margin-top: 4px; }
.Bottom_lz_t1 { position: absolute; top: 9px; left: 105px; color: #fff; font-size: 20px; }
.Bottom_lz_t2 { position: absolute; top: 27px; left: 304px; color: #fff; /* font-weight: 550; */ font-size: 20px; }
.bottom_bd { position: absolute; top: 6px; right: 0; }
.namebox { display: inline-block; }
.namespan { }
.nameinput { }
.telbox { display: inline-block; margin-left: 30px; }
.namespan { font-size: 18px; color: #fff; /* font-weight: bold; */ font-style: italic; }
.nameinput { width: 140px; border-radius: 5px; height: 35px; outline: none; border: none; z-index: 11; background: #fff; padding: 0 10px; }
.submitbox { display: inline-block; border-radius: 5px; margin-left: 30px; }
.submitbtn2 { cursor: pointer; width: 160px; height: 40px; border: none; background: #ffffff; color: #3b7fd0; font-size: 16px; border-bottom: 5px solid #e0e0e0; }



.telFloat { width: 380px; height: 45px; background: #3b7fd0; border-radius: 5px; position: absolute; right: 305px; top: -75px; display: none; }
.telFloat1 { width: 380px; height: 45px; background: #3b7fd0; border-radius: 5px; position: absolute; right: 30px; top: 531px; display: none; }
.telFloat2 { width: 380px; height: 45px; background: #3b7fd0; border-radius: 5px; position: absolute; right: 30px; top: 227px; display: none; }
.telFloat3 { width: 380px; height: 45px; background: #3b7fd0; border-radius: 5px; position: absolute; right: 30px; top: -70px; display: none; }
.telFloat4 { width: 380px; height: 45px; background: #3b7fd0; border-radius: 5px; position: absolute; right: 30px; top: -70px; }
.closeBtn, .closeBtn1, .closeBtn2, .closeBtn3, .closeBtn4 { position: absolute; right: -17px; top: -20px; cursor: pointer; }
.telFloat::before { content: ""; position: absolute; width: 20px; height: 20px; background: #3b7fd0; left: 50%; bottom: -10px; -webkit-transform: translate(-50%,0) rotate(-45deg); z-index: -1; }
.telIcon { display: inline-block; float: left; margin: 8px 0 0 13px; }
.telInput { display: inline-block; margin: 5px 10px 0 10px; float: left; z-index: 11; }
.telBtn { display: inline-block; margin: 5px 0 0 0; float: left; }



/*Part2*/
.yzpic { float: left; }
.xm_nav { float: right; }
.xm_list { position: relative; cursor: pointer; width: 260px; height: 65px; background: #d1d0d0; color: #fff; text-align: center; font-size: 18px; line-height: 65px; display: inline-block; font-weight: bold; /* float: left; */ margin-left: 5px; }
.xm_list:hover { background: #3b7fd0; color: #fff; }
.xm_list::before { display: none; position: absolute; width: 30px; height: 30px; background: #3b7fd0; position: absolute; content: ''; transform: rotate(45deg) translate(-50%,0); -webkit-transform: rotate(45deg) translate(-50%,0); -ms-transform: rotate(45deg) translate(-50%,0); -o-transform: rotate(45deg) translate(-50%,0); -moz-transform: rotate(45deg) translate(-50%,0); bottom: -25px; left: 50%; }
.Select { background: #3b7fd0; color: #fff; }
.Select::before { display: block !important; }
.on { display: block; }

.xm_content { padding: 40px 0 0 0; }
.xm_open { }
.xm_leftpic { vertical-align: top; display: inline-block; float: left; }
.xm_righttext { display: inline-block; margin-left: 30px; float: left; width: 650px; height: 471px; overflow: hidden; }
.xm_ystext { margin-bottom: 30px; }
.xm_ystext_title { display: inline-block; border-top: 2px solid #3b7fd0; font-size: 18px; color: #3b7fd0; padding: 15px 0 20px 0; font-weight: bold; }
.xm_ystext_content { }
.xm_ystext_content p { font-size: 16px; line-height: 27px; text-align: left; color: #666; }
.xmys { padding: 57px 0 0 0; }



.Part3_lz { background: url(../images/lz.jpg) no-repeat center top; height: 484px; margin-top: 100px; }
.bd_1 { display: inline-block; width: 334px; border: 1px solid #fff; height: 48px; margin-left: 60px; }
.bd_1 span { color: #fff; /* line-height:50px; */ font-size: 20px; padding: 0 24px; border-right: 1px solid #fff; }
.publicInput { width: 210px; height: 50px; line-height: 47px; font-size: 14px; color: #fff; margin-left: 20px; }
input::-webkit-input-placeholder { color: #e6e6e6; }
.juzhong_bd { /* text-align: center; */ padding: 145px 0 0 0; }
select, input { border: none; -webkit-appearance: none; outline: none; background: none; }
.ymzx_top { width: 599px; float: left; position: relative; display: inline-block; margin-bottom: 40px; padding-bottom: 43px; }
.xqBtn { cursor: pointer; width: 97px; height: 30px; background: #000; color: #fff; font-size: 14px; text-align: center; line-height: 30px; position: absolute; right: 50px; bottom: 20px; }
.xqBtn:hover { background: #3b7fd0; transition: all ease .3s; }
.ymzx_left { font-size: 16px; width: 465px; margin-left: 87px; margin-top: 50px; /* padding-bottom: 50px; */ line-height: 25px; color: #888; }
.ymzx_x1 { position: absolute; left: 27px; top: 0; }
.ymzx_border1 { border-left: 1px solid #3b7fd0; border-bottom: 1px solid #3b7fd0; }
.ymzx_border2 { border-right: 1px solid #3b7fd0; border-bottom: 1px solid #3b7fd0; }
.ymzx_title { font-size: 22px; color: #333; padding-left: 33px; }
.lookmoreout { width: 100%; margin: 20px 0 0 0; text-align: center; cursor: pointer; }
.lookmore { color: #fff; font-size: 20px; width: 181px; height: 50px; text-align: center; line-height: 50px; background: #3b7fd0; border-bottom: 5px solid #c31718; display: inline-block; }

.submitbox1 {display: inline-block;border-radius: 5px;margin-left: 30px;position: absolute;left: 815px;top: 145px;}
.submitbtn { cursor: pointer; width: 181px; height: 50px; border: none; background: #ffffff; color: #3b7fd0; font-size: 20px; border-bottom: 5px solid #e0e0e0; }
.submitbtn1 { cursor: pointer; width: 99px; height: 30px; border: none; background: #3b7fd0; color: #fff; font-size: 14px; border-bottom: 2px solid #c31718; }
.submitbtn1:hover { background: #fff; color: #333; }
.nameinput::-webkit-input-placeholder { color: #333; }





.qh_Box { text-align: center; }
.qh_list { position: relative; cursor: pointer; width: 260px; height: 65px; /* background: #d1d0d0; */ color: #3b7fd0; text-align: center; font-size: 18px; line-height: 65px; display: inline-block; font-weight: bold; /* float: left; */ margin-left: 5px; width: 210px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #3b7fd0; border-radius: 20px; transition: 0.3s; display: inline-block; }
.qh_list:hover { background: #3b7fd0; width: 230px; color: #fff; }
.qh_list.Select1 { background: #3b7fd0; width: 230px; color: #fff; }
.qh_content ul li { position: relative; }
.qh_content ul li::before { content: ""; position: absolute; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 1px; height: 80%; top: 50%; background: #dedede; }
.qh_content ul li a { width: 100%; height: 34px; line-height: 34px; display: block; position: relative; box-sizing: border-box; color: #414241; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qh_content ul li a:hover { color: #3b7fd0; }
.qh_content ul li a:hover big { color: #3b7fd0; }
.qh_content ul li big { font-weight: bold; font-size: 20px; color: #646763; }
.wd_box {margin-bottom: 25px;border-bottom: 1px solid #dedede;padding: 15px 0 40px 0;}
.wd_box1 { /* margin-bottom:25px; */ border-bottom: 1px dashed #dedede; padding: 15px; }
.qh_wid50 { width: 520px; float: left; display: inline-block; padding: 20px 40px; }
.tit { background: url(../images/wen.png) no-repeat left 10px; padding-left: 30px; font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nr { background: url(../images/da.png) no-repeat left top; padding-left: 30px; color: #666666; line-height: 25px; padding-bottom: 10px; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; height: 60px; }


.swiper-container { width: 100%; height: 1000px; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.bannerBox { height: 865px; position: relative; overflow: hidden; }


.school { padding-top: 15px; /* height: 1020px; */ margin-top: 2px; }
.school .schooltt { font-size: 44px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; }
.school .yxlist { float: left; width: 350px; height: 220px; position: relative; cursor: pointer; margin-right: 25px; margin-bottom: 45px; overflow: hidden; margin-left: 25px; }


.school .yxlist .xxtt { position: absolute; bottom: 20px; background: rgba(0,0,0,.5); width: 350px; text-align: center; height: 44px; line-height: 44px; font-size: 16px; color: #fff; }
.school .yxlist div { position: absolute; left: 0; bottom: -236px; z-index: 10; /* background: rgba(255,0,0,1); */ width: 310px; height: 220px; padding-top: 16px; padding-left: 20px; padding-right: 20px; transition: all 0.8s; }
.school .yxlist div .zytt { font-size: 14px; color: #FFFFFF; text-align: center; padding-bottom: 5px; /* font-weight: bold; */ padding-top: 30px; line-height: 23px; }
.school .yxlist div .zyfx { font-size: 14px; color: #fff; line-height: 19px; margin-top: 3px; text-align: center; }

.school .yxlist:hover .xxtt { display: none; }
.school .yxlist:hover div { bottom: 0; transition: all 0.8s; }

#zzry_tit { text-align: center; }
#zzry_tit p { color: #2367a4; font-size: 33px; text-transform: uppercase; font-family: arial; }
#zzry_tit .tit { background: url(../Image/title_bj1.png) no-repeat center bottom; color: #333333; font-size: 38px; height: 60px; line-height: 50px; }
#zzry_tit span { color: #666666; }

#scroolZone li {position:relative; width: 289px; height: 217px; border: 10px solid #d1d0d0; float: left; margin: 0 20px 30px 0; text-align: center; transition: 0.3s; }
#scroolZone li::before{content:"";display:block; position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,.5)}
#scroolZone li:hover::before{display:none;}
#scroolZone li img { width: 100%; }
#scroolZone li .pic { display: block; width: 289px; height: 217px; line-height: 217px; transition: 0.3s; }
#scroolZone li .pic img { max-width: 289px; max-height: 217px; vertical-align: middle; }
#scroolZone li:hover { border: 1px solid #3b7fd0; }
.more { width: 210px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #3b7fd0; color: #3b7fd0; border-radius: 20px; transition: 0.3s; display: inline-block; }
.more:hover { background: #3b7fd0; width: 230px; color: #fff; }




.Part5 { padding: 90px 0 0 0; /* margin: 70px 0 0 0; */ }
.quebox { width: 997px; margin: auto; position: relative; border-left: 1px solid #3b7fd0; border-bottom: 1px solid #3b7fd0; padding: 40px 0px 30px 80px; text-align: left; margin: 0 0 50px 80px; }
.q1 { position: absolute; top: -4px; left: -36px; }
.quetitle { font-size: 22px; color: #333; margin-bottom: 11px; }
.quetext { color: #888; font-size: 16px; line-height: 25px; padding-right: 50px; }


.Part6Box { width: 100%; overflow: hidden; padding-top: 50px; }