@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:108px; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.kt_yz{ padding-top: 60px;}
.kt_yz li{ float: left;width: 283px;height: 200px;border:1px solid #cccccc;box-sizing: border-box;margin-right: 22px;position: relative;}
.kt_yz li:last-child{ margin-right: 0;}
.kt_yz li i{ display: block;width: 281px;height: 198px;overflow:hidden; }
.kt_yz li img{ display: block;width: 281px;height: 198px;transition:all 0.5s;}
.kt_yz li:hover img{ transform:scale(1.05);}

.kt_yz li span{ display: block;position: absolute;left: 0;bottom: 16px;font-size: 14px;line-height: 14px;color: #358ee4;font-weight: bold;margin-left: 30px;width: 251px;}
.kt_yz li span img{ display: block;float: right;width: 18px;height: 18px;margin-right: 30px;}

.kt_pp{padding-top:40px ;}
.kt_pp li{ float: left;width: 220px;height: 110px;margin-right: 25px;margin-bottom: 40px;}
.kt_pp li img{ display: block;width: 218px;height: 108px;border:1px solid #dedede;}
.kt_pp li:nth-child(5n){ margin-right: 0;}


.kt_cp h3 a{ display: block;float: left;font-size:36px ;margin-top:55px ;color: #333333;}

.kt_cp .cp1_t{ float: left;margin-left: 10px;}
.kt_cp .cp1_t li{ float: left;width:140px ;height: 40px;line-height: 40px;margin-left: 15px;line-height: 40px;border:1px solid #e5e5e5;text-align: center;font-size: 14px;}
.kt_cp .cp1_t li a{ color: #333;}
.kt_cp .cp1_t li:hover a{color:#358ee4; }
.kt_cp .cp1_t li:last-child{ border:0;background: #358ee4;color: #fff;}
.kt_cp .cp1_t li:last-child a{ color: #fff;}
.kt_cp .cp1_con{margin-top: 40px;height: 618px;}
.kt_cp .cp1_con dl{ float: left;width: 580px;height: 618px;}
.kt_cp .cp1_con dt{ display: block;width: 580px;height: 440px;overflow:hidden;}
.kt_cp .cp1_con dt img{display: block;width: 580px;height: 440px;transition:all 0.5s;}
.kt_cp .cp1_con dt:hover img{ transform:scale(1.05);}

.kt_cp .cp1_con dd img{ display: block;width: 580px;height: 178px;}
.kt_cp .cp1_con ul{ width: 610px;float: right;}
.kt_cp .cp1_con ul li{ float: left;width: 298px;height: 300px;margin-bottom: 14px;border:1px solid #cccccc;}
.kt_cp .cp1_con ul li:nth-child(2n){ float:right;}
.kt_cp .cp1_con ul li i{display: block;width: 298px;height: 229px;overflow:hidden; }
.kt_cp .cp1_con ul li img{display: block;width: 298px;height: 229px;transition:all 0.5s;}
.kt_cp .cp1_con ul li:hover img{transform:scale(1.05); }
.kt_cp .cp1_con ul li:hover span{ color:#358ee4;}
.kt_cp .cp1_con ul li span{ display: block;font-size: 14px;line-height: 50px;color: #333333;font-weight: bold;padding-left: 30px;border-top: 1px solid #f5f5f5;}
.kt_cp .cp1_con ul li span img{ width: 15px;height: 15px;display: block;float: right;margin-right: 30px;margin-top: 16px;}
.kt_cp .cp2{ margin-top:60px ;height:1080px;background:url(../images/kt_cp2bg.jpg) no-repeat center;}

.kt_cp .cp2 h3 a{ display: block;font-size:36px ;line-height:36px ;color: #fff;}
.kt_cp .cp2_z{ margin-top:50px;}
.kt_cp .cp2_l{float: left;width: 610px;}
.kt_cp .cp2_t { width:540px ;}
.kt_cp .cp2_t li{width:140px ;height: 40px;line-height: 40px;border:1px solid #fff;margin-right: 30px;text-align: center;font-size: 14px;color: #fff;float: left;margin-bottom: 30px;box-sizing:border-box;} 
.kt_cp .cp2_t li a{ color: #fff;}
.kt_cp .cp2_t li:hover{ border:0;background: #fff;color: #358ee4;}
.kt_cp .cp2_t li:hover a{ color: #358ee4;}
.kt_cp .cp2_t li:last-child{ border:0;background: #fff;color: #358ee4;}
.kt_cp .cp2_t li:last-child a{ color: #358ee4;}
.kt_cp .cp2_con  li{ float: left;width: 298px;height: 300px;margin-bottom: 10px;border:1px solid #cccccc;background: #fff;}
.kt_cp .cp2_con  li:nth-child(2n){ float:right;}
.kt_cp .cp2_con  li i{display: block;width: 298px;height: 229px; overflow:hidden;}
.kt_cp .cp2_con  li img{display: block;width: 298px;height: 229px;transition:all 0.5s;}
.kt_cp .cp2_con  li:hover img{ transform:scale(1.05);}
.kt_cp .cp2_con li:hover span{ color:#358ee4;}
.kt_cp .cp2_con  li span{ display: block;font-size: 14px;line-height: 50px;color: #333333;font-weight: bold;padding-left: 30px;border-top: 1px solid #f5f5f5;}
.kt_cp .cp2_con  li span img{ width: 15px;height: 15px;display: block;float: right;margin-right: 30px;margin-top: 16px;}

.kt_cp .cp2_r {float: right;width: 580px;height: 830px; }
.kt_cp .cp2_r dl{width: 580px;height: 830px;}
.kt_cp .cp2_r dt{display: block;width: 580px;height: 610px;overflow:hidden;}
.kt_cp .cp2_r dt img{display: block;width: 580px;height: 610px;transition:all 0.5s;}
.kt_cp .cp2_r dt:hover img{  transform:scale(1.05);}
.kt_cp .cp2_r dd img{ display: block;width: 580px;height: 220px;}
.kt_cp .cp3{ margin-top: -40px;height: 402px;margin-bottom: 87px;}
.kt_cp .cp3 h3{ height: 36px;line-height: 36px;}
.kt_cp .cp3 h3 a{ display: block;float: left;font-size:36px ;line-height:100px ;color: #333333;}
.kt_cp .cp3_l{ width: 590px;float: left;}
.kt_cp .cp3_l dl{margin-top: 20px; } 
.kt_cp .cp3_r{ width: 590px;float: right;}
.kt_cp .cp3_r dl{margin-top: 20px; }
.kt_cp .cp3 dt { float: right;}
.kt_cp .cp3 dt img{width: 440px;height: 293px;display: block;}
.kt_cp .cp3 dt em{ display: block;width:440px ;height: 53px;font-size:16px ;line-height:53px ;color: #ffffff;background: #676c6c;text-align: center;}
.kt_cp .cp3 dd { float: left;width: 150px;}
.kt_cp .cp3 dd p{ border: 1px solid #cccccc;box-sizing: border-box;height:346px; }
.kt_cp .cp3 dd p span a{ display: block;width: 110px;margin: 0 20px;height: 42px;line-height: 42px;border-bottom: 1px solid #f3f3f3;font-size: 14px;color: #333333;background:url(../images/kt_cpjt.png) no-repeat right;}
.kt_cp .cp3 dd p span a:hover{ color: #0093e0;}
.kt_cp .cp5 h3{ height: 36px;line-height: 36px;}
.kt_cp .cp5 h3 a{ display: block;float: left;font-size:36px ;line-height:36px ;color: #333333;}
.kt_cp .cp5_con{ margin-top: 80px;}
.kt_cp .cp5_con li{ float: left;width: 284px;height: 300px;border:1px solid #e8e8e8;background: #fff;margin-right: 18px;}
.kt_cp .cp5_con li:last-child{ margin-right: 0;}
.kt_cp .cp5_con li img{display: block;width: 284px;height: 213px;}
.kt_cp .cp5_con  li span{ display: block;font-size: 14px;line-height: 50px;color: #333333;padding-left: 30px;border-top: 1px solid #e8e8e8;margin-top: 30px;}
.kt_cp .cp5_con li span img{ width: 15px;height: 15px;display: block;float: right;margin-right: 30px;margin-top: 16px;}

.kt_xgg1{height: 280px;background:url(../images/kt_xgg1.jpg) no-repeat center;margin-top: 10px;}
.kt_xgg1 p{ padding-top: 163px;padding-left: 40px;}
.kt_xgg1 p span{ display: block;float: left;font-size:24px ;color: #fff;line-height: 24px;font-weight: bold;margin-right:68px ;}
.kt_xgg1 p em{display: block;float: left;font-size:30px ;color: #0584ff;line-height: 30px;font-weight: bold; }


.kt_sl{padding-top: 84px;height: 656px;background:url(../images/kt_slbg.jpg) no-repeat center;border-bottom: 100px solid #ffffff;}
.kt_sl h2{text-align: center;font-weight: normal;}
.kt_sl h2 span{display:block;font-size: 48px;color: #333333;line-height: 48px;font-weight: bold; }
.kt_sl h2 i{display:block;font-size: 16px;color: #666666;line-height: 16px;text-transform: uppercase;margin-top: 20px;}
.kt_sl dl{ margin-top: 58px;height: 512px;}
.kt_sl dt{ display: block;width: 941px;height: 512px;position: relative;margin-right:-358px;float: right;}
.kt_sl dt p{position: absolute;left: 0;top: 0;height: 512px;width: 280px;background: rgba(0,0,0,0.3);}
.kt_sl dt p span{ display: block;width: 70px;border-right:1px solid #e6e1e3 ;float: left;box-sizing: border-box;height: 512px;color: #fff; writing-mode: vertical-lr;writing-mode: tb-rl;line-height: 70px;text-align: center;font-size: 18px;}
.kt_sl dt p span a{display:block;color:#fff;}
.kt_sl dt p span.cur{ color:#358ee4;font-weight: bold;}

.kt_sl dt{ width: 941px;height: 512px;display:block;}
.kt_sl dt em{display:block; width: 941px;height: 512px;}
.kt_sl dt em i{display:block; width: 941px;height: 512px;}

.kt_sl dd{}
.kt_sl dd h3 img{ display: block;width: 300px;height: 56px;margin-bottom: 86px;}
.kt_sl dd p{ font-size:16px ;line-height: 30px;color: #333333;margin-left: 37px;margin-bottom: 40px;width:528px;}
.kt_sl dd div{ margin-top: 100px;position: relative;}
.kt_sl dd div li{ width: 182px;height: 91px;float: left;margin-right: 18px;}
.kt_sl dd div li img{display: block;width: 182px;height: 91px;}
.kt_sl dd .kt_prev{ position:absolute; left:-36px; top:35px; width:12px;height:22px; background:url(../images/kt_prev.png) no-repeat;z-index: 100;}
.kt_sl dd .kt_next{ position:absolute; left:606px; top:35px;  width:12px;height:22px; background:url(../images/kt_next.png) no-repeat;z-index: 100;}


.kt_xt{padding-top:46px;height: 760px;background:#358ee4;}
.kt_xt h2{text-align: center;font-weight: normal;}
.kt_xt h2 span{display:block;font-size: 36px;color: #ffffff;line-height: 36px;font-weight: bold; }
.kt_xt h2 i{display:block;font-size: 14px;color: #ffffff;line-height: 14px;margin-top: 10px;opacity: 0.6;}
.kt_xtcon{ margin-top: 40px;height: 450px;}
.kt_xtcon ul{ width: 360px;float: left;}
.kt_xtcon ul li{width:160px ;height: 50px;line-height: 50px;margin-right: 20px;text-align: center;font-size: 14px;color: #333;float: left;margin-bottom: 30px;background: #fff;} 
.kt_xtcon ul li.cur a{color: #0093e0;}

.kt_xtcon .kt_xtr{ float: right;width: 840px;}
.kt_xtcon .kt_xtr dl{ width: 840px;height:450px ;position: relative;}
.kt_xtcon .kt_xtr dt { display: block;width: 840px;height: 450px;overflow:hidden;}
.kt_xtcon .kt_xtr dt img{display: block;width: 840px;height: 450px;transition:all 0.5s;}
.kt_xtcon .kt_xtr dt:hover img{ transform:scale(1.05);}

.kt_xtcon .kt_xtr dd{ position: absolute;left: 0;bottom:0 ;background: rgba(255,255,255,0.5);width: 780px;padding: 0 30px;height: 160px;}
.kt_xtcon .kt_xtr dd h3 a{ display: block;font-size: 18px;line-height:36px ;color: #333333;padding-top: 10px;}
.kt_xtcon .kt_xtr dd p{ display: block;font-size: 16px;line-height:30px ;color: #333333;}
.kt_xtt{ margin-top: 40px;}
.kt_xtt h3 img{ display: block;width: 1200px;height: 22px;}
.kt_xtt ul{ margin-top: 24px;}
.kt_xtt ul li{display: block;width: 211px;height: 211px;float: left;margin-right:36px ;}
.kt_xtt ul li:last-child{margin-right: 0;}
.kt_xtt ul li img{ display: block;width: 211px;height: 211px;border-radius: 105px;border:10px solid rgba(0,0,0,0.06);box-sizing: border-box;}

.kt_al{ padding-top: 50px;height: 1388px;background:url(../images/kt_albg.jpg) no-repeat center;}
.kt_al h2{text-align: center;font-weight: normal;}
.kt_al h2 span{display:block;font-size: 48px;color: #333333;line-height: 48px;font-weight: bold; }
.kt_al h2 i{display:block;font-size: 16px;color: #666666;line-height: 16px;text-transform: uppercase;margin-top: 20px;}
.kt_al ul{ margin-top: 50px;}
.kt_al ul li{ float: left;width: 386px;margin-right: 21px;height: 276px;margin-bottom: 30px;}
.kt_al ul li i{display: block;width: 386px;height: 216px;overflow:hidden; }
.kt_al ul li img{ display: block;width: 386px;height: 216px;transition:all 0.5s;}
.kt_al ul li:hover img{ transform:scale(1.05);}

.kt_al ul li:nth-child(3n){ margin-right: 0;}
.kt_al ul li span{height: 60px;line-height: 60px;display: block;border-bottom: 2px solid #3389dc;padding-left: 35px;font-size: 18px;color: #333333;font-weight: bold;}
.kt_al ul li span>img{ display: block;float: right;margin-top:23px;margin-right: 30px;width: 15px;height: 15px;}

.kt_xgg2{height: 202px;background:url(../images/kt_xgg2.jpg) no-repeat center;margin-bottom:80px;}
.kt_xgg2 h2{ padding-top: 47px;font-weight:normal;}
.kt_xgg2 h2 b{ display: block;font-size:28px ;color: #ffffff;line-height: 28px;font-weight: bold;}
.kt_xgg2 h2 b em{ font-size:48px ;color: #0584ff;}
.kt_xgg2 h2 i{display: block;font-size:28px ;color: #ffffff;line-height: 28px; padding-top: 24px;}
.kt_xgg2 h2 i a{ display:inline-block;width:160px;height:42px;font-size:20px;line-height:42px;text-align:center;color:#333;float:right;border-radius:21px;font-weight:bold;background:#fff;}

.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}