/*å·¦*/
@keyframes lefteaseinanimate{
0%{ transform: translatex(-2000px); opacity: 0;}
100%{ transform: translatex(0px); opacity: 1;}
}
@-webkit-keyframes lefteaseinanimate{
0%{ -webkit-transform: translatex(-2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-o-keyframes lefteaseinanimate{
0%{ -webkit-transform: translatex(-2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-ms-keyframes lefteaseinanimate{
0%{ -webkit-transform: translatex(-2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-moz-keyframes lefteaseinanimate{
0%{ -webkit-transform: translatex(-2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
/*å³*/
@keyframes righteaseinanimate{
0%{ transform: translatex(2000px); opacity: 0;}
100%{ transform: translatex(0px); opacity: 1;}
}
@-webkit-keyframes righteaseinanimate{
0%{ -webkit-transform: translatex(2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-o-keyframes righteaseinanimate{
0%{ -webkit-transform: translatex(2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-ms-keyframes righteaseinanimate{
0%{ -webkit-transform: translatex(2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
@-moz-keyframes righteaseinanimate{
0%{ -webkit-transform: translatex(2000px); opacity: 0;}
100%{ -webkit-transform: translatex(0px); opacity: 1;}
}
.bg1{background:url(/uploads/image/eimages/bg.jpg) left top no-repeat;}
#header{width:100%; height:88px; position:relative;}
.logo_box{ position:absolute; left:40px; top:26px; height:62px;}
.logo{display:inline-block; width:167px; height:62px;}
.slogan{display:inline-block; width:400px; height:62px; padding-left:22px;}
.logo img , .slogan img{ float:left; width:100%;}
/*è¯è¨€é€‰æ‹©*/
#header .lan{float:right;margin:0 90px 0 0; padding-left:5px; position: relative;display:inline-block;height:88px;line-height:88px;z-index: 99;background:url(/uploads/image/eimages/lan.png) no-repeat left center;}
.dropbtn {display: block; padding:0 20px; font-size: 14px;background:url(/uploads/image/eimages/ico_arrow_d.png) no-repeat right center; color:#1f4396;cursor: pointer;}
.lan_select {display: none; position: absolute; top:60px; left:0px; width:120px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);background: #fff;}
.lan_select a {display: block;width:100%; height:45px; line-height:45px; text-align:center;border-bottom:1px solid #e8e8e8;}
.lan_select a:hover {background-color: #1f4396; color:#fff;border-bottom:1px solid #1f4396;}
.lan:hover .lan_select {display: block;}
#kinmaxshow {display:none;margin-top:40px;}
#kinmaxshow .kinmaxshow_button{display:none;}
.kinmaxshow_image_box{ z-index:1 !important;}
/*#kinmaxshow .sub_1_1 {display:block;position:absolute;left:0;top:0;}
#kinmaxshow .sub_1_2 {display:block;position:absolute;right:0;top:0;}
#kinmaxshow .sub_2_1 {display:block;position:absolute;left:0;top:0px;}
#kinmaxshow .sub_2_2 {display:block;position:absolute;right:0;top:0;}
#kinmaxshow .sub_3_1 {display:block;position:absolute;left:0;top:0;}
#kinmaxshow .sub_3_2 {display:block;position:absolute;right:0;top:0;}*/
#kinmaxshow .sub_ban1 {display:block;position:absolute;left:-1500px;top:0;}
#kinmaxshow .sub_ban2 {display:block;position:absolute;left:-1500px;top:0;}
#kinmaxshow .sub_ban3 {display:block;position:absolute;left:-1500px;top:0;}
/*#kinmaxshow div{ text-align:center;}*/
#kinmaxshow div img{ height:400px;}
/*产å“ä¸å¿ƒ*/
#main2{ display:none;}
#main{ position:fixed; left:50%; bottom:60px; margin-left:-600px; width:1200px;animation: righteaseinanimate 2.0s ease 1; -webkit-animation: righteaseinanimate 2.0s ease 1; -ms-animation: righteaseinanimate 2.0s ease 1; -o-animation: righteaseinanimate 2.0s ease 1; -moz-animation: righteaseinanimate 2.0s ease 1; animation-fill-mode:forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; z-index:990; }
#pro_box{ width:100%; height:110px; margin-bottom:20px;}
#pro_box .pro_left{ width:20%; height:100%; float:left; background:#1f4396 url(/uploads/image/eimages/ico_20_arrow.png) 90% 78% no-repeat;}
#pro_box .pro_left h2{ padding:12px 0 0 8%; width:92%; color:#fff;}
#pro_box .pro_left h2 span{ font-size:28px; font-weight:bold;text-transform:uppercase;}
#pro_box .more{ float:left;margin:25px 0 0 8%; padding:1% 2%; font-size:12px; color:#e4e4e4; border:1px solid #bbbbbb;transition:300ms ease-in-out;}
#pro_box .more:hover{color:#fff; border:1px solid #fff;}
#pro_box .pro_list{width:100%; height:100%; float:left;}
#pro_box .pro_list a:first-child{margin-left:0;}
#pro_box .pro_list a{ display:block; float:left; width:19.2%; height:100%; margin-left:1%; text-align:center; background-color:rgba(21,29,40,0.5);background:#151d28\9;filter:alpha(opacity=50);transition:300ms ease-in-out;}
#pro_box .pro_list a div{ width:72px; height:50px; margin:16px auto 10px;}
#pro_box .pro_list a:hover div img{ transform: translatey(-5px);transition:all 0.5s ease 0s; }
#pro_box .pro_list a span{ font-size:14px; color:#fff; letter-spacing:1px;}
#pro_box .pro_list a:hover{background-color:rgba(31,67,150,1);background:#1f4396\9;filter:alpha(opacity=100);}
#news_box{width:100%; height:180px; margin-bottom:20px;}
#news_box .news{ float:left;width:68%; height:100%; background-color:rgba(21,29,40,0.5);background:#151d28\9;filter:alpha(opacity=50);}
/*ä¼ä¸šæ–°é—»*/
.news_list{ position:relative;}
.news_list .hd{ overflow:hidden; position:absolute; top:-25px; right:18px; }
.news_list .hd a{ display:block; width:25px; height:25px; float:right; margin:0 0 0 2px; overflow:hidden;cursor:pointer; }
.news_list .hd a.prev{background:#1f4396 center center no-repeat;}
.news_list .hd a.next{background:#1f4396 center center no-repeat;}
.news_list .bd{ padding:10px 0 0 0; }
.news_list .hd a:hover{background-color:#062b81;}
.news_list .bd ul{}
.news_list .bd ul li{float:left; width:380px; padding-left:18px;height:115px;overflow:hidden; }
.news_list .bd ul li .pic{ float:left; margin-right:10px;width:115px; height:115px; text-align:center;overflow:hidden; }
.news_list .bd ul li .pic img{ height:115px; display:block;}
.news_list .bd ul li .news_content{ float:left; width:255px;padding-top:8px;}
.news_list .bd ul li .news_content h3 a{ display:block; width:100%;height:22px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_list .bd ul li .news_content h3 a:hover{color:#1f4396;}
.news_list .bd ul li .news_content p{ color:#e4e4e4; font-size:12px; line-height:20px;}
.news_list .bd ul li .news_content .more{ float:left;margin:10px 0 0 0; padding:1% 2%; font-size:12px; color:#e4e4e4; border:1px solid #bbbbbb;transition:300ms ease-in-out;}
.news_list .bd ul li .news_content .more:hover{color:#fff; border:1px solid #fff;}
/*关于新景泰*/
#news_box .about{ float:left;width:32%; height:100%; background-color:rgba(21,29,40,0.65);background:#151d28\9;filter:alpha(opacity=65);}
.about .about_box{padding:10px 0 0 18px; }
.about .pic1{ float:left;margin-right:10px;width:115px; height:115px; text-align:center;overflow:hidden; }
.about .pic1 img{ height:115px; display:block;}
.about .about_content{ float:left; width:225px; padding-top:8px;}
.about .about_content h3{ display:block; width:100%;height:22px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.about .about_content p{ color:#e4e4e4; font-size:12px; line-height:20px;}
.about .about_content .more{ float:left;margin:10px 0 0 0; padding:1% 2%; font-size:12px; color:#e4e4e4; border:1px solid #bbbbbb;transition:300ms ease-in-out;}
.about .about_content .more:hover{color:#fff; border:1px solid #fff;}
h2.title{ padding:12px 0 0 18px; width:92%; color:#fff;}
h2.title span{ font-size:20px; padding-right:6px;}
h2.title em{ font-size:14px; font-family:arial; text-transform:uppercase;}
/*页脚*/
#footer{position:fixed;bottom: 0;height:60px;width: 100%;}
#footer1{ padding-top:15px;height:60px;width: 100%; background-color:#f5f5f5;}
.f_contact{float: left;width: 50%; padding:0 0 0 2%;line-height:24px;}
.f_contact span{margin-right:10px;color: #222; text-indent:20px; display:inline-block;}
.f_contact span.addr{ background:url(/uploads/image/eimages/ico_16_addr.png) left center no-repeat;}
.f_contact span.tel{ background:url(/uploads/image/eimages/ico_16_tel.png) left center no-repeat;}
.f_contact span.fax{ background:url(/uploads/image/eimages/ico_16_fax.png) left center no-repeat;}
.f_contact span.email{ background:url(/uploads/image/eimages/ico_16_email.png) left center no-repeat;}
.copyright{color: #222;float: right;text-align:right;width:46%; padding:0 2% 0 0;line-height:24px;}
.miitbeian{ padding-right:10px;}
@media only screen and (max-width:1680px){
#kinmaxshow {margin-top:30px;}
#kinmaxshow div img{ height:370px;}
/*产å“ä¸å¿ƒ*/
#pro_box{ width:100%; height:100px; margin-bottom:10px;}
#pro_box .pro_left{ background:#1f4396 url(/uploads/image/eimages/ico_20_arrow.png) 90% 86% no-repeat;}
#pro_box .pro_left h2 span{ font-size:16px;}
#pro_box .more{margin:30px 0 0 8%;}
#pro_box .pro_list a div{margin:10px auto 10px;}
#news_box{width:100%; height:150px; margin-bottom:10px;}
h2.title{ padding:8px 0 0 18px;}
h2.title span{ font-size:16px;}
.news_list .hd{top:-20px; }
.news_list .bd ul li{height:100px;}
.news_list .bd ul li .pic{ width:100px; height:100px; }
.news_list .bd ul li .pic img{ height:100px;}
.news_list .bd ul li .news_content{ padding-top:0;}
.about .about_box{padding:8px 0 0 18px; }
.about .pic1{width:100px; height:100px; }
.about .pic1 img{ height:100px;}
.about .about_content{ padding-top:0;}
}
@media only screen and (max-width:1440px){
#kinmaxshow div img{ height:350px;}
/*#news_box{display:none;}*/
}
@media only screen and (max-width:1366px){
#kinmaxshow div img{ height:330px;}
#pro_box .pro_left h2 span{ font-size:22px;}
#main{margin-left:-500px; width:1000px;}
#news_box{display:none;}
}
@media only screen and (max-width: 1199px){
.bg1{background:url(/uploads/image/eimages/bg.jpg) -100px top no-repeat;}
#header{width:100%; height:60px; position:relative;}
.logo_box{ position:absolute; left:20px; top:20px; height:62px;}
.logo{display:inline-block; width:100px; height:auto;}
.slogan{display:none;}
#header .lan{margin:0 65px 0 0; height:76px;line-height:76px;}
#kinmaxshow {display:none;margin-top:20px;}
#kinmaxshow div img{ width:100%; height:auto;}
#main{display:none;}
#main2{display:block;position:absolute; bottom:60px; margin:0 0 15px 4%; width:92%;z-index: 1;}
.pro_mob_list a{ display:block; float:left; width:31.33%; height:74px; margin:0 1%; text-align:center; background-color:rgba(21,29,40,0.5);background:#151d28\9;filter:alpha(opacity=50);transition:300ms ease-in-out;}
.pro_mob_list a div{ width:40px; height:31px; margin:10px auto 6px;}
.pro_mob_list a div img{ width:100%;}
.pro_mob_list a span{ font-size:14px; color:#fff; letter-spacing:1px;}
.f_contact{display:none;}
.copyright{color: #222;float:none;text-align:center;width:100%; padding:0;line-height:24px; font-size:12px;}
.miitbeian{ display:none;}
}