@charset "utf-8";
/* CSS Document */
/*
+-----------------------------------------------------------------------+
|	WordPress Plugin: WP-DownloadManager 								|
|	Copyright: 2017 in Industry Research Institut              			|
|																		|
|	File Written By:													|
|	- ranbo												                |
|																		|
|	File Information:													|
|	- CSS pc_banner Style				               					|
+-----------------------------------------------------------------------+
*/
.banner_sy {background: url(http://image1.askci.com/sykybaogao/images/2018-09-17000000028.jpg) center center no-repeat; width: 100%; height: 535px;background-size:275%;}
.banner_sy_padding { width: 1200px; margin: 0 auto;}
.banner_sy_p_tltie { width: 660px; margin-top: 130px;}
.tltie_h3 { font-size: 36px; color: #39424f; height: 40px; line-height: 40px; animation:tltie_h3 1s ease-in-out 1;}
.tltie_h1 { font-size: 60px; color: #39424f; height: 72px; line-height: 72px; margin-top: 28px; animation:tltie_h1 1.5s ease-in-out 1;}
.tltie_h1 span { font-size: 60px; color: #ff6000; height: 72px; line-height: 72px;}
.tltie_p1 { font-size: 30px; color: #39424f; height: 48px; line-height: 48px; text-indent: 0em; margin-top: 28px; animation:tltie_p1 2s ease-in-out 1;}
@keyframes tltie_h3 {
    from {margin-top: 60px; opacity: 0; filter: alpha(opacity=0);}
    to { margin-top: 0px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes tltie_h1 {
    from {margin-top: 68px; opacity: 0; filter: alpha(opacity=0);}
    to { margin-top: 28px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes tltie_p1 {
    from {margin-top: 90px; opacity: 0; filter: alpha(opacity=0);}
    to { margin-top: 28px; opacity: 1; filter: alpha(opacity=100);}
}
.banner_sy_p_img { width: 446px; height: 463px; margin-top:63px; animation:banner_sy_p_img 1s ease-in-out 1;}
.banner_sy_p_img img { display: block; width: 446px; height: 463px;}
@keyframes banner_sy_p_img {
    from { margin-right: -160px; opacity: 0; filter: alpha(opacity=0);}
    to { margin-right:0px; opacity: 1; filter: alpha(opacity=100);}
}
.lower_Arrow { width: 54px; height: 60px; clear: both; margin: 0 auto;}
/*banner_sy END*/


.banner_ky { background: url(http://image1.askci.com/sykybaogao/images/2018-09-17000000028.jpg) center center no-repeat; width: 100%; height: 682px;    background-size: 275%;}
.ky_banner_box { width: 100%; height: 568px;}
.ky_banner_b_h1 { width: 100%; display: block; line-height: 72px; font-size: 66px; text-align: center; color: #3485fb; padding-top: 90px; animation:ky_banner_b_h1 2s ease-in-out 1;}
@keyframes ky_banner_b_h1 {
    from { padding-top: 0px; opacity: 0; filter: alpha(opacity=0);}
    to {  padding-top: 90px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes ky_banner_b_h1 {
    from { padding-top: 0px; opacity: 0; filter: alpha(opacity=0);}
    to {  padding-top: 90px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes ky_banner_b_h1 {
    from { padding-top: 0px; opacity: 0; filter: alpha(opacity=0);}
    to {  padding-top: 90px; opacity: 1; filter: alpha(opacity=100);}
}
.ky_banner_b_con { width: 800px; height: 220px; border: 2px solid #70aeff; margin-top: 80px; position: relative; animation:ky_banner_b_con 2s ease-in-out 1;}
@keyframes ky_banner_b_con {
    from { padding-top: 120px; opacity: 0; filter: alpha(opacity=0);}
    to {   margin-top: 80px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes ky_banner_b_con {
    from { padding-top: 120px; opacity: 0; filter: alpha(opacity=0);}
    to {   margin-top: 80px; opacity: 1; filter: alpha(opacity=100);}
}
@keyframes ky_banner_b_con {
    from { padding-top: 120px; opacity: 0; filter: alpha(opacity=0);}
    to {   margin-top: 80px; opacity: 1; filter: alpha(opacity=100);}
}
.ky_banner_b_con h3 { width: 484px; height: 58px; line-height: 58px; text-align: center; font-size: 28px; color: #fff; background: #70aeff; position: absolute; top: -29px; left: 50%; margin-left: -242px;}
.spread_box { position: relative; width: 100%;}
.syjhs_list {width: 160px; float: left;margin-top: 52px; display: block;}
.syjhs_b_width .point-70:after { animation-play-state: paused; -webkit-animation-play-state: paused;}
.syjhs_b_width { text-align: center; position: relative; width: 146px; height: 146px; visibility: visible; opacity: 1;}
.syjhs_b_width .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 102px; height: 102px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;}
.syjhs_b_width .point-dot { z-index: 1; background-color: #ef6b2f;}
.syjhs_b_width .point-dot img { width: 54px; height: 54px; margin: 10px auto 0px; display: block;}
.syjhs_b_width .point-dot span { font-size: 16px; display: block; color: #fff; line-height: 22px; text-align: center;}
.syjhs_b_width .point-10 { width: 100%; height: 100%;}
.syjhs_b_width .point-10:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: #f04b00; opacity: 0; -webkit-animation: ripple 3s ease-out 0.2s infinite; -moz-animation: ripple 3s ease-out 0.2s infinite; -o-animation: ripple 3ms ease-out 0.2s infinite; animation: ripple 3s ease-out 0.2s infinite;}
.syjhs_b_width .point-70 { width: 100%; height: 100%;}
.syjhs_b_width .point-70:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: #f04b00; opacity: 0; -webkit-animation: ripple 4.5s ease-out 1.5s infinite; -moz-animation: ripple 4.5s ease-out 1.5s infinite; -o-animation: ripple 4.5s ease-out 1.5s infinite; animation: ripple 4.5s ease-out 1.5s infinite;}
@-webkit-keyframes ripple {
    0% { opacity: 0; -webkit-transform: scale(.5, .5);}
    5% { opacity: 1;}
    100% { opacity: 0; -webkit-transform: scale(1);}
}
@-moz-keyframes ripple {
    0% { opacity: 0; -moz-transform: scale(.5, .5);}
    5% { opacity: 1;}
    100% { opacity: 0; -moz-transform: scale(1);}
}
@-o-keyframes ripple {
    0% { opacity: 0; -o-transform: scale(.5, .5);}
    5% { opacity: 1;}
    100% { opacity: 0; -o-transform: scale(1);}
}
@keyframes ripple {
    0% { opacity: 0; -webkit-transform: scale(.5, .5); -moz-transform: scale(.5, .5); -ms-transform: scale(.5, .5); transform: scale(.1, .1);}
    5% { opacity: 1;}
    100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
}[not-existing]{ zoom: 1;}
/*banner_ky END*/