@charset "utf-8";

/* CSS Document */
.history { margin:100px auto}
.history h1{font-size:64px; color:#0a4595; font-weight:bold; font-style:italic;  margin-bottom:60px}
.history dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history dl{margin-bottom:60px;}
.history dl dt{width:265px; float:left; margin-right:40px; border-top:1px solid #0054c1; box-sizing:border-box; padding:20px; box-sizing:border-box;}
.history dl dt p{font-size:45px; color:#0a4595; font-weight:bold; font-style:italic; line-height:1.1;}
.history dl dd{width:calc(100% - 345px); float:left; border-top:1px solid #666;}
.history dl dd ul li{padding:20px 0; border-bottom:1px solid #e6e8ea}
.history dl dd ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history dl dd ul li b{padding-left:10px; font-size:16px; float:left; color:#222; font-weight:500; box-sizing:border-box; position:relative; display:block; width:44px; margin-right:30px}
.history dl dd ul li b:before{content:""; width:8px; height:2px; background:#070f22; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.history dl dd ul li p{font-size:16px; color:#666; letter-spacing:-0.045em; width:calc(100% - 74px); float:left;}
.history dl dd ul li img{margin:0px 0px 10px; display:inline-block; vertical-align:top; width:100%; max-width:100%;}
.history dl:nth-of-type(2n) dt p{color:#afbccd}

@media all and (max-width:1000px){
	.history dl dt { width:100%; margin:30px 0px 10px 0px}
	.history dl dd { width:100%}
}


.news_list { margin:60px 0px;}
.news_list  li  { width:100%; height:200px; padding:60px 0px ; border-bottom:2px dotted #eee; position:relative; }
.news_list  li:nth-of-type(2n) { background-color:#f9f9f9}
.news_list  li .img_box { width:330px ; height:200px; overflow:hidden; border-radius:5px;}
.news_list  li .img_box img{ width:330px ; height:200px; }
.news_list  li .text { width:calc(100% - 530px) ; margin:0px 50px;  height:200px; display:block; color:#333; position:relative;  }
.news_list  li .text h2 { height: 24px;   overflow: hidden;    margin-bottom: 22px;    font-size: 20px; color:#000; font-weight:normal; transition:all .3s }
.news_list  li .text h2:hover,.news_list  li .text .intro:hover { color:#0a4595; transform:translateX(5px)}
.news_list  li .text .intro { color:#676767; text-indent:2em ; font-size:14px; line-height:25px; height:100px; overflow:hidden; transition:all .3s}
.news_list  li .text .foot { position:absolute; bottom:0px ; left:0px; color:#ccc; font-size:14px}
.news_list  li .more { width :100px; height:200px; display:block ; position:relative; text-align:center}
.news_list  li .more img { margin:85px auto 0px; position:relative; height:30px; height:30px ;  transition:all .3s}
.news_list  li .more img:hover { transform:scale(1.2,1.2); }
.news_list  li .more:before { content:''; width :100px; height:100px; background:url(../../img/icon/more_round.png) no-repeat center ; display:block; animation:run 6s linear 0s infinite; position:absolute; top:50px; left:0px ; background-size:80px 80px;}
 @-webkit-keyframes run{     
from{  -webkit-transform:rotate(0deg); transform:rotate(0deg);}     
to{  -webkit-transform:rotate(360deg); transform:rotate(360deg); }     
}     
@media all and (max-width:1200px){
.news_list  li .img_box { width:300px ; height:180px;}
.news_list  li .text {width:calc(100% - 480px) ;   height:180px; margin:0px 40px }
}

@media all and (max-width:1000px){
.news_list  li { padding:50px 0px; height:160px}
.news_list  li .img_box { width:240px ; height:160px;}
.news_list  li .text { width:calc(100% - 300px) ;  height:160px; margin:0px 30px }
.news_list  li .text .intro {height:80px; text-indent:1em ;}
.news_list  li .more { display:none}
}

.video_list { margin:0px; background-color:#f6f6f6; padding:40px 0px}
.video_list:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.video_list .inner  { display:block; text-align:left; color:#333; }
.video_list .inner li { display:block; float:left; width:24.5%; margin:20px 0px; margin-right:0.5%; box-sizing:border-box ; border:1px solid #eee;  background-color:#fff; border-radius:10px; overflow:hidden}
.video_list .inner li:hover{ background-color:#eee}
.video_list .inner li:nth-of-type(4n) { margin-right:0px;}
.video_list .inner li .img_box { width:100%;  height:190px; overflow:hidden;  box-sizing:border-box; display:block; border:1px solid #f6f6f6;}
.video_list .inner li .img_box img{ width:100%;  height:100%;}
.video_list .inner li .title {margin-top:30px; overflow: hidden; text-overflow: ellipsis; padding:0px 10px;  height:36px}
.video_list .inner li .title a { color:#222; font-size:14px; font-weight:700 }
.video_list .inner li .title a:hover { color:#0a4595}
.video_list .inner li .foot { margin:10px 0px 30px; color:#ccc; font-size:12px; padding:0px 10px;}

@media all and (max-width:1200px){

}

@media all and (max-width:1000px){
	.video_list .inner li { display:block; float:left; width:32.3%;margin-right:1%;}
	.video_list .inner li .img_box {height:185px;}
	.video_list .inner li:nth-of-type(4n) { margin-right:1%;}
	.video_list .inner li:nth-of-type(3n) { margin-right:0px;}	
}

@media all and (max-width:768px){
	.video_list .inner li { display:block; float:left; width:48%;margin-right:2%;}
	.video_list .inner li .img_box {height:170px;}
	.video_list .inner li:nth-of-type(3n) { margin-right:2%;}
	.video_list .inner li:nth-of-type(2n) { margin-right:0px;}
	.video_list .inner li .img_box {height:auto;}
}


.knowledge_list { margin:60px 0px;}
.knowledge_list ul { list-style:decimal}
.knowledge_list .inner li  { width:100%; padding:40px 0px ; border-bottom:2px dotted #eee; position:relative; margin:0px }
.knowledge_list .inner li  a { overflow: hidden;  font-size:16px; font-weight:400;  color:#333; transition:all .3s ; float:left; display:inline-block; width:calc(100% - 165px); height:30px; padding-left:15px;}
.knowledge_list .inner li  a:hover { color:#0a4595; transform:translateX(5px)}
.knowledge_list .inner li .info { float:left; width:150px; position:relative; top:-12px; line-height:24px; text-align:right}

.download_list  { margin:60px 0px;}
.download_list table{width:100%; border-top:2px solid #313236; table-layout:fixed;}
.download_list table tr{border-bottom:1px solid #e1e3e4; font-size:0;}
.download_list table tr th{height:65px; padding:0 10px; font-size:15px; color:#001e26; font-weight:bold; line-height:1.4; background:#f9f8f8;}
.download_list table tr td{height:55px; font-size:15px; padding:5px 10px; color:#383838; text-align:center; line-height:1.3;word-break:break-all; overflow:hidden}
.download_list table tr td a{ float:left; text-align:left}
.download_list table tr td img{ position:relative; top:-1px}

.application_list{ margin:60px 0px;}
.application_list .inner li { display:block; float:left; width:32.3333%; margin:20px 0px; margin-right:1%; box-sizing:border-box; border:1px solid #eee;  background-color:#f6f6f6; border-radius:10px; overflow:hidden}
.application_list .inner li:hover{ background-color:#eee}
.application_list .inner li:nth-of-type(3n) { margin-right:0px;}
.application_list .inner li .img_box { width:100%;  height:390px; overflow:hidden; display:block;}
.application_list .inner li .img_box img{ width:100%;  height:100%;}
.application_list .inner li h3{margin-top:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0px 10px; text-align:center; font-size:15px; }
.application_list .inner li .info { margin:15px 0px 30px; color:#aaa; font-size:12px; padding:0px 10px; }

@media all and (max-width:1200px){
	.application_list .inner li .img_box {height:29vw;}
}
@media all and (max-width:1000px){
	.application_list .inner li { display:block; float:left; width:49%;margin-right:1%;}
	.application_list .inner li .img_box {height:40vw;}
	.application_list .inner li:nth-of-type(3n) { margin-right:1%;}
	.application_list .inner li:nth-of-type(2n) { margin-right:0px;}	
}

.vip_content { border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin-top:30px; }
.vip_content .inner{ position:relative;  padding:50px 0px; }
.vip_content .vip { position:absolute; top:-18px; display:inline-block; padding:0px 20px; color:#ccc; font-size:12px}
.vip_content .inner:after{ content:'VIP内容';position:absolute; bottom:-18px; right:0px; display:inline-block; padding:0px 20px; color:#ccc;font-size:12px}

.img_link_container { margin-bottom:20px}
.img_link_container li{ float:right; margin-left:20px; border:1px solid #0a4595; padding:20px 10px; line-height:50px; width:200px; text-align:center; color:#0a4595; border-radius:5px; background-color:#f9f9f9; cursor:pointer;-webkit-filter: grayscale(100%); filter: grayscale(100%); margin-bottom:10px; }
.img_link_container li:hover{ background-color:#FFF; grayscale(0%); filter: grayscale(0%); }
.img_link_container li.on { background-color:#FFF; grayscale(0%); filter: grayscale(0%); }
.img_link_container li img{ margin-right:12px;}

@media all and (max-width:1000px){
	.login_type li { width:140px}
}
@media all and (max-width:860px){
	.login_type li { width:200px}
	.login_type li:nth-of-type(2n) { margin-left:200px}
}
@media all and (max-width:768px){
	.login_type li:nth-of-type(2n) { margin-left:20px}
}
/*发送消息*/	
.message_con { margin:0px; font-size:16px; background-color:#f9f9f9; padding:60px 0px; background:#f9f9f9 url(../../img/dukin/aboutUs/msg.png) no-repeat left center; min-height:300px}
.message_con li { margin-bottom:25px; width:100%; overflow:hidden; position:relative}
.message_con li b{ display:inline-block; width:30px; color:#F30; text-align:center }
.message_con li span { display:inline-block; width:120px; letter-spacing:4px; text-align:right; margin-right:5px; height:30px ; color:#999;}
.message_con li input { border:0px none #ccc; border-bottom:1px solid #ccc; height:30px; padding:0px 10px; font-size:20px; letter-spacing:2px; outline:none ;width:320px;  background-color:#f9f9f9; transition:all 0.3s; position:relative}
.message_con li #name { width:120px; margin-right:10px}
.message_con li #company,.message_con li #title ,.message_con li #mail  { width:320px; letter-spacing:1px; font-size:15px }
.message_con li input:focus  { border:0px none #ccc; border-bottom:3px solid #0a4595; }
.message_con li label 	{ margin-right:15px; cursor:pointer; }
.message_con li input[type="radio"]	{ margin-right:12px;  vertical-align:text-bottom; width:16px; height:16px; position:relative; top:-5px; margin-left:3px;  }
.message_con li input[type="radio"]:after{ content:'';  background: #f4f4f4;  border-radius: 100%;  border: 1px solid #ccc;  display: inline-block;  width: 20px;  height: 20px;  position: relative;  top: -3px;  left:-2px;  cursor: pointer;  text-align: center;  -webkit-transition: all 250ms ease;  transition: all 250ms ease;  box-shadow: inset 0 0 0 4px #f4f4f4; background-color: #FFF;}
.message_con li input[type="radio"]:checked:after { background-color: #0a4595;  box-shadow: inset 0 0 0 4px #f4f4f4; }
.message_con li input[type="radio"]:focus:after	{ outline: none;  border-color: #d0c1b9;}
.message_con li textarea { width:calc(100% - 180px); margin:10px 10px 10px 150px; height:300px; border-radius:4px; border:1px solid #ccc; padding:20px 10px; outline:0px; font-size:16px; letter-spacing:2px; transition:all 0.5s}
.message_con li input.btn {background-color: #0a4595; color:#fff; padding:15px 60px; font-size:15px; height:60px; margin-left:150px ; width:auto; cursor:pointer; transition:all 0.3s}
.message_con li .btn:hover { background-color:#115bc0; transform:scale(1.02,1.02)}
.message_con li textarea:focus { border:1px solid #0a4595;box-shadow:0px 0px 14px 4px #0a4595; }
.message_con li input:-webkit-autofill, .message_con li  textarea:-webkit-autofill, .message_con li  select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset}
.message_con li .get_phone_code{ display:inline-block; position:relative;top:-2px; left:-155px; width:150px; height:30px; line-height:30px; background-color:#0a4595; color:#fff; text-align:center; font-size:12px; cursor:pointer}
.message_con li .get_phone_code:hover{background-color:#115bc0;}
.message_con li .get_phone_code_disable{ background-color:#ccc}
.message_con li .get_phone_code_disable:hover{ background-color:#c9c9c9}
.message_con li #checkCodeImg { width:70px; height:auto; cursor:pointer}
.message_con li .user_center_send_cmd{ display:inline-block; margin-left:10px; width:150px; height:40px; line-height:40px; background-color:#0a4595; color:#fff; text-align:center; font-size:12px; cursor:pointer}
.message_con li .user_center_send_cmd:hover{background-color:#115bc0;}

.popWin{ background:#f9f9f9; border:3px solid #0a4595;-webkit-box-shadow:0 0 12px #0a4595;box-shadow:0 0 12px #0a4595;  z-index:9998;filter:alpha(opacity=95); opacity:0.9; border-radius:10px;}
#popWinBg { background:#333}
#popTitle{width:100%; height:40px; position:relative; line-height:40px; padding-left:20px; color:#FFF; font-weight:bold; }
#popTitle img{ position:relative; left:5px; top:30px}
#popCon{ color:#0a4595;word-wrap:break-all; overflow:auto;margin:0px 15px; min-height:48px; margin-bottom:40px  }
#popBody li{ margin-bottom:3px;list-style-type:none; letter-spacing:1px; }
#popBody li img{ position:relative; top:3px}
#popBody a{ color:#FFF;text-decoration:underline}
#popBody a:hover{  color:#ddd;}
#popBody{ overflow:auto;word-wrap:break-word;word-break:break-all;text-align:center; margin:0px 15px }
.centerMsg,.centerMsg div{ width:100%; text-align:center; overflow:hidden}
.load_animation{ width:94px; margin:0px auto; text-align:left; letter-spacing:2px; font-size:24px;height:24px}
.popWin { margin-top:10px}

#popFoot{ position:relative; width:100%; left:0px;  text-align:center; height:44px; }
#popFoot a{ display:inline-block;width:100px; height:28px; line-height:28px;  margin:0px auto; border-radius : 5px;}

#popFoot a.ok{color:#0a4595;border:2px solid #0a4595;}
#popFoot a.ok:hover{ border:2px solid #115bc0; color:#fff; background-color:#115bc0;}

#popFoot a.cancel{color:#0a4595;border:2px solid #0a4595; display:inline-block}
#popFoot a.cancel:hover{ border:2px solid #115bc0; color:#fff; background-color:#115bc0;}

#popFoot a.alert{color:#F30;border:2px solid #F30;}
#popFoot a.alert:hover{ color:#fff; border:2px solid #F60; background-color:#F03}
.popWinAlert{ border:2px solid #F30;box-shadow:0 0 12px #F30; }
.popWinAlert #popCon{color:#F30}
/*发送消息 - 结束*/	
.iptCheckInfo { margin-left:10px}
.iptCheckInfo .ng{ border:1px solid #F30; border-radius:3px; padding:3px 10px; background-color:#FFC; font-weight:normal}
.iptCheckInfo .ok{ border:1px solid #0C3; border-radius:3px; padding:3px 10px; background-color:#FFF; font-weight:normal}
.iptCheckInfo img{  margin-right:8px; position:relative; top:9px}

/*搜索*/
.search_con { padding:100px 0px 140px; border-bottom:2px solid #eee; background:url(../../img/common/search.png) no-repeat #f6f6f6; background-position:bottom left;}
.search_con:after { clear:both; content:""; display:block; height:0; visibility:hidden}
.search_con #search_key{ border:0px none #ccc; border-bottom:3px solid #0a4595; height:50px; padding:0px 10px; font-size:20px; letter-spacing:2px; outline:none ;width:calc(100% - 180px);  background-color:#f6f6f6; transition:all 0.3s; float:left; color:#0a4595;}
.search_con #seach_key:focus { border-bottom: 3px solid #115bc0}
.search_con #sumbit_bt { width:160px; float:left; height:53px; line-height:53px; background-color:#0a4595; display:block; color:#FFF; text-align:center ;transition:all 0.3s; cursor:pointer}
.search_con #sumbit_bt:hover {background-color:#115bc0;}

.search_sub_tit { border-bottom:2px solid #ccc; height:60px;}
.search_sub_tit .bar{ display: inline-block; vertical-align: middle; width: 4px; height: 20px;  background-color: #0a4595;}
.search_sub_tit h5{display: inline-block; vertical-align: middle; font-size: 22px;  color: #222;  letter-spacing: -0.045em;  font-weight: 700; padding-left: 10px;}
.search_sub_tit .more { float:right; width:50px; height:40px; line-height:40px; position:relative; top:15px; text-align:right; display:block; }
.search_sub_tit .more span { width:8px; height:8px; display:inline-block; background-color:#aaa; border-radius:100%; margin-right:5px; }
.search_sub_tit .more:hover span{ background-color:#0a4595;}
.no_result { margin:40px 0px; color: #999;}

.search_list { margin-top:40px;}
.search_list ul { margin-top:30px; margin-bottom:50px}
.search_list ul li { margin-top:20px; display:block}
.search_list ul li a{ color:#333 ; font-size:18px; transition:all 0.3s}
.search_list ul li a:hover { color: #0a4595}
.search_result section:nth-of-type(2n) { background-color:#f6f6f6}

.dukin_policy {margin-bottom:80px;}
.dukin_policy  .ScrollLy{height:180px; margin:0; padding:10px 20px; border:1px solid #e5e5e5; color:#444; overflow-x:hidden; overflow-y:auto; line-height:1.8; box-sizing:border-box; background-color:#FFF}
.dukin_policy  .ScrollLy *{font-size:14px;}
/* jcheck 동의합니다 체크 */
.dukin_policy  .jcheck{width:100%; font-size:14px; padding:12px 0; color:#222; border:1px solid #e5e5e5; border-top:0; box-sizing:border-box; text-align:right; background:#f6f6f6;}
.dukin_policy  .jcheck *{display:inline-block; vertical-align:middle;}
.dukin_policy  .jcheck input{width:15px; height:15px;}
.dukin_policy  .jcheck label{margin-right:20px;}

	
.program_search{text-align:center; font-size:0;  padding:50px 0px;}
.program_search input[type="text"]{width:300px; height:32px; border:1px solid #aaa;  font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box;}
.program_search input[type="submit"]  {vertical-align:middle; display:inline-block; width:85px; height:32px; font-size:14px; color:#aaa; box-sizing:border-box; text-align:center; line-height:30px; border:1px solid #aaa; margin-left:5px; background-color:#FFF}
.program_search input[type="submit"]:hover{ background-color:#0a4595; color:#FFF; border-color:#0a4595}