@charset "utf-8";
/*css rest*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font:12px/180% Arial, Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
td,th,caption { font-size:14px; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:0;}
ol,ul,li { list-style:none; display: block;}
input, textarea, select, button { font:14px, Helvetica,Arial,Verdana,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.hide{display: none;}
.show{display: block;}
body{	background:#efeeea;	}
.container{	background:#EFEEEA;	margin: 0 auto;	width:1200px;}
/* 单行以及多行文本溢出 */
.line1{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}
/* 定义全局变量 */
:root{
    --main-color:#1aa3e2;
    --bg-color1:#bae7fb;
    --bg-color2:#fffeee;
}
@media all and (max-width:1024px){
    .container{width:100%;}
}



/*header*/
.header{height: 175px;	background: url(../img/header_bg.png) 0 100% repeat-x;z-index:30;	left: 0;right: 0;}
.header .headBox{	margin: 0 auto;	width: 1200px; height: 175px;}
.header .headBox .top{	height: 130px;}
.header .headBox .logo{	float:left;	margin-top:35px;}
.header .headBox .toplf {float: right;}
.header .headBox .toplf .lang{float: right;position: relative; margin-top:15px; }
.header .headBox .toplf .lang .langimg{display: none;}
.header .headBox .toplf .lang  li{float: left; margin-left:5px;}
.header .headBox .toplf .lang  li img{height: 20px;}
.header .headBox .toplf .tel .telImg{float:right; width: 320px;	margin-top:10px;}

/*navbar style*/
.header .headBox .navbar {	position: relative;	height: 45px;	background:var(--main-color);}
.header .headBox .navbar .nav_lev1{float:left;  height: 45px; line-height: 45px;	display: inline;	font-size:1.4em; color: #fff;}
.header .headBox .navbar .nav_ul1 .nav_lev1>a{	padding: 0 10px;	color: #fff;	display: block;	height: 45px; font-size: 12px; font-weight: bold;}
.header .headBox .navbar .dh{	position: relative;	float: left;	background:var(--main-color);}
.header .headBox .navbar .nav_ul2{	display:none;	z-index: 20;	position:absolute;	width: 580px;	background-color: rgba(255,255,255,0.8);}
.header .headBox .navbar .nav_lev2{	height: 40px;	line-height:40px;	text-align: left;	border-bottom:1px solid #e6e6e6;}
.header .headBox .navbar .nav_lev2>a{	color:#000;	font-weight: 400;	padding-left: 20px;}
.header .headBox .navbar .nav_lev2:hover{	background: rgba(26,163,226,0.8);}


@media all and (max-width:1024px){
    .header{height: auto;}
    .header .headBox{width: 100%; height: auto;}
    .header .headBox .top{	height: auto;}
    .header .headBox .logo{width: 60%; margin-top: 0; padding:15px 0 15px 5%;}
    .header .headBox .toplf .lang .langimg{display: block; width: 28px; padding:0 20px 0 0; }
    .header .headBox .toplf .lang .langlist{display: none;position: absolute; z-index: 999; padding:15px 15px; background: #fff; left: -20px; margin-top: 5px;}

    .header .headBox .toplf .tel{display: none;}
    .header .headBox .navbar{height: auto;}
    .header .headBox .navbar .nav_ul1 li{box-sizing: border-box;border-right: 1px solid #fff;}
    .header .headBox .navbar .nav_ul1 li:nth-child(3n){border-right: none;}
    .header .headBox .navbar .nav_ul1 li:nth-child(-n+3){border-bottom: 1px solid #fff;}
    .header .headBox .navbar .nav_lev1{width: 33.33%; text-align: center;}
}


/*main style*/
.main{	border-top:1px solid #EFEEEA; background: #EFEEEA;}

/* banner */
.ban_wrapper{	position:relative;	width:1200px;	height: 422px;	overflow: hidden;}
.ban_wrapper .imgli{display: none;}
.ban_wrapper .imgli.current{display: block;}
.ban_wrapper .ban_img{	position:absolute;	z-index: 10;	}
.ban_wrapper .describe_bg{	position:relative;	z-index:11;	height:140px;	width:1200px;	background:rgba(0,0,0,0.7);	top:285px;}
.ban_wrapper .dscb_lt{	float:left;	padding-top:25px;	padding-left:50px;	width: 460px;	text-align:left;}
.ban_wrapper .dscb_tag{	background:var(--main-color);	height: 20px;	width:150px;}
.ban_wrapper .dscb_title{	font-family: "bodoni mt";	font-size:28px;	font-weight: bold;	color:var(--main-color);	height:50px;	line-height:50px;}
.ban_wrapper .dscb_rt{	float: left;	padding-top:0px;	width: 570px;	text-align: left;	height: 140px;	display: table;}
.ban_wrapper .dscb_txt{	color: #fff;	font-size: 20px;	display: table-cell;	vertical-align:	middle;	height: 30px;	line-height: 30px;}
.ban_wrapper .dscb_next{	position:absolute;	z-index:13;	top:76%;	right:50px; }
.ban_wrapper .dscb_next img{	width: 35px;}

.ban_nav{	position: relative;	border-top:20px solid #efeeea;	height: 95px;	width:1200px;	background: #fffeee;}
.ban_nav .nav_box{	margin:0 auto;	padding-top: 15px;	width: 1050px;}
.ban_nav .nav_box .nav_pre{	float:left;	height: 76px;	width: 48px;	background: url(../img/arrow_l.png);}
.ban_nav .nav_box .nav_pre:hover{	background: url(../img/arrow_l_on.png);}
.ban_nav .nav_box .nav_current{	position:absolute;	z-index: 15;	width: 180px;	height: 65px;	border:2px solid var(--main-color);	top:13px;	left: 126px;}
.ban_nav .nav_box .nav_thumbs .thum_Li{	float:left;	margin: 0 5px;}
.ban_nav .nav_thumbs .thum_Img{	height: 65px;	width: 180px;	}
.ban_nav .nav_box .nav_next{	float: left;	height: 76px;	width: 48px;	background: url(../img/arrow_r.png);}
.ban_nav .nav_box .nav_next:hover{	background: url(../img/arrow_r_on.png);}

@media all and (max-width:1024px){
    .banner{padding:5px 0 0 0;}
    .ban_wrapper {width: 100%; height: 200px;}
    .ban_wrapper .describe_bg{display: none;}
    .ban_wrapper .dscb_next{display: none;}
    .ban_wrapper .ban_img img{width: 100%; min-height: 200px;}
    .ban_nav{display: none;}
}

/*product*/
.product{padding: 20px 20px 25px 0; background: #fffeee; border-top:20px solid #EFEEEA;}
.product.prod{background:var(--bg-color1);}
.product .proTil{ margin:0 0 20px 20px; border-bottom: 1px solid var(--main-color); padding-bottom: 10px;}
.product .proTil .til{float: left;}
.product .proTil .more{float: right;}
.product .marq_box{overflow: hidden; padding-top:20px; margin-left: 20px;}
.product .marq_box .marq_inner{width:5000%;} 
.product .marq_box .marq_inner .marq{float:left;} 
.product .marq_box .marq_inner .marq li{float: left; margin-left:20px; width:233px; padding: 20px 20px 0; border: 1px solid #ccc; background: #fff;}
.product .marq_box .marq_inner .marq li div{overflow: hidden;}
.product .marq_box .marq_inner .marq li img{width: 233px; height: 150px; transition: all 0.5s ease-in-out;}
.product .marq_box .marq_inner .marq .name{height: 60px; line-height: 30px; text-align: center; font-size: 14px; margin: 10px 0;}
.product .marq_box .marq_inner .marq li:hover{border: 1px solid var(--main-color);}
.product .marq_box .marq_inner .marq li:hover img{transform: scale(1.05);}
.product .marq_box .marq_inner .marq li:hover h4{color:var(--main-color);}

@media all and (max-width:1024px){
    .product .marq_box {padding-top: 2px;}
    .product .marq_box .marq_inner .marq li{width: 180px;}
}


/*message*/
.message{padding:20px 20px 10px 0; background: var(--bg-color1); border-top:20px solid #EFEEEA}
.message .mesTil{margin: 0 0 20px 20px; padding-bottom:10px; border-bottom:1px solid var(--main-color); }
.message .mesTil .til{float: left;}
.message .mesTil .more{float: right;}
.message .mesBox li {float: left; width:570px; margin:0 0 20px 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa;}
.message .mesBox li img{float:left; width: 160px; height: 100px;}
.message .mesBox .mesName{float: left; width: 350px; margin: 10px 0 10px 20px;}
.message .mesBox .mesName h4{height: 45px; margin-bottom:10px; }
.message .mesBox .mesName .date{float: left;}
.message .mesBox .mesName .reader{float: right; width:60px; height: 20px; line-height: 20px; text-align: right; background-image: url(../img/reader1.png); background-repeat: no-repeat;}

.message .mesBox li:hover img{ box-shadow: #999 3px 3px 3px;}
.message .mesBox li:hover .mesName h4{color:var(--main-color); font-size:15px;}
.message .mesBox li:hover .mesName .date{color:var(--main-color); font-weight: bold;}
.message .mesBox li:hover .mesName .reader{background-image: url(../img/reader2.png); color:var(--main-color);  font-weight: bold;}

@media all and (max-width:1024px){
    .message .mesBox li {width: 100%;}
    .message .mesBox li img{width: 40%; height: auto; max-height: 120px;}
    .message .mesBox .mesName{width: calc(60% - 40px);margin:0; padding:0 20px;}
    .message .mesBox .mesName .date{display: none;}
    .message .mesBox .mesName .reader{display: none;}
}


/*About kingcera*/
.about{	height: 130px;	background:#fffeee;	border-top:20px solid #EFEEEA;}
.about .abtImg{	float:left; padding:45px 0 0 25px;}
.about .abtTil{display: none;}
.about .abtTxt{	float:right;	width: 850px;	padding-top:26px;	padding-right:15px;	text-align:left;	font-size:16px;}
.about .abtTxt span{	color:var(--main-color); font-weight: bold;}
@media all and (max-width:1024px){
    .about{height: auto; padding:20px;}
    .about .abtTil{display: block;margin: 0 0 15px 0; padding-bottom:10px; border-bottom:1px solid var(--main-color); }
    .about .abtImg{display: none;}
    .about .abtTxt{width: 100%; float: none;padding:0;}
}

/*Cooperative Enterprise*/
.coop{	height: 110px;	background: #fffeee; border-top: 20px solid #EFEEEA; border-bottom: 20px solid #EFEEEA;}
.coop .coopImg{	float:left;	padding-top:35px;	padding-left:27px;}
#imgBox {	float: left;	margin-top:30px;	margin-left: 128px;  	overflow:hidden;  	width: 850px; 	height: 53px; } 
#imgBox img {	display: inline; }  
#imgTab {  	float: left;  	width: 800%;  } 
#tab1, #tab2 {  	float: left;  }

@media all and (max-width:1024px){
    .coop{display: none;}
}


/* footer */
.footer{height: 280px;	background: url(../img/footer_bg.png) 0 100% repeat-x;}
.footBox{width: 1200px;	height: 280px;	margin: 0 auto;	background:url(../img/footer_bg.png) 0 100% repeat-x;}
.footBox .ft_top{height: 240px; background:var(--main-color);}

.footBox .ft_top .footLf{float: left; width: 500px;}
.footBox .ft_top .footLf .footLogo img{width: 350px; padding:30px 0 20px 15px;}
.footBox .ft_top .footLf .footAdd{padding-left: 25px; color:#333;}
.footBox .ft_top .footLf .footAdd p{font-size:15px;	line-height: 25px;}
.footBox .ft_top .footLf .footAdd .fttel{background:url(../img/icon01.png) no-repeat ; background-size: 20px;  padding-left: 30px;}
.footBox .ft_top .footLf .footAdd .ftfax{background:url(../img/icon02.png) no-repeat 1px 3px; background-size: 18px;  padding-left: 30px;}
.footBox .ft_top .footLf .footAdd .ftemail{background:url(../img/icon03.png) no-repeat 0 5px ; background-size: 20px;  padding-left: 30px;}
.footBox .ft_top .footLf .footAdd .ftemail a{color:#333;}
.footBox .ft_top .footLf .footAdd .ftadd{background:url(../img/icon04.png) no-repeat 1px 2px ; background-size: 18px;  padding-left: 30px;}

.footBox .ft_top .footRt{float: right;}
.footBox .ft_top .footRt .footNav{padding-top: 30px; font-size:16px;}
.footBox .ft_top .footRt .footNav p>a{padding:0 10px;color:#000;}
.footBox .ft_top .footRt .footNav .ft_nav{border-left: 2px solid #fff;}
.footBox .ft_top .footRt .footNav .ft_nav:nth-child(1){border-left: none;}
.footBox .ft_top .footRt .footNav a:hover{color: #fff;	text-decoration: underline;}
.footBox .ft_top .footRt .footflw{ padding-top: 20px; padding-right: 10px;}
.footBox .ft_top .footRt .footflw .flwctain{float: right;}
.footBox .ft_top .footRt .footflw .flwctain span{float:left; display: inline-block; margin:6px 5px 0 0; font-size: 20px; color:#fff;}
.footBox .ft_top .footRt .footflw .flwctain .flw{float: right;}
.footBox .ft_top .footRt .footflw .flwctain .flw li{float: left; margin-left:5px;}
.footBox .ft_top .footRt .footflw .flwctain .flw li img{width: 30px;}
.footBox .ft_top .footRt .ftctact{float: right;}
.footBox .ft_top .footRt .ftctact img{ width: 270px; border-radius: 10px;border: 1px solid #fff; box-shadow: #ccc 2px 2px 2px; margin: 10px;}

.footBox .ft_btm{padding-top:10px;font-size:17px;color: #fff;text-decoration: underline; text-align: center;}
.footBox .ft_btm .beian{padding:0 135px;}

@media all and (max-width:1024px){
    .footer{height: auto;}
    .footBox{width: 100%; height: auto;}
    .footBox .ft_top{height: auto;}
    .footBox .ft_top .footLf{float: none; width: 100%;}
    .footBox .ft_top .footLf .footAdd{padding:0 20px;}
    .footBox .ft_top .footLf .footLogo img{height: 30px;width:auto; padding:20px 20px 5px;}
    .footBox .ft_top .footRt{float: left; padding:0 20px; width: 100%; box-sizing: border-box;}
    .footBox .ft_top .footRt .footNav{display: none;}
    .footBox .ft_top .footRt .footflw { padding-top: 10px;}
    .footBox .ft_top .footRt .footflw .flwctain{float: left;}
    .footBox .ft_top .footRt .footflw .flwctain span{font-size: 16px;}
    .footBox .ft_top .footRt .footflw .flwctain .flw{float: left;}
    .footBox .ft_top .footRt .footflw .flwctain .flw li img{width: 25px;}
    .footBox .ft_top .footRt .ftctact{float: left;}
    .footBox .ft_top .footRt .ftctact img{width: 60%; margin:10px 10px 10px 0;}
    .footBox .ft_btm{padding-left: 20px;}
}