/*左*/
@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(/public/static/images/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:452px; 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(/public/static/images/lan.png) no-repeat left center;}
.dropbtn {display: block; padding:0 20px; font-size: 14px;background:url(/public/static/images/ico_arrow_d.png) no-repeat right center; color:#1f4396;cursor: pointer;}
.lan_select {display: none; position: absolute; top:60px; left:-10px; 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 .sub_ban4 {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(/public/static/images/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:20px; padding-right:6px;}
#pro_box .pro_left h2 em{ font-size:14px; font-family:arial; text-transform:uppercase;}

#pro_box .more{ float:left;margin:30px 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:16px; 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 url("/public/static/images/ico_arrow_l.png") center center no-repeat;}
.news_list .hd a.next{background:#1f4396 url("/public/static/images/ico_arrow_r.png") 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: 48%; 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(/public/static/images/ico_16_addr.png) left center no-repeat;}
.f_contact span.tel{ background:url(/public/static/images/ico_16_tel.png) left center no-repeat;}
.f_contact span.fax{ background:url(/public/static/images/ico_16_fax.png) left center no-repeat;}
.f_contact span.email{ background:url(/public/static/images/ico_16_email.png) left center no-repeat;}
.copyright{color: #222;float: right;text-align:right;width:48%; 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(/public/static/images/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;}

    #main{margin-left:-500px; width:1000px;}
	#news_box{display:none;}
	}
	
@media only screen and (max-width: 1199px){
	.bg1{background:url(/public/static/images/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%;}
	.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;}
    .miitbeian{ display:none;}
	}