@charset "utf-8";

/*-----------------------------*/
body{line-height: 1.5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#333; }
a:hover{text-decoration:underline;}
a{text-decoration: none;}
.logo_wrap{background: none;height: 93px;}
.logo_wrap .logo{line-height: 78px;}
.logo_wrap .logo span {
	font-weight: bold;
	color: white;
	font-size: 21px;
	text-shadow: -1px -1px 0 #051355, 1px -1px 0 #051355, -1px 1px 0 #051355, 1px 1px 0 #051355;width: 150px}

.en{ text-transform: uppercase; }
a:hover{ text-transform: none; }

.topbar{font-size: 18px;}
.topbar .product_link a, .topbar .external_link a, .topbar .product_link span{
	font-size: 18px;
}

.column_nav{height: 53px; position: relative;}
.column_nav h3 .ch{color: #0f1935;font-size: 22px;font-weight: bold; float: left; clear: both; line-height: 22px; margin-bottom: 8px;}
.column_nav h3 .en{color: #376dc7;font-size: 16px;float: left; clear: left; line-height: 16px; margin-bottom: 4px;}
.column_nav .more{color: #333333;font-size: 14px; margin-top: -28px; padding-right: 20px; float: right; background: url(../images/more_icon.png) no-repeat right center;}
.list .list_type li{background: url(../images/dot.png) no-repeat left center;}
.list .list_des h3 a:hover {color: #376DC7!important;}
.list ul li a:hover {color: #376DC7!important;}

.navbox{height: 62px; width:100%; background-color: #376DC7; border-top: 10px solid #E03C21;}
.nav {height:100%; line-height:62px; margin:0 auto; }
.nav li{float:left; height: 100%; width: calc((1200px - 11px) / 12); position: relative;}
.nav li .A1{color: #ffffff; display:block; height: 14px; font-size:18px; line-height: 14px; white-space: nowrap; text-align:center; word-wrap: break-word; text-decoration: none;border-right: 1px solid #ffffff;  position: absolute;top: 50%; margin-top: -7px; width: 100%; }
.nav li:last-child .A1{border-right: none;}
.nav li.active .A1,.nav li .A1:hover,.nav li:hover > a{font-weight: bold;}
.nav li:hover p{display:block;}
.nav li p{display:none;position:absolute;left:0;top: 58px;padding: 10px;min-width:100px;white-space:nowrap;background-color:#76A4F2;}
.nav li p a{position: relative; text-decoration: none;height: 32px; text-align: center;font-size: 16px; line-height:32px; color:#ffffff; display: block; white-space: nowrap; }
.nav li p a:hover{background-color:#376DC7;}

.banner{height:450px;width:100%;background:url(../images/banner.png) no-repeat center;background-size:cover;}

.__area_1 {height: 255px;width: 567px;background-color: #FFFFFF; border-bottom: 5px solid #376DC7; margin-top: 79px; float: right; padding: 34px 22px 8px 22px;}
.__area_1 .info p {font-size: 16px; line-height: 32px; margin-top: 4px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; color: #0f1935;}
.__area_1 .info .xq {display: block; height: 53px; width: 144px; margin-top: 8px; background-color: #E03C21; color: #ffffff; font-size: 18px; line-height: 53px; text-align: center;}

.section1 {height:285px; width:100%; margin-top: 40px; }

.search-box{height: 100%;width: 653px;margin-top: 3px;float:left}
.search-box .navbar ul {border-bottom: 1px solid #E9ECF3; text-align: center;position: relative;list-style: none;margin: 0;padding: 0;height: 50px;line-height: 58px;width: 100%;background-color:#EFF4FA;font-size: 16px;overflow: visible;}
.search-box .navbar li {display: block;float: left;width: 140px;position: relative;overflow: visible; line-height: 50px;}
.search-box .navbar a {color:#5a616c;width: 100%;text-decoration: none;align-items: center}
.search-box .navbar .hover {color:#333333;font-size: 18px;font-weight: bold;height: 47px; line-height: 47px; border-top: 3px solid #376DC7; background: linear-gradient(to top, #EEF3FB, #E1EDFD);}
.search-box .navbar .hover a{color: #333333}
.search-box-form{background-color:#E8EBF1;background-size:cover;background-position:center;padding-left:35px;padding-top:22px;height:231px;box-sizing:border-box;}
.search-box-form .search-title{font-size: 20px;font-weight: 700;position: relative;top: 6px;}
.search-box-form input::placeholder {color: #999999;opacity: 1;}
.search-box-form input{margin-top: 14px;height: 51px;padding-left: 18px;font-size: 16px;line-height: 50px;color: #999999;width: 440px;border: 1px solid #d3ebe4; position: relative; top: -4px;}
.search-box-form button{position:relative;top:17px;cursor:pointer;width:106px;height:53px;background-image:url(../images/search_btn.png);border:none;margin-left:10px;display: inline-flex;}
.search-box-form .search-box-tip{display: flex;margin-top: 29px; width: calc(100% - 40px);}
.search-box-form .search-box-tip .search-tip-icon{display: block; float: left;width: 38px;height: 38px;background-position: center;margin-right: 15px;background: url(../images/search-tip-icon.png) no-repeat center center;}
.search-box-form .search-box-tip .search-tip-icon:first-child{width: 58px;}
.search-box-form .search-box-tip p{font-size: 14px;line-height: 26px;position: relative;top: -4px; color: #333333;}
.search-box-form .search-box-tip a {margin-left: 6px; color:#376DC7; text-underline: #1e3c72;text-decoration: underline;}


.__area_2{height: 100%; width: 500px; float: right;}
.__area_2 .column_nav h3 .more{margin-top: -32px;}
.__area_2 .list{margin-top: 15px}
.__area_2 .list .list_des h3 a{color: #333333;font-size: 14px;font-weight: bold;}
.__area_2 .list .list_des h3 span{color: #a7aec2;font-size: 14px;position: relative;float: right;top: 2px;}
.__area_2 .list .list_des p{color: #333333;font-size: 14px;width: 100%;margin-top: 6px;line-height: 23px; height: 46px;}
.__area_2 .list .list_des .xq{color:#376DC7;}
.__area_2 .list ul{margin-top: 21px}
.__area_2 .list li {font-size: 14px;line-height: 32px;height: 32px;}
.__area_2 .list ul li a{width: 75%; color: #333333; margin-left: 18px }
.__area_2 .list li span{color: #a7aec2;font-size: 14px;}



.section2 {height: 362px; width:100%; margin-top: 30px; background-color: #273752;}

.__area_3 {height: 100%; width: 633px; float:left; margin: 20px 0 0 40px; }
.__area_3 .column_nav{background: url(../images/area_3_nav.png) no-repeat top center; padding: 73px 0 15px 12px; }
.__area_3 .column_nav h3 .ch{color: #ffffff;}
.__area_3 .column_nav h3 .en{color: #ffffff;}
.__area_3 .column_nav .more{color:#ffffff;background:unset;padding:0;margin:-20px 46px 0 0;}
.__area_3 .list ul{margin-top: 24px}
.__area_3 .list li {font-size: 14px;line-height: 32px;height: 32px;}
.__area_3 .list ul li a{width: 75%; color: #ffffff; margin-left: 18px }
.__area_3 .list li span{color: #a7aec2;font-size: 14px}


.__area_4 {height: 100%; width: 510px; float:right;  margin: 20px 0;}
.__area_4 .column_nav h3 .ch{color: #ffffff;margin-top: 4px;}
.__area_4 .column_nav .more{color:#ffffff;}
.__area_4 .list{margin-top: 20px}
.__area_4 .list .list_des h3 a{color:#ffffff;font-size:14px;font-weight:bold;position:relative;top:1px;display:block;width:80%;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;}
.__area_4 .list .list_des p{position: relative; color: #ffffff;font-size: 14px;margin-top: 10px; padding-top:12px; line-height: 25px;height: 62px; background: url(../images/area_4_bj.png) no-repeat center;}
.__area_4 .list .list_des p::after{content: ''; position: absolute;right: -7px; top: 0; height: 100%; width: 7px; background-color: #376DC7;} 
.__area_4 .list .list_des .start_date {width: 50%;  float: left; box-sizing: border-box;}
.__area_4 .list .list_des .end_date {width: 50%; float: left; box-sizing: border-box;}
.__area_4 .list .list_des .address {float: left; width: 70%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.__area_4 .list .list_des .xq {float: left; width: 30%;  box-sizing: border-box;color: #ffffff;}
.__area_4 .list ul{margin-top: 20px}
.__area_4 .list li {font-size: 14px;line-height: 32px;height: 32px;}
.__area_4 .list ul li a{width: 75%; color: #ffffff; margin-left: 18px }
.__area_4 .list li span{color: #a7aec2;font-size: 14px}


.section3 {height:211px; width:100%; margin-top: 38px;}

.__area_5 {height: 100%; width: 653px; float: left;}
.__area_5 .list ul{margin-top: 6px}
.__area_5 .list li {font-size: 14px;line-height: 32px;height: 32px;}
.__area_5 .list ul li a{width: 85%; color: #333333; margin-left: 18px }
.__area_5 .list li span{color: #a7aec2;font-size: 14px}


.__area_6 {height: 100%; width: 510px; float: right;}
.__area_6 .list ul{margin-top: 6px}
.__area_6 .list li {font-size: 14px;line-height: 32px;height: 32px;}
.__area_6 .list ul li a{width: 85%; color: #333333; margin-left: 18px }
.__area_6 .list li span{color: #a7aec2;font-size: 14px}

.section4 {height:264px; width:100%; margin-top: 54px;}

.__area_7 {height: 100%; width: 846px; float: left;}
.__area_7 .teacherbox .prev,
.__area_7 .teacherbox .next{height: 64px; width: 49px; margin-top: 80px; display: inline-block; cursor: pointer;}
.__area_7 .teacherbox .prev{float: left; background: url(../images/left.png);}
.__area_7 .teacherbox .prev:hover{background: url(../images/left_.png);}
.__area_7 .teacherbox .next{float: right; background: url(../images/right.png);}
.__area_7 .teacherbox .next:hover{background: url(../images/right_.png);}
.__area_7 .teacherbox{height: 210px;width: 846px;float: right;}
.__area_7 .box{position: relative;overflow: hidden; width: 746px; height: 152px; margin: 22px auto 34px;}
.__area_7 .box ul{overflow: hidden;position: absolute;left: 0;top: 0;}
.__area_7 .box ul li{margin-right: 20px;position: relative;float: left;cursor: pointer;}
.__area_7 .box ul li:last-child{margin-right: 0px;}
.__area_7 .box ul img{width: 113px;height:150px;float:left;border:1px solid #aeb9cc;}
.__area_7 .box ul .rw_one{width: 345px;height: 152px;float: left; background: url(../images/rw_one_bj.png) no-repeat right center;}
.__area_7 .box ul .rw_one .info{height: 100%;margin-left: 133px;margin-top: 35px;}
.__area_7 .box ul .rw_one .info span{color: #333333;display: flex;font-size: 14px;margin-top: 11px;}
.__area_7 .box ul .rw_one .info .bracket{display:none }
.__area_7 .box ul .rw_two{width: 113px;height: 150px;float: left;}
.__area_7 .box ul .rw_two:hover{background: #315ab6;}
.__area_7 .box ul .rw_two .info{display:block;position:absolute;z-index:20;width:100%;font-size:14px;text-align:center;margin-top:125px;background-color: #305CA5;margin-left:1px;height:27px;line-height:27px;color:#ffffff;font-weight:bold;}
.__area_7 .box ul .rw_two .info .title,
.__area_7 .box ul .rw_two .info .sp3{display: none}
.__area_7 .box ul  i{font-style: normal}
.__area_7 .box ul .normal_li{width: 115px;height: 160px;float: left;background:  #35353f;}
.__area_7 .box ul .normal_li:hover{background: #315ab6;}


.__area_8 {height: 100%; width: 315px; float: right;}
.__area_8 .list_box{margin-top: 24px;}
.__area_8 .list_box ul{overflow:hidden;}
.__area_8 .list_box ul li{box-sizing:border-box;width:150px;height:69px;background-color:#f8f8f8;line-height:20px;float:left;margin-right:11px;margin-bottom:11px;}
.__area_8 .list_box ul li:nth-child(2n){margin-right:0;}
.__area_8 .list_box ul li:hover{background: url(../images/support-hover-bj.png) no-repeat center;border: 1px solid #cbd5e2;color: #0f1935;}
.__area_8 .list_box ul li a{font-size:14px;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:69px;margin-left: 10px; width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.__area_8 .list_box ul li:hover a{width:calc(100% - 43px);white-space:normal;overflow:hidden;text-overflow:clip;line-height:1.5;padding:10px 12px;vertical-align:top;}

.section5 {height:484px; width:100%; background: url(../images/wordcloud.png) no-repeat center;background-size: cover;}

.__area_9{height:484px; width: 100%;}
.__area_9 .column_nav{height: 30px; margin-top: 24px; line-height: 30px; background: url(../images/direction-icon.png) no-repeat 171px center;}
.__area_9 .column_nav span{color: #ffffff; font-size: 26px; font-weight: bold; background:none}
.__area_9 .data{height: 430px;}


body.index-page .footer-brace{margin: 0;}
.footer-brace{height: 97px;}
.footer{height: 97px; background-color: #232323; }
.infooter{padding: 26px 0;}
.infooter .infooter-line{color: #666666;}
.infooter .infooter-line a{color: #666666;}



@media (min-width: 1680px) {
	.support1680 .fix-tool{left: 62%}
	.support1680 .container{width: 1680px;}

	.column_nav h3 .ch{font-size: 26px; line-height: 26px;}
	.column_nav .more{margin-top: -30px;}

	.nav li{width: calc((1680px - 11px) / 12);}
	
	.__area_1{height:271px;width:620px;padding:30px 26px 26px 24px;margin-top:59px;}
	.__area_1 .info p{margin-top:14px;font-size:18px;line-height:36px;}



	.section1 {height:325px; margin-top: 37px;}
	
	.search-box{height: 100%; width: 978px;}
	.search-box .navbar ul {font-size: 18px; height: 53px;}
	.search-box .navbar li {width: 184px;}
	.search-box .navbar .hover {font-size: 20px; height: 50px; line-height: 50px;}
	.search-box-form{height:271px; padding-top: 41px;padding-left: 44px;}
	.search-box-form input{width: 750px;}
	#form1 .search-box-tip .search-tip-icon:first-child{width: 68px; background: url(../images/1680/search-tip-icon1680.png) no-repeat center;}
	.search-box-form .search-box-tip p{font-size: 16px;}
	
	.__area_2{width: 676px;}
	.__area_2 .column_nav {margin-top: 12px;}
	.__area_2 .column_nav h3 .more {margin-top: -30px;}
	.__area_2 .list{margin-top: 14px}
	.__area_2 .list .list_des h3 a{font-size: 16px;}
	.__area_2 .list .list_des h3 span{font-size: 16px; top: 5px;}
	.__area_2 .list .list_des p{font-size: 16px; margin-top: 4px; width: 95%;line-height: 26px; height: 52px;}
	.__area_2 .list ul{margin-top: 16px;}
	.__area_2 .list li{font-size:16px;line-height:38px;height:38px;}
	.__area_2 .list li span{font-size: 16px;}
	
	
	.section2 {height: 382px; margin-top: 49px;}
	
	.__area_3 {width: 937px; margin: 20px 0 0 40px; }
	.__area_3 .column_nav{background: url(../images/1680/area_3_nav1680.png) no-repeat center; padding: 69px 0 19px 19px;}
	.__area_3 .list ul{margin-top: 21px}
	.__area_3 .list li{font-size:16px;line-height:38px;height:38px;}
	.__area_3 .list li span{font-size: 16px;}
	
	.__area_4 {width: 674px;  margin: 20px 0;}
	.__area_4 .column_nav h3 .ch{margin-top: 0px;}
	.__area_4 .list{margin-top: 14px}
	.__area_4 .list .list_des h3 a{font-size: 16px;}
	.__area_4 .list .list_des p{font-size:16px;margin-top:8px;height:62px;line-height:27px;padding-top:12px;background:url(../images/1680/area_4_bj1680.png) no-repeat center;}
	.__area_4 .list ul {margin-top: 18px}
	.__area_4 .list li{font-size:16px;line-height:38px;height:38px;}
	.__area_4 .list li span{font-size: 16px;}
	
	
	
	.section3 {height:242px}
	
	.__area_5 {width: 978px;}
	.__area_5 .list ul{margin-top: 6px}
	.__area_5 .list li{font-size:16px;line-height:38px;height:38px;}
	.__area_5 .list li span{font-size: 16px;}
	
	
	.__area_6 {width: 673px;}
	.__area_6 .list ul{margin-top: 6px}
	.__area_6 .list li{font-size:16px;line-height:38px;height:38px;}
	.__area_6 .list li span{font-size: 16px;}
	
	.section4 {height:262px; width:100%; margin-top: 50px;}
	
	.__area_7 {width: 1251px;}
	.__area_7 .teacherbox{width: 1251px;}
	.__area_7 .box{ width: 1064px;}
	.__area_7 .box ul .rw_one{width: 388px;}

	
	.__area_8 {height: 100%; width: 356px; float: right;}
	.__area_8 .list_box{margin-top: 26px;}
	.__area_8 .list_box ul li{width:165px;margin-right:25px;margin-bottom:13px;}
	.__area_8 .list_box ul li:hover{background: url(../images/1680/support-hover-bj-1680.png) no-repeat center;}
	.__area_8 .list_box ul li a{font-size:16px;}
	
}