@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,dl,textarea,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,button,select,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,input {margin: 0;padding: 0;border: 0;font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display: block}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}
sub {vertical-align: sub;font-size: smaller}
sup {vertical-align: super;font-size: smaller}
/***********************FONT************************/
@font-face {
	font-family: 'iconfont';  /* Project id 1518376 */
	src: url('//at.alicdn.com/t/c/font_1518376_r0r6dxs0q4q.woff2?t=1660533782744') format('woff2'),
	url('//at.alicdn.com/t/c/font_1518376_r0r6dxs0q4q.woff?t=1660533782744') format('woff'),
	url('//at.alicdn.com/t/c/font_1518376_r0r6dxs0q4q.ttf?t=1660533782744') format('truetype');
}

.iconfont{font-family:"iconfont" !important;
	font-size:14px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.iconfont-public{font-family:"iconfont-public" !important;
	font-size:14px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.icon {
	width: 1em; height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
/***********************FONT************************/
html {height: 100%;min-width: 1200px;width: 100%}
body {color: #000;font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;height: 100%;min-width: 1200px;width: 100%;
	background: url(../images/x2.png) center 156px no-repeat;}
a {text-decoration: none}
a:hover,a:active {outline: 0}
.clearfix:before,.clearfix:after {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.un {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}


.wrap {width: 1200px;margin: 0 auto}
.fl {float: left}
.fr {float: right}
.font-yahei{font-family: "microsoft yahei";}
.color_2f5cbb{color:#2f5cbb;}
.font-b {font-weight: bold}
.font_12 {font-size: 12px}
.font_14 {font-size: 14px}
.font_16 {font-size: 16px}
.color_3{color:#333;}
.color_4{color:#444;}
.color_6{color:#666;}
.color_8{color:#888;}
.color_9{color:#999;}
.color_f{color:#fff;}
.py5{padding-top: 5px; padding-bottom: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mar {margin-top: 10px}
.mar20 {margin-top: 20px !important;}
.none{display: none;}
.bg_white{background: #FFF;}
/*logo*/
.logo-area{background:#fff;margin-bottom: 10px}
.logo-box{padding:29px 0;position: relative;height: initial!important;}
.logo{width: 140px;margin-right: 15px;margin-left: 5px!important;padding-top: 0!important}
.logo img{width: 140px !important;margin-left:0;}
.pub{margin:0 15px 0 0;position: absolute;top: 25px;left: 155px}
.logo-txt{font-size: 22px;padding-left: 12px;border-left: 1px solid #f2f2f2;color: #3450a1;
	line-height: 26px;height:26px;margin-top: 10px;cursor: default;}
.logo-box h1 sup{display: none}
.user-menu{line-height: 22px;padding-top: 5px}
.user-menu li{margin-right: 26px}
.user-menu a{font-size: 16px;display: block;padding:8px 18px;border-radius: 40px;color: #666}
.user-menu a:hover,.user-menu a.active{background: #2f5cbb;color:#fff;}
/*logo end*/

/*分页*/
.pager{width: 100%;height: 40px;line-height: 40px;font-size: 14px;text-align: center;margin-top: 20px;}
.pager a{display: inline-block;
	padding: 0 15px;
	line-height: 35px;
	color: #666;
	text-align: center;
	margin-right:5px;
	border-radius: 3px;
	background: #FFFFFF;
	border: 1px solid #f1f1f1;}
.pager .am-active{background: #2f5cbb;color: #FFFFFF;}
.pager a:hover{background: #2f5cbb;color: #FFFFFF;
	transition: all .3s;
	-moz-transition:all .3s; /* Firefox 4 */
	-webkit-transition:all .3s; /* Safari and Chrome */
	-o-transition:all .3s; /* Opera */}

.footer{ padding:65px 0 0 0;font-family: arial;font-size: 14px;line-height: 32px;
	background: url(../images/footer.png) center top no-repeat}
.footer dl{width:304px;}
.footer dt{color: #d0d0d0;padding-bottom: 10px}
.footer dt svg{margin-right: 5px}
.footer dd{width:85px;padding-left: 15px;color: #d0d0d0}
.footer dd a{color: #d0d0d0}
.footer dd a:hover{color: #2765bb;text-decoration: underline;}
.footer b{display: block;width:1px; background: #777777; height: 100px;margin:45px 30px 0 0}
.footer .mesg dd{width:135px;padding-left: 15px}
.footer dl.mesg{width:380px;}
.ewm{width:115px;height: 115px;padding:10px; padding-bottom: 0;color: #d0d0d0}
.ewm img{width:115px;}
.ewm {text-align: center;}
.fot-pic{text-align: center;margin: 30px 0 10px 0}
.fot-pic img{margin: 0 5px}
.fot-last{width: 100%;min-width: 1200px;height: 50px;line-height: 50px;color: #b4b3b3;text-align: center;font-family: "microsoft yahei";font-size: 12px}
.other{text-align: center;color: #777;font-size: 12px}

/*******************ICON**********************/
/*icon start*/
.icon-home:before{content: "\e601"}
.icon-out:before{content: "\e659"}
.icon-message:before{content: "\e602"}
.icon-people:before{content: "\e608"}
.icon-colect:before{content: "\e603"}
.icon-manage:before{content: "\e604"}
.icon-analysis:before{content: "\e60d"}
.icon-note:before{content: "\e619"}
.icon-radio:before{content: "\e75e"}
.icon-radio-active:before{content: "\e75f"}
.icon-confirm:before{content: "\e60f"}
.icon-pen:before{content: "\e7e5"}
.icon-oulink:before{content: "\ec80"}
.icon-delete:before{content: "\e60e"}
.icon-edclass:before{content: "\e605"}
.icon-outclass:before{content: "\e606"}
.icon-hands:before{content: "\e615"}
.icon-class:before{content: "\e609"}
.icon-to-right:before{content: "\e6ba"}
.icon-to:before{content:"\e612"}
.icon-job:before{content:"\e614"}
.icon-other:before{content: "\e611"}
.icon-num:before{content: "\e613"}
.icon-time:before{content: "\e610"}
.icon-setpeople:before{content: "\e616"}
.icon-outall:before{content: "\e615"}
.icon-cancel:before{content: "\e717"}
.icon-deletes:before{content: "\e70a"}
.icon-replay:before{content: "\e721"}
.icon-pub:before{content: "\e74b"}
.icon-progress:before{content: "\e6c3"}
.icon-into:before{content: "\e825"}
.icon-outto:before{content: "\e826"}
.icon-right:before{content: "\e617"}
.icon-wrong:before{content: "\e709"}
.icon-half:before{content: "\e754"}
.icon-collect-empty:before{content: "\e711"}
.icon-collect-full:before{content: "\e712"}
.icon-star:before{content: "\e600"}
.icon-textwork:before{content: "\e769"}
.icon-topic:before{content: "\e76a"}
.icon-point:before{content: "\e75d"}
.icon-analysis:before{content: "\e755"}
.icon-difficulty:before{content: "\e74c"}
.icon-check:before{content: "\e703"}
.icon-correct:before{content: "\e77f"}
.icon-time-out:before{content: "\e638"}
.icon-date:before{content: "\e732"}
.icon-arrow-down:before{content: "\e693"}
.icon-arrow-up:before{content: "\e696"}
.icon-arrow-left:before{content: "\e694"}
.icon-arrow-right:before{content: "\e695"}
.icon-warning:before{content: "\e73d"}
.icon-out:before{content: "\e6f7"}
.icon-add:before{content: "\e6df"}
.icon-remove:before{content: "\e6cb"}
.icon-ding:before{content: "\e6e2"}
/*........*/
.icon-xp:before{content: "\e628"}
.icon-zqy:before{content: "\e631"}
.icon-kf:before{content: "\e62d"}
.icon-mores:before{content: "\e62c"}
.icon-mobile:before{content: "\e629"}
.icon-vip:before {content: '\e719'}
.icon-dropdown:before{content: "\e632"}
.icon-ios:before{content: "\e62f"}
.icon-andriod:before{content: "\e630"}
.icon-error::before{content: "\e709"}
.icon-yes::before{content: "\e617"}
.icon-edit::before{content: "\e621"}
.icon-empty::before{content: "\e6f8"}
.icon-plus::before{content: "\e634"}
.icon-reduce::before{content: "\e633"}
.icon-explain::before{content: "\e63b"}
.icon-look::before{content: "\e639"}

.icon-check-mark::before{content: "\e620"}
.icon-wrong-mark::before{content: "\e622"}
.icon-half-mark::before{content: "\e63d"}
.icon-wave::before{content: "\e63e"}
.icon-marks::before{content: "\e63c"}

/*new*/
.newlist{padding:50px 10px 20px 10px;}
.newlist li{width:505px; height: 90px;border-radius: 5px;box-shadow: 0 0 8px 2px rgba(133,172,250,0.3);
	padding-top: 30px;padding-left: 45px;margin-bottom: 30px}
.newlist li img{margin-right: 24px}
.newlist li h5{font-size: 21px; color: #333;margin-top: 10px}
.newlist li p{color: #9ab4ea;font-size: 15px;font-family: arial}
.newlist li:hover{background: #f5f5f5}


/*about*/
.about .footer{margin-top: 0}
/*.about-all{background: #f5f5f5;}*/
.about-content{background: #fff;padding:0px 0 50px 0;margin-top: 250px; border-radius: 8px; margin-bottom: 40px;box-shadow: 0px 4px 16px 0 rgba(0,0,0,.16)}
.about-left{width: 100%;line-height:60px;border-bottom: 1px solid #eee;opacity: .95;background: #fff}
.about-left li{float: left;}
.about-left li a{text-align: center;width:72px;display: block; height: 60px;color: #333;font-size:16px;position: relative;margin:0 18px;}
.about-left li a::after{background:#fff;;display: block;content: "";width: 100%;height: 3px;
	position: absolute;bottom:0;left: 0}
.about-left li a:hover::after,.about-left li a.active::after{background:#2765bb;}
.about-right{padding: 20px 25px;}
.about-right h1{font-size: 24px;padding:10px 0px; margin-bottom: 5px}
.about-right h1 b{background-color: #326cf6; display: inline-block; width: 3px; height: 20px; position: relative; top:2px; margin-right: 8px;}
.about-right h1 span{color: #999; font-size: 14px; margin-left: 10px;}
.privacy h3{font-size: 17px;margin: 30px 0 5px 0;font-weight: 700;color: #666}
.privacy p{font-size: 14px;color: #454545;line-height: 28px;text-indent: 2em}
.no-indent{text-indent: 0 !important;}
.privacy img{width:100%; margin-top: 20px;padding:10px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.privacy input{height: 36px;line-height: 36px;background:#f5f5f5; display: block; margin: 20px 0;width: 480px;padding:0 10px;outline: none;border: 1px solid #f5f5f5}
.privacy input:focus{border: 1px solid #2765bb;}
.privacy textarea{height: 360px;line-height: 36px;background:#f5f5f5; display: block;width: 1000px;padding:30px;outline: none;border: 1px solid #f5f5f5}
.privacy textarea:focus{border: 1px solid #2765bb}
.upbtn{position: relative;width:126px; line-height: 36px;height: 36px;display: block; text-align: center;color: #fff;background:#2765bb;font-size: 14px;margin: 15px 0;border-radius: 3px}
.upbtn:active{left: 1px;top: 1px}
.privacy li{ margin:15px 0;}
.privacy li img{width:initial;border-radius: 200px; padding: 10px}
/* .privacy .traffic li{margin:0 10px;border-bottom: 1px solid #dedede;padding:20px 0;}
.privacy .traffic li:last-child{border:none;}
.privacy .traffic img{width: 5%;border-radius: 0px;float: left;margin-right: 20px;border: none;opacity: .8;}
.privacy .traffic p{text-align: left; text-indent: 0;} */
.privacy img.dt{border:none;margin: 0 auto; display: block;width:initial; width: 423px;}
.privacy .tel{background:#f5f5f5; padding:10px 20px; }
.privacy .tel span{margin-right: 50px}
.privacy .friend li {text-align: center; margin: 0 auto;margin-right: 25px;position: relative;}
.privacy .friend li img{box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.05);border-radius: 0;border: none}
.friend li img {height:38px;}
.friend li:hover{transform: scale(1.05);opacity: .8}
.friend li p{text-align: center;text-indent: 0;font-size: 14px;display: none}
.culture li{text-align: center;width:25%;padding:10px 0;}
.culture li img{position: relative;}
.culture li:hover{background:#f5f5f5;border-radius: 15px}
.culture li:hover img{transform: scale(1.05);background:#fff;}
.culture li p{line-height: 20px}
.culture li h2{font-size: 17px;font-weight: 700;color: #454545}
.cultures{padding-bottom:40px;}
.cultures div{padding-left:72px;line-height: 36px;color: #666}

.aboutus{margin-top:30px; width: 580px;}

.aboutus dt{width: 100%;}
.aboutus dd {width:245px;height: 180px;box-shadow: 0 0 8px 2px rgba(133,172,250,0.3);border-radius: 5px;position: relative;
	padding:45px 0 0 30px;margin-bottom:20px;}
.aboutus dd img{border: none;}
.aboutus dd img.bigimg{position: absolute;width:80px;right: 10px;top: 5px;margin-top: 0}
.aboutus dd img.small{position: absolute;left: 40px;bottom: -10px;width:80px;opacity: .2;}
.aboutus dd h4{font-family: impact;font-size: 48px;color: #5d9cf3;margin-top: 10px;text-shadow: 2px 2px 2px  rgba(0,0,0,0.1)}
.aboutus dd h4 sub{font-size: 17px;font-weight: 700}
.aboutus dd p{font-size: 14px;color: #454545;text-indent: 0}
.zk{font-size: 14px!important;color: #666}
.zk{font-size: 14px!important;color: #666}
.zktit{font-size: 22px}
.zktit a{color: #2765bb}

.about_main{margin-top:30px; }
.about_main_l{width:500px; }
.lctit {width:420px; margin-left:40px;border-bottom: 1px solid #e4edfd;margin-bottom:20px;}
.lctit h2{font-size: 28px;text-align: center; font-weight: 700;color: #2765bb;margin-top: 30px;margin-bottom: -10px;
	padding-bottom:10px}
.lctit p{text-transform: uppercase;color: #ccc;font-size: 12px;text-align: center;text-indent: 0;color: #aaa;font-family: arial}
.about_main_l img{width: auto; margin-left: 30px;}
.about_main_r{width: 580px;}
.lctit1{width:520px; margin-left:60px;}
.lctit2{width: 100%;margin-left: 0px;}


.service-banner{height: 496px;background:url(../images/fwbg.jpg) center top no-repeat;}
.service-banner .wrap{text-align: center;}
.service-banner .wrap img{display: block;position: relative; margin:0 auto;}
.service-banner .wrap .t03{margin-top: 110px}
.service-banner .wrap .t07{margin-top: 30px}
.service-banner .wrap .t011{margin-top: 28px}
.service-banner .wrap a{display: block; margin:38px auto; width:207px;height: 46px;letter-spacing: 3px;line-height: 46px;font-size: 14px;
	background:url(../images/t_15.png)  center no-repeat;color: #9f5e02;position: relative;}
.service-banner .wrap a:hover{opacity: .9}
.service-banner .wrap a:active{left:1px; top: 1px}
.service-group {background:#fff;box-sizing: border-box;position: relative; top: -78px;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.05);}
.service-group li h2{text-align: center;color: #486298;font-size: 17px;font-weight: 700;line-height: 26px}
.service-group li p{color: #d8e2ff;font-size: 12px;text-align: center;text-transform: uppercase;}
.service-group li{text-align: center;position: relative;padding:30px 56px;}
.service-group li:after{content: ""; display: block;width: 1px;height: 115px;background:#d8e2ff;position: absolute;right: 0;top: 50px}
.service-group li:last-child:after{display: none}
.title{text-align: center; margin-top:60px;}
.title p{font-family: arial;font-size: 12px;color: #999;margin-top: 5px ;text-align:center;text-transform:uppercase;}
.paragraph{color: #333;font-size: 15px;text-indent: 2em;line-height: 28px;margin-top: 40px}
.service-item{padding:60px 0 60px 150px;box-sizing: border-box;}
.service-item li{width: 220px;height: 176px;text-align: center;box-shadow:0 0 8px 2px rgba(133,172,250,0.3);padding-top: 18px;border-radius: 5px;margin-right:102px;}
.service-item li h3{font-size: 18px;line-height: 22px; font-weight: 700;color: #5e5e5e;margin:8px auto;}
.service-item li p{font-size: 13px;line-height: 22px;color: #666}
.service-table{border:1px solid #d2def6;border-collapse:collapse;width:100%;margin-top:50px;}
.service-table th{background:#eaf1ff;color: #284a8f;line-height: 32px;text-align: center;font-size: 14px;border:1px solid #d2def6;font-weight: normal;}
.service-table td{border:1px solid #d2def6;padding:25px 20px;}
.service-table .blue{color: #8ea6db}
.service-table .black{color: #333;font-size: 17px;font-weight: 700;margin-top:5px;}
.service-table .sky{color: #abc7ff;font-size: 14px}
.service-table .gry{color: #353535;font-size: 14px}
.service-table .table-tit{font-size: 17px;padding:15px 0;font-weight: 700}
.service-table tbody tr:nth-child(2n){background:#eaf1ff;}
.school-tit{text-align: center; margin-top:60px;}
.school-tit h1{font-size: 26px;color: #454545}
.school-tit p{font-family: arial;font-size: 12px;color: #999;margin-top: 15px ;text-align:center;text-transform:uppercase;}
.schoollist {border-right:1px solid #dedede;border-bottom:1px solid #dedede;margin-top:20px; margin-bottom:40px;}
.schoollist li{padding:20px 0;border-left:1px solid #dedede;border-top:1px solid #dedede;height: 65px;width: 199px;}
.schoollist li img{width: 193px;vertical-align: middle;}
.schoollist li:hover img{ filter:Gray; -webkit-filter: grayscale(100%);}

.help-list{line-height: 50px;min-height: 780px;}
.help-list li{padding-left: 4px}
.help-list li a{text-align: center;width: 200px;display: block; height: 50px;color: #454545;}
.help-list li a:hover,.help-list li a.active{background:#2765bb;color: #fff}
.helpbox img{border:none;display: block; text-align: center; width: initial;margin: 0 auto; max-width: 868px}
.kf{width: 1120px;min-height: 300px}
.kf li{width: 48%;margin: 0 1%;}
.kfbox{width: 100%;background: #f5f5f5;height: 120px;border-radius: 2px;border:1px solid #eee;text-align: center;padding:20px 0;}
.kfbox i{font-size:50px;color: #2f5cbb;}
.kfbox p{margin-top: 20px;font-size: 16px;}

/*login*/
.loginout a{color: #666;font-size: 12px;margin: 0 12px}
.login a {display: block;width: 72px;background: #2765bb;background-image: linear-gradient(#2f5cbb, #2568bb);border-radius: 3px 3px 0 0;text-align: center;font-size: 12px;color: #fff;margin-right: 20px;}


.tight-tit { border-bottom: 1px solid #e7e7e7; line-height: 45px; margin-top: 35px;}
.tight-tit li:first-child { margin-left: 0;}
.tight-tit li { color: #666; font-size: 14px; margin-left: 20px; cursor: pointer; position: relative;}
.tight-tit li.active b, .tight-tit li:hover b {	display: block;}
.tight-tit li b { position: absolute; display: none; width: 4em; background: #2f5cbb; height: 2px; bottom: -1px;}


.bg_blue{background-image: linear-gradient(to right, #f5f8ff,transparent);}
.area div{width: 565px; height: 260px; box-sizing: border-box; padding-top: 15px; background-image: linear-gradient(to bottom, #f5f8ff,transparent 80%); border-radius: 8px;  text-align: center; margin-bottom: 10px;}
.area div h3{color: #326cf6; font-weight: bold; font-size: 20px; margin-bottom: 5px;}
.shadow{box-shadow: 1px 8px 14px 2px #dedede;}

.traffic{width: 710px; display: flex; flex-direction: column;}
.traffic li{display: flex;flex-direction: row;  margin-bottom: 25px; align-items: center;}
.traffic li p{line-height: 30px;}
.traffic img{width: 63px; margin-right: 30px; margin-left: 20px;}