﻿.tkb .tit h1{font-size: 30px;text-align: center;line-height: 60px;}
.tkb .tit h2{font-size: 14px;color: #666;text-align: center;line-height: 20px;}

/*question_box*/
.tkb .question_box{padding-top: 50px;}
.tkb .question_box h1{font-size: 30px;text-align: center;line-height: 60px; color: #111;}
.tkb .question_box h2{font-size: 14px;color: #666;text-align: center;line-height: 20px;margin-bottom: 40px;}
.tkb .question_box .ques_list{padding-bottom: 50px;}
.tkb .question_box .ques_list .ques{width: 240px;text-align: center;float: left;margin-right: 80px;}
.tkb .question_box .ques_list .ques span{font-size: 16px;color: #333;line-height: 42px;}
.tkb .question_box .ques_list .ques p{font-size: 14px;color: #999;line-height: 20px;}
.tkb .question_box .ques_list .ques:last-child{margin-right: 0px;}
.tkb .question_box .ques_list::after{content: " ";display: block;clear: both;}
/*question_box end*/

/*solve_box*/
.tkb .solve_box{padding: 46px 0 30px;background: #f8f8f8;}
.tkb .solve_box .solve{position: relative;margin-top: 30px;}
.tkb .solve_box .solve .fix{position: fixed;top: 62px;left: 0px;}
.tkb .solve_box .solve .abs{position: absolute;top: 0px;left: 0px;}
.tkb .solve_box .solve .hd{width: 100%;height: 68px;background: #f8f8f8;border-bottom: 1px solid #eee;z-index: 9999;}
.tkb .solve_box .solve .hd ul{width: 1200px;height: 68px;margin: 0 auto;padding: 0 150px;position: relative;}
.tkb .solve_box .solve .hd ul li{float: left;line-height: 69px;width: 153px;text-align: center;font-size: 16px;margin-left: 96px;cursor: pointer;}
.tkb .solve_box .solve .hd ul li i{font-size: 22px;vertical-align: middle;margin-right: 5px;}
.tkb .solve_box .solve .hd ul li:first-child{margin-left: 0px;}
.tkb .solve_box .solve .hd ul li:hover{color: #f3c402;}
.tkb .solve_box .solve .hd ul .on{color: #f3c402;}
.tkb .solve_box .solve .hd ul .line{width: 153px;height: 2px;background: #f3c402;position: absolute;bottom: 1px;left: 150px;}
.tkb .solve_box .solve .hd ul::after{content: " ";display: block;clear: both;}
.tkb .solve_box .solve .bd{padding-top: 70px;}
.tkb .solve_box .solve .bd ul li .so_left{width: 440px;padding: 70px 10px 0;float: left;}
.tkb .solve_box .solve .bd ul li .so_left p{font-size: 16px;text-indent: 2em;line-height: 30px;}
/*.tkb .solve_box .solve .bd ul li .so_left .link{display: block;width: 173px;height: 42px;border: 1px solid #fbcc00; margin-top: 60px;position: relative;overflow: hidden;}*/
/*.tkb .solve_box .solve .bd ul li .so_left .link:hover{box-shadow: 0 0 10px #ddd; }
.tkb .solve_box .solve .bd ul li .so_left .link a{display: block;width: 100%;font-size: 18px;color: #fbcc00;text-align: center;line-height: 42px;position: absolute;top: 0px;left: 0px;z-index: 200;}
.tkb .solve_box .solve .bd ul li .so_left .link:hover a{color: #fff;background: -webkit-linear-gradient(130deg, #facf17, #ffab01);background: -o-linear-gradient(130deg, #facf17, #ffab01);background: -moz-linear-gradient(130deg, #facf17, #ffab01);background: linear-gradient(130deg, #facf17, #ffab01);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
*/
.tkb .solve_box .solve .bd ul li .so_left .link{display: inline-block;width: 180px;height: 42px;margin-top: 30px;border: 1px solid #fbcc00; overflow: hidden;position: relative;}
.tkb .solve_box .solve .bd ul li .so_left .link a{display: block;width: 100%;line-height: 42px;color: #fbcc00;font-size: 18px;text-align: center;position: absolute;top: 0px;left: 0px;z-index: 200;}
.tkb .solve_box .solve .bd ul li .so_left .link:hover a{color: #333;background:#fbcc00;transition: all 0.5s;}
.tkb .solve_box .solve .bd ul li .so_left .link:hover .circle{animation: circle-opacity 0.5s linear 0s 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.tkb .solve_box .solve .bd ul li .so_left .jp_logo{margin-top: 40px;}
.tkb .solve_box .solve .bd ul li .so_left .jp_logo a img{border-radius: 5px;box-shadow: 3px 3px 3px #ccc;}
.tkb .solve_box .solve .bd ul li .so_right{width: 760px;padding-top: 20px;text-align: right;float: left;}
.tkb .solve_box .solve .bd ul li::after{content: " ";display: block;clear: both;}
/*solve_box end*/

/*taocan_box*/
.tkb .taocan_box{padding: 50px 0 0;}
.tkb .taocan_box table{width: 100%;margin: 30px 0;border-left: 1px solid #e2e2e2;}
.tkb .taocan_box table thead{background: #f2f2f2;}
.tkb .taocan_box table thead th{width: 200px;height: 85px;font-size: 18px;font-weight: normal;color: #333;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;}
.tkb .taocan_box table thead th span{font-size: 14px;color: #999;line-height: 28px;display: block;}
.tkb .taocan_box table thead th:last-child{border-right: 1px solid #e2e2e2;}
.tkb .taocan_box table tbody tr td{height: 72px;text-align: center;font-size: 16px;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2; color: #777;}
.tkb .taocan_box .tc_btn{text-align: center;padding-bottom: 60px;}
.tkb .taocan_box .tc_btn .btn{display: inline-block;width: 146px;height: 42px;margin: 0 15px;border: 1px solid #fbcc00;/*border-radius: 4px;*/overflow: hidden;position: relative;}
.tkb .taocan_box .tc_btn .btn a{display: block;width: 100%;line-height: 42px;color: #fbcc00;font-size: 18px;text-align: center;position: absolute;top: 0px;left: 0px;z-index: 200;}
.tkb .taocan_box .tc_btn .btn:hover a{color: #333;transition: all 0.5s;}
.tkb .taocan_box .tc_btn .btn:hover .circle{animation: circle-opacity 0.5s linear 0s 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.tkb .taocan_box .tc_btn .left{background: -webkit-linear-gradient(130deg, #facf17, #ffab01);background: -o-linear-gradient(130deg, #facf17, #ffab01);background: -moz-linear-gradient(130deg, #facf17, #ffab01);background: linear-gradient(130deg, #facf17, #ffab01);}
.tkb .taocan_box .tc_btn .left a{color: #fff;}
/*taocan_box end*/

/*media_box*/
.tkb .media_box{background: #f8f8f8;padding: 45px 0 0;}
.tkb .media_box ul{padding: 30px 0 50px;}
.tkb .media_box ul li{float: left;margin-right: 7px;margin-bottom: 7px;}
.tkb .media_box ul li a img{-webkit-filter: grayscale(1);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.tkb .media_box ul li a img:hover{-webkit-filter: grayscale(0);}
.tkb .media_box ul li:nth-child(6n){margin-right: 0px;}
.tkb .media_box ul::after{content: " ";display: block;clear: both;}
/*media_box end*/

/*case_box*/
.tkb .case_box{padding: 45px 0 0;}
.tkb .case_box .case_slide{width: 100%;position: relative;padding: 30px 0;}
.tkb .case_box .case_slide .bd{padding: 0 70px;height: 460px;}
.tkb .case_box .case_slide .bd ul li{height: 460px;}
.tkb .case_box .case_slide .bd ul li .ca_img{width: 560px;float: left;margin-right: 70px;}
.tkb .case_box .case_slide .bd ul li .ca_img a img{box-shadow: 6px 6px 5px #999;}
.tkb .case_box .case_slide .bd ul li .ca_con{width: 430px;float: left;}
.tkb .case_box .case_slide .bd ul li .ca_con h1{font-size: 22px;margin-top: 40px;}
.tkb .case_box .case_slide .bd ul li .ca_con h1 span{display: inline-block;line-height: 40px;border-bottom: 1px solid #fbcc00;}
.tkb .case_box .case_slide .bd ul li .ca_con img{display: block;margin-top: 10px;}
.tkb .case_box .case_slide .bd ul li .ca_con p{font-size: 16px;line-height: 24px;}
.tkb .case_box .case_slide .bd ul li .ca_con a{display: block;width: 80%;height: 40px;text-align: center;line-height: 40px;font-size: 16px;background: -webkit-linear-gradient(130deg, #facf17, #ffab01);background: -o-linear-gradient(130deg, #facf17, #ffab01);background: -moz-linear-gradient(130deg, #facf17, #ffab01);background: linear-gradient(130deg, #facf17, #ffab01);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;border: 1px solid #fbcc00;color: #fff;  font-weight: bold; margin:20px  auto; /*border-radius: 5px;*/ float: left;}
.tkb .case_box .case_slide .bd ul li .ca_con a:hover{background: -webkit-linear-gradient(130deg, #ffab01,#facf17);
background: -o-linear-gradient(130deg, #ffab01,#facf17);
background: -moz-linear-gradient(130deg, #ffab01,#facf17);
background: linear-gradient(130deg, #ffab01,#facf17);
box-shadow:0 5px 10px rgba(255,178,49,.4);
transform:translateY(-3px);
background-color: #ffab01;
background-repeat:repeat-y;}
.tkb .case_box .case_slide .bd ul li::after{content: " ";display: block;clear: both;}
.tkb .case_box .case_slide .hd{height: 100px;}
.tkb .case_box .case_slide .hd ul{text-align: center;}
.tkb .case_box .case_slide .hd ul li{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background: #fef0b2;margin: 0 15px;margin-top: 40px;cursor: pointer;}
.tkb .case_box .case_slide .hd ul .on{background: #fbcc00;}
.tkb .case_box .case_slide .prev{display: block;width: 23px;height: 44px;background: url(../images/switch.png) center left;position: absolute;top: 50%;left: 0px;margin-top: -40px;}
.tkb .case_box .case_slide .next{display: block;width: 23px;height: 44px;background: url(../images/switch.png) center right;position: absolute;top: 50%;right: 0px;margin-top: -40px;}
/*case_box end*/

/*promote_box*/
.tkb .promote_box{height: 465px;padding: 30px 0 0;background: url(../images/promote.png) center;}
.tkb .promote_box .tit h1{color: #fff;}
.tkb .promote_box .tit h2{color: #fff;}
.tkb .promote_box .promote_main{width: 960px;margin: 0 auto;padding-top: 50px;position: relative;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box{width: 231px;height: 34px;float: left;margin-left: 12px;position: relative;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box i{position: absolute;top: 0px;left: 0px;display: block;width: 30px;height: 34px;text-align: right;line-height: 34px;font-size: 18px;color: #999;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box input{width: 100%;height: 100%;border: none;border-radius: 3px;background: #fff;padding-left: 35px;line-height: 34px;font-size: 14px;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box input::-webkit-input-placeholder{color: #999;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box input:-moz-placeholder{color: #999;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box input::-moz-placeholder{color: #999;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box input:-ms-input-placeholder{color: #999;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box .yzm{width: 114px;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box .get_yzm{width: 114px;height: 100%;text-align: center;line-height: 34px;background: #fbcc00;color: #333;font-size: 16px;border-radius: 3px;}
.tkb .promote_box .promote_main .pro_m_top .ipt_box:first-child{margin-left: 0px;}
.tkb .promote_box .promote_main .pro_m_top::after{content: " ";display: block;clear: both;}
.tkb .promote_box .promote_main .pro_m_con{width: 960px;height: 100px;resize: none;border: none;border-radius: 3px;margin: 12px 0 30px;padding: 20px 15px 0;font-size: 14px;}
.tkb .promote_box .promote_main .sub{text-align: center;}
.tkb .promote_box .promote_main .sub input{width: 210px;height: 44px;border: 1px solid #fbcc00;/*border-radius: 3px;*/background: -webkit-linear-gradient(130deg, #facf17, #ffab01);
   background: -o-linear-gradient(130deg, #facf17, #ffab01);
  background: -moz-linear-gradient(130deg, #facf17, #ffab01);
  background: linear-gradient(130deg, #facf17, #ffab01);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;color: #333;font-size: 16px; cursor: pointer; font-weight: bold;}
  .tkb .promote_box .promote_main .sub input:hover{background: -webkit-linear-gradient(130deg, #ffab01,#facf17);
background: -o-linear-gradient(130deg, #ffab01,#facf17);
background: -moz-linear-gradient(130deg, #ffab01,#facf17);
background: linear-gradient(130deg, #ffab01,#facf17);
box-shadow:0 5px 10px rgba(255,178,49,.4);
transform:translateY(-3px);
background-color: #ffab01;
background-repeat:repeat-y;}
.tkb .promote_box .promote_main .example{width: 930px;font-size: 14px;color: #999;position: absolute;top: 116px;left: 15px;}
/*promote_box end*/