/* CSS Document */
@charset "utf-8";
<!--
body{ text-align:center; font-size:14px;line-height:25px;background-color: #FFFFFF;font-family: "����"; background-color:#f9f9f9;}
IMG {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
body,td,th {
color: #000000;
}
a:hover{
color: #0033FF;
}
a:active {
color: #663300;
}
.stdecbox .stbox2 .kcleft
.nolink:link{ color:#2B72F2;text-decoration: none;}
.nolink:visited{ color:#2B72F2;text-decoration: none;}
.nolink:hover{ color:#42abfb;text-decoration:none; }
.nolink:active{ color:#663300;text-decoration: none;}
.nolinkblack:link{ color:#333333;text-decoration: none;}
.nolinkblack:visited{ color:#333333;text-decoration: none;}
.nolinkblack:hover{ color:#42abfb;text-decoration:none; }
.nolinkblack:active{ color:#333333;text-decoration: none;}
.buttomlink:link{ color:#333;text-decoration: none; font-size:12px; line-height:24px;font-family:Arial;}
.buttomlink:visited{ color:#333;text-decoration: none; font-size:12px; line-height:24px;font-family:Arial;}
.buttomlink:hover{ color:#42abfb;text-decoration:none; font-size:12px; line-height:24px;font-family:Arial;}
.buttomlink:active{ color:#FF6600;text-decoration: none; font-size:12px; line-height:24px;font-family:Arial;}
/* 3/12 add*/
.live{ margin-bottom:40px; height:260px;width:1150px; margin:20px 35px;}
.live:first-child{ margin-bottom:10px; margin-top:10px;}
.live_img{ width:312px;margin-top:20px; float:left;}
.live_right{width:795px; float:left; text-align:left; margin-top:20px; margin-left:20px;}
.live_tit{ width:627px; height:45px;}
/* 3/12 end*/
.suojin{text-indent:2em; line-height:28px;}
.shiting{color:#333333; font-size:14px;}
.table{ margin-bottom:40px; margin-top:10px;}
.table:first-child{ margin-bottom:10px; margin-top:10px;}
.table1{ margin-bottom:10px;}
.dash_line{ border-bottom:1px dashed #ddd; width:1125px; margin-left:45px;}
.mb0{ margin-bottom:0px;}
.examdaan{ font-weight:bold; font-size:43px; margin-top:30px; margin-bottom:10px;color:#2586e9;}
.center_live{width:1200px; background-color:#FFFFFF; margin:0 auto;}
.center_ycx{background-color:#FFFFFF; margin:0 auto; padding-top:30px;}
.center_title{margin-top:20px; padding-top:30px; font-size:22px;}
.main_head{ vertical-align:middle; text-align:center; width:1200px; margin:0 auto; }
.main_head .linebox{ height:18px; width:435px; background: url(../img/pic.png) no-repeat; display:inline-block; vertical-align:middle; margin-bottom:34px; margin-right:16px;}
.main_head .linebox02{ background-position: 0 -40px; margin-right:0; margin-left:16px;}
.main_head .hd_txt{ font-size:48px; color:#2586e9; line-height:48px; font-weight:bold;}
.main_head p{ color:#999; font-size:24px; margin-top:-15px;}
/*cents03*/
.main_head .linebox_c{ background-position:0 -330px; width:386px;}
.main_head .linebox_c02{ background-position:0 -365px;width:386px; margin-left:16px; margin-right:0 }
.tech_box{ padding-top:60px;}
.section .section01{ width:282px; padding-bottom:20px; background:#f5f5f5; position:relative; float:left; margin-right:24px; margin-top:30px;}
.section li:hover{ background:#ff8d36;}
.section li:hover{}
.section .section01_04{ margin-right:0;}
.section li img{ margin:1px;}
.section li a{display:block; position:relative; overflow:hidden; cursor:pointer;}
.section li em{
width: 96px;
height: 48px;
position: absolute;
background: url(bg.png) -459px 0;
text-indent: 7px;
font: 24px/40px "";
color: #FFF;
right: 24px;
}
.section .sectiontxt{ display: block; width: 100%; height: 202px;
text-align: center;
font: 16px/24px ""; color: #FFF; position: absolute; bottom: -2px; left: 0px; top: 210px;
transition:top .2s ease-out 0s}
.sectiontxt .bg{height:100%;background:#000; filter:Alpha(opacity=60);background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); z-index:1;top:0;right:0; bottom:0;left:0; position:absolute;}
.sectiontxt .tech_icon{position:absolute; z-index:2;top:35px; _top:76px; left:56px; font-style:normal; line-height:54px;border:#fff solid 1px; _border:#2586e9 solid 1px; _color:#2586e9; border-radius:4px; width:168px; height:54px; display:block; font-size:22px;}
.sectiontxt .tech_icon:hover{ background:#d62100; color:#fff; border-color:#d62100;}
.sectiontxt .tech_icon em{
background: url(../img/pic.png) no-repeat -13px -110px;
width: 12px;
height: 11px;
display: block;
position: absolute;
top: 22px;
font-size:0;
}
.section li:hover .sectiontxt{top:0;}
.tech{ width:1200px; margin:0 auto 40px;}
.section01 h3{ font-size:24px; margin:0 16px; line-height:45px; text-align:center;}
.section01 p{ font-size:16px; margin:0 16px; line-height:26px;}
.section01:hover{ color:#fff;}
/*cents03 end*/
/*cents05*/
.map2_box{ padding-top:40px; margin-bottom:70px; margin-left:3px;}
.map2{ width:1200px; margin:0 auto; padding-top:30px;}
.main_head .linebox_d{ width:334px; background-position:0 -205px; }
.main_head .linebox_d02{ width:334px; background-position:0 -235px; margin-left:16px; margin-right:0; }
.map2_list{ width:136px; float:left; margin-right:76px;}
.map2_list_xx{ margin-right:0;}
.map2_list .map2_pic{ background:url(../img/pic.png) no-repeat 0 -275px; display:block; height:40px; width:40px; margin-left:42px; margin-bottom:15px;}
.map2_list .map2_pic02{ background-position:-56px -275px;}
.map2_list .map2_pic03{ background-position:-112px -275px;}
.map2_list .map2_pic04{ background-position:-168px -275px;}
.map2_list .map2_pic05{ background-position:-224px -275px;}
.map2_list .map2_pic06{ background-position:-280px -275px;}
.map2_list:hover .map2_pic{ background-position:0 -413px; }
.map2_list:hover .map2_pic02{ background-position:-56px -413px;}
.map2_list:hover .map2_pic03{ background-position:-112px -413px;}
.map2_list:hover .map2_pic04{ background-position:-168px -413px;}
.map2_list:hover .map2_pic05{ background-position:-224px -413px;}
.map2_list:hover .map2_pic06{ background-position:-280px -413px;}
.map2_list .li_head{ font-size:18px; border-left:#2586e9 solid 4px; margin-left:-3px; font-weight:bold;}
.map2_list li{ height:28px; line-height:28px; font-size:14px; border-left:#dbdbdb solid 1px; padding-left:12px; overflow:hidden;}
.map2_list li a{ color:#000;}
.map2_list li a:hover{ color:#2586e9; text-decoration: none;}
.city_pic{ width:100%; margin-top:30px;}
/*cents05 end*/
/******banner*******/
.banner-1{ width:100%; margin:0 auto; background:url(../img/ba_bg.jpg) no-repeat center 0; height:520px;}
.ba-main{ width:1100px; margin:0 auto; font-size:0; line-height:0;}
/******banner end****/
.pt{ padding-top:30px; }
.pl8{ padding-left:8px;}
.ml17{ margin-left:17px;}
.ml_10{ margin-left:-10px;}
.ml5{ margin-left:5px;}
/**/
.open-course-tab ul .tab-header {
float: left;
width: 50%;
padding: 20px 0;
font-size: 18px;
text-align: center;
cursor: pointer;
color:#fff;
}
.open-course-tab ul .tab-header img{position:relative;top:3px;left:-5px}
@media (max-width: 991px) {
.open-course-tab ul .tab-header {
padding: 15px 0;
font-size: 14px;
}
}
.open-course-tab .tab-recommand {
padding: 10px 20px 10px 15px;
}
.open-course-tab .tab-recommand:first-child {
padding: 15px 20px 10px 15px;
}
.open-course-tab .tab-recommand img {
float: left;
width: 118px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 1199px) {
.open-course-tab .tab-recommand img {
width: 100px;
}
}
.open-course-tab .tab-recommand .open-course-info {
margin-left: 138px;
margin-top:-20px;
}
@media (max-width: 1199px) {
.open-course-tab .tab-recommand .open-course-info {
margin-left: 108px;
}
}
.open-course-tab .tab-recommand .open-course-info .title {
display: inline-block;
padding-bottom: 8px;
max-height: 42px;
line-height: 21px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
color: rgba(255, 255, 255, 0.8);
}
.open-course-tab .tab-recommand .open-course-info .title:hover {
color: #43bc60;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.open-course-tab .tab-recommand .open-course-info .num {
color: rgba(255, 255, 255, 0.5);
overflow: hidden;
height: 21px;
}
.course-label{position:relative;top:44px;left:-113px;font-size:12px;color:#FFF;line-height:18px;background:rgba(7,17,27,.4); padding:0px 8px;border-radius:12px; text-align:center;display:inline-block;}
.shipin_left{padding: 0px 0px 1px 0px;float:left;}
.shipin_right{position: relative; padding: 0px 0pt 1px 0px;background-color:#212121; width:330px; height:649px; text-align:left; vertical-align:top; float:right;}
.center_shipin{width:1200px; margin:0 auto; text-align:center; margin-bottom:10px;}
.shipin_cont{width:100%;height:650px;}
.shipin_tit{font-size:39px;color:#333; padding-bottom:20px; font-weight:bold;}
/* 2020/5/11 */
.stbox{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.stbox .st1{
width: 100%;
margin: 0 auto;
background: #FFFFFF;
overflow: hidden;
}
.stbox .st1 div:first-child{
float: left;
margin-right: 50px;
}
.stbox .st1 div:last-child{
padding-top: 20px;
}
.stbox .st1 div:last-child a{
float: left;
width: 28%;
text-align: left;
font-size: 18px;
line-height: 45px;
}
.stbox .st1 div:last-child a:nth-child(3n){
float: right;
width: 20%;
}
.stbox .st1 div:last-child .ahov{color: #0D75D9;}
.stbox .st2{
width: 100%;
margin: 20px auto;
overflow: hidden;
background: #FFFFFF;
}
.stbox .st2 h1{
width: 100%;
overflow: hidden;
padding-top: 20px;
font-size: 40px;
color: #0D75D9;
font-weight: 500;
}
.stbox .st2 .tsp{
width: 100%;
color: #FF0000;
font-size: 14px;
font-weight: 400;
margin: 10px auto;
overflow: hidden;
}
.stbox .st3{
width: 102%;
margin: 22px auto 0px auto;
overflow: hidden;
}
.stbox .st3 .stul{
width: 100%;
margin: 0 auto;
}
.stbox .st3 .stul li{
width: 283.5px;
height: 260px;
float: left;
background: #FFFFFF;
margin-right: 22px;
overflow: hidden;
margin-bottom: 20px;
transform: scale(0.98);
}
.stbox .st3 .stul li:hover{box-shadow:0px 0px 18px 2px rgba(153,153,153,0.2);transform: scale(1);}
.stbox .st3 .stul li:first-child{
background: url(../shipin/img/more.png) no-repeat;
background-size: 100%;
color: #FFFFFF;
}
.stbox .st3 .stul li:first-child p:first-child{
margin-top: 60px;
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
}
.stbox .st3 .stul li:first-child a{
width:110px;
height:32px;
line-height: 32px;
border:1px solid #FFFFFF;
border-radius:4px;
color: #FFFFFF;
display: inline-block;
font-size: 20px;
margin-top: 32px;
}
.stbox .st3 .stul li a div{
background: url(../shipin/img/stlist.png) no-repeat;
background-size: 100%;
color: #FFFFFF;
width: 241px;
height: 154px;
margin: 16px auto 0 auto;
font-size: 18px;
overflow: hidden;
line-height: 35px;
}
.stbox .st3 .stul li a div img{width: 100%;}
.stbox .st3 .stul li a div p:first-child{padding-top: 35px;}
.stbox .st3 .stul li a div p:last-child{
margin-top: 3px;
font-size: 16px;
}
.stbox .st3 .stul li a .btp{
width: 85%;
overflow: hidden;
font-size: 18px;
margin: 0 auto;
color: #333333;
font-weight: bold;
padding-top: 20px;
text-align: center;
height: 50px;
line-height: 50px;
}
.stbox .st3 .stul li a .line27{
line-height: 27px !important;
}
.stbox .stpage{
width: 100%;
overflow: hidden;
font-size: 16px;
color: #666666;
display: none;
}
.stbox .stpage a{
width: auto;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.stbox .stpage ul{display: inline-block;position: relative;top: 5px;}
.stbox .stpage ul li{float: left;padding-left: 5px;padding-right: 5px;margin-right: 5px;overflow: hidden;}
.stbox .stpage ul .lihov{background: #188EEE;color: #FFFFFF;border-radius: 5px;}
.stbox .stpage ul .lihov a{color: #FFFFFF;}
/* */
.s-adress {
white-space: nowrap;
margin-bottom: 10px;
margin-top: 10px;
font-size: 15px;
text-align: left;
}
.s-adress i {
width: 19px;
height: 24px;
float: left;
background: url(//www.cnitpm.com/img/adress_ico.png) no-repeat;
margin: 0 8px 0 0;
}
.s-adress a {
color: #666;
}
.stdecbox{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.stdecbox .stbox1 h2{
width: 100%;
margin: 0 auto;
font-size:28px;
text-align: left;
font-weight:bold;
color: #0D75D9;
}
.stdecbox .stbox1 h2 img{
position: relative;
top: 6px;
width: 3%;
}
.stdecbox .stbox1 .stvideo{
width: 100%;
margin: 20px auto;
overflow: hidden;
height: 600px;
}
.stdecbox .stbox1 .stvideo .leftvideo{
width: 75%;
float: left;
height: 100%;
}
.stdecbox .stbox1 .stvideo .leftvideo video{
width: 100%;
height: 600px;
}
.stdecbox .stbox1 .stvideo .rightdiv{
float: right;
width: 25%;
font-size: 16px;
color: #FFFFFF;
background: #212121;
height: 100%;
position: relative;
}
.stdecbox .stbox1 .stvideo .rightdiv .other{
width: 100%;
font-size: 18px;
color: #FFFFFF;
border-bottom: 1px solid #99999980;
text-align: left;
overflow: hidden;
height: 45px;
line-height: 45px;
}
.stdecbox .stbox1 .stvideo .rightdiv .other img{margin-left: 8px;width: 7%;position: relative;top: 2px;}
.stdecbox .stbox1 .stvideo .rightdiv .kclist{
width: 100%;
margin: 0 auto;
font-size: 14px;
overflow: hidden;
}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a{
color: #FFFFFF;
width: 90%;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: 1px dashed #99999980;
margin: 0 auto;
display: inline-block;
text-align: left;
line-height: 26px;
}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a p:first-child span:first-child{
width: 8%;
float: left;
display: inline-block;
text-align: center;
height: auto;
overflow: hidden;
position: relative;
top: 6px;
margin-right: 3px;
display: none;
}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a p:first-child span:last-child{
float: left;
display: inline-block;
width: 90%;
overflow: hidden;
}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a p:last-child{padding-top: 8px;overflow: hidden;width: 95%;margin: 0 auto;}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a p:first-child .isblok{display: block !important;}
.stdecbox .stbox1 .stvideo .rightdiv .kclist a:hover{color: #0F8BFF;}
.stdecbox .stbox1 .stvideo .rightdiv .kclist .ahovers{color: #0F8BFF;}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn{
width: 100%;
position: absolute;
bottom: 0px;
height: 50px;
line-height: 50px;
}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a{
color: #FFFFFF;
font-size: 14px;
text-align: center;
float: left;
width: 50%;
display: inline-block;
}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a:first-child{background: #188EEE;}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a:first-child:hover{background: #36a1f9 !important;color: #FFFFFF !important;}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a:first-child img{width: 13%;position: relative;top: 3px;margin-right: 5px;}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a:last-child{background: #FF6A00;}
/* .stdecbox .stbox1 .stvideo .rightdiv */
.kcbtn a:last-child:hover{background: #FF7E00;color: #FFFFFF !important;}
/* #fb7415 #f58333 #197bcc*/
.stdecbox .stbox2{
width: 1200px;
margin: 30px auto;
overflow: hidden;
}
.stdecbox .stbox2 .kcleft{
width: 73%;
float: left;
background: #FFFFFF;
/* height: 460px; */
text-align: left;
}
.stdecbox .stbox2 .kcleft p{
width: 90%;
margin: 10px auto;
line-height: 24px;
}
.stdecbox .stbox2 .kcleft p:first-child{
width: 100%;
height: 50px;
line-height: 50px;
text-align: left;
overflow: hidden;
}
.stdecbox .stbox2 .kcleft p:first-child span{
width: 200px;
height: 100px;
font-size: 24px;
color: #FFFFFF;
text-align: center;
display: block;
background: #0D75D9;
}
.stdecbox .stbox2 .kcleft p:last-child{
width: 95%;
margin: 29px auto;
text-indent: 2em;
text-align: left;
line-height: 30px;
font-size: 16px;
}
.stdecbox .stbox2 .kcright{
width: 25%;
float: right;
overflow: hidden;
border: 1px solid #E8E8E8;
}
.stdecbox .stbox2 .kcright p:first-child{
width: 100%;
text-align: left;
height: 40px;
line-height: 40px;
}
.stdecbox .stbox2 .kcright p:first-child em{
width: 4px;
height: 18px;
background: #1D8FE2;
display: inline-block;
position: relative;
top: 2px;
margin-right: 9px;
}
.stdecbox .stbox2 .kcright a{
width: 90%;
overflow: hidden;
display: inline-block;
margin: 10px auto;
}
.stdecbox .stbox2 .kcright a span:first-child{
float: left;
display: inline-block;
width: 55%;
overflow: hidden;
}
.stdecbox .stbox2 .kcright a span:last-child{
float: right;
display: inline-block;
width: 44%;
overflow: hidden;
text-align: left;
}
/* 2020/6/3 */
.cenimp{
padding: 0px 0px !important;
margin: 0px auto 20px auto !important;
}
.stmorebtn{
width: 15%;
margin: 15px auto 40px auto;
text-align: center;
display: block;
border: 1px solid #188eee;
padding: 0.7rem;
font-size: 1.3rem;
color: #188eee;
border-radius: 8px;
cursor: pointer;
}
.stmorebtn:hover{color: #FFFFFF;background: #188EEE;}
/* 2022 11 23 */
.kclist_imgsa a{display: block;position: relative;}
.kclist_imgsa a:nth-child(1) .kc_imgs_alite{display: block;width: 300px;height: 200px;opacity: .7;}
.kclist_imgsa a:nth-child(2) .kc_imgs_alite{display: block;width: 300px;height: 350px;}
.kclist_imgsa a:nth-child(1):hover .kc_imgs_alite{opacity: 1;}
/* .kclist_imgsa a:nth-child(2):hover .kc_imgs_alite{opacity: 1;} */
.kc_option_a{width:60px;height: 60px;position: absolute; top: 50%;left: 50%;margin-top: -30px; margin-left: -30px;}
.kc_option_a img{display: block;width:60px;height: 60px;}
/* 2023 1 10 */
.stdecbox .stbox1 .stvideo .rightMute{ float: right;
width: 30%;
font-size: 16px;
color: #FFFFFF;
background: #212121;
height: 100%;
position: relative;}
.stdecbox .stbox1 .stvideo .rightMute .other{
width: 100%;
font-size: 18px;
color: #FFFFFF;
border-bottom: 1px solid #99999980;
text-align: left;
overflow: hidden;
height: 45px;
line-height: 45px;
}
.stdecbox .stbox1 .stvideo .rightMute .other img{margin-left: 8px;width: 7%;position: relative;top: 2px;}
.Mute_alls{height: 550px;padding: 0 18px;overflow-x: hidden;}
.Mute_alls::-webkit-scrollbar{width: 1px;}
.Mute_alls ul li a{display: block;font-size: 14px;color: #BFBFBF;line-height: 39px;white-space: nowrap;text-overflow :ellipsis;overflow : hidden;cursor: pointer;text-align: left;}
.Mute_alls ul li a:hover{color: #0F8BFF;}
.Mute_alls ul li.Mute_actives a{display: block;font-size: 14px;color: #0F8BFF;}
.Mute_alls ul li a img{display: inline-block;width: 16px;height: 16px;position: relative;top: 2px;margin-right: 8px;}
.rk_contou{width: 1200px;
margin: 20px auto;
display: block;
text-align: center;
overflow: hidden;}
.stdecbox .stbox1 .stvideo .rightMute .other_altem img{width: 5%; margin-left: 18px;margin-right: 10px;}