@charset "utf-8";
/* CSS Document */
html{overflow-x: hidden;}
body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0; }
body{text-align:center;padding:0px; font-family: "微软雅黑", Arial, Helvetica, sans-serif;font-size:12px; background:#fff;}
h3,h2,h4{font-size:14px; font-weight:normal;}
a{hide-focus: expression( this.hideFocus=true );color:#666;text-decoration:none;outline:none;}
a:hover{text-decoration:none; color:#0c75b9;}
img{border:none;}
ul{list-style:none;margin:0;padding:0;}
input, textarea, select {font: 12px "courier new"; vertical-align:middle;}
.clear{clear:both; height:0; overflow:hidden; zoom:1; width:0px;}
.he5{height:5px;}
.he3{height:2px;}
.he10{height:10px;}
.he15{height:15px;}
.fl{float:left;}
.fr{float:right;}
.fontw{font-weight:bold;}
.fontn{ font-weight:normal;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.width100{width:100%;}
.bold{font-weight:bold;}
.display_n{display:none}
.display_b{display:block}
.black,a.black,.black a{color:#3d3d3d;}
.white,a.white,.white a{color:#ffffff;}
.whites,a.whites,.whites a{color:#ececec;}
.gray,a.gray,.gray a{color:#909090;}
.grays,a.grays,.grays a{color:#e2e2e2;}
.yellow,a.yellow,.yellow a{color:#e02f00; padding-right:20px;}
.green,a.green,.green a{color:#090;}
.green2,a.green2,.green2 a{color:#426400;}
.red,a.red,.red a{color:#b7020a;}
.blue{color:#1e6ab0;}
a.blue{color:#1e6ab0;}
a:hover .blue{color:#f48a00;}
.blues,a.blues,.blues a{color:#1c2c58;}

.mar10{margin-left:10px;margin-right:10px;}
.mar5{margin-left:5px;margin-right:5px;}
.marbot10{margin-bottom:10px;}
.marbot5{margin-bottom:5px;}
.martop10{margin-top:10px;}
.line2m{line-height:2em;}
.lineh{line-height:1.5em;}
.line86{line-height:95px;}
.pad10{padding:10px;}
.pad5{padding:5px;}
.padl5{padding-left:5px;}
.pad5{padding-top:5px;padding-bottom:5px;}
.padr5{ padding-right:5px;}
.padh10{padding-top:10px;}

.header{ width:100%; margin:0 auto; height:120px;}
.top{ width:1200px;height:60px; margin:0 auto; background:#fff;padding:10px 0; }
.top .top_left{ float:left; color:#FFF; margin-left:0px;}
.top_left .phone{ background:url(../images/top_bj.jpg) no-repeat left center; width:195px; height:46px; float:left; line-height:46px;}
.top_left .mailbox{ background:url(../images/youxiang.jpg) no-repeat left center; width:260px; height:46px; float:left; line-height:46px;}
.top .top_right{ float:right;margin-right: 10px; width:340px;}
.top_right .ce{margin:23px 50px 0 0;}
.top_right .ce em{ font-style:normal;margin:0 5px;color:#666;}
.top .top_right .search_t{ margin-top: 15px;border: 1px solid #9E9FA0; width:194px; height:27px; display:block;
 -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;}
.top .top_right .search{ background:url(../images/sousuo.jpg) no-repeat left center; width:30px; height:27px; border:none; float:right; cursor:pointer;}
.top .top_right .se_input{ border:none !important; float:left; width:140px; height:21px; display:block; overflow:hidden; font-size:14px;margin-right: 10px;border-radius: 15px;} 
.nav{ width:100%; background:#0c75b9; height:40px;}
.nav_piece{ width:1200px; margin:0 auto;}
.nav_piece .nav_line  li{ float:left; line-height:40px;}
.nav_piece .nav_line  li a{ font-size:16px; color:#FFF; padding:0px 50px 0px 50px; display:block;}
.nav_piece .nav_line  li a:hover{ background:url(../images/li_bj.jpg); height:40px; display:block; padding:0px 50px 0px 50px; color:#0c75b9; }
.nav_piece .nav_line .currnet{ background:url(../images/li_bj.jpg); height:40px; display:block; padding:0px 50px 0px 50px; color:#0c75b9; }
.nav_piece .nav_line{ float:left; margin-left:30px;}

/*banner部分样式开始*/

/*banner部分样式开始*/
.banner{width:1200px;height:345px;position:relative;margin:0 auto;}
.flexslider{
	position:relative;
	height:345px;
	overflow:hidden;
	background:url(http://www.klassifilm.com/statics/default/images/loading.gif) 50% no-repeat;
	left:50%;
	margin-left:-960px;
	width:1920px;

	}
.slides{
	position:relative;
	z-index:1;
	margin:0 auto;
	}
.slides li{height:345px;}
.slides li a{position:relative;top:0; left:50%; margin-left:-960px; width:1920px; height:345px; display:block;}


.flex-control-nav{
	position:relative;
	bottom:15px;
	z-index:2;
	width:100%;
	text-align:center;
	margin:0 auto;
	}
.flex-control-nav li{
	display:inline-block;
	margin:0 5px;
	*display:inline;
	*zoom:1;}
.flex-control-nav a{
	display:block;
	width:10px;
	height:10px;
	line-height:40px;
	overflow:hidden;
	background:#fff;
	border:#00a2db solid 2px;
	cursor:pointer;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
.flex-control-nav .flex-active{background:#00a2db;}
.flex-direction-nav{
	position:relative;
	z-index:3;
	width:100%;
	top:45%;
	}
.flex-direction-nav li a{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	}

/*banner部分结束*/
.mainContent{ margin:0 auto; width:1000px;padding-top: 50px; overflow:hidden;padding-bottom: 30px;}
.contact{ background: #6d6d6d;  width:270px; height:29px; line-height:29px; color:#FFF; font-size:18px;}
.con_list{ float:left; margin-top:10px;}
.con_list li{  width:270px; float:left; height:29px; line-height:29px; text-align:left; overflow:hidden;font-size:14px;color:#707070;text-indent:35px;}
.con_list .li_dz{background:url(../images/icon4.jpg) no-repeat center left; width:270px; height:29px; }
.con_list .li_dh{background:url(../images/icon2.jpg) no-repeat center left; width:270px; height:29px; }
.con_list .li_yx{background:url(../images/icon1.jpg) no-repeat center left; width:270px; height:29px;}

.con_right{ width:100%;position: relative;}
.con_right .r_title{}
.r_title .shijing{ background:url(../images/title_tew.jpg) no-repeat; width:116px; height:30px; display:block; font-size:24px; color:#FFF; line-height:30px; float:left; text-align:left; text-indent:2px;}
.r_title .xuanze{ float:left; font-size:20px; line-height:30px; color:#0c75b9; border-bottom:1px solid #555555; height:29px; width:100%; text-align:left; }

.Contents{ width:669px; float:left; text-align:left; line-height:25px; margin-top:20px; font-size:14px; color:#666666;text-indent: 2em;}

.news{ float:left; width:660px;margin: 30px 0 30px 0;}
.news .news_title{ width:100%; height:28px; border-bottom:2px solid #555555; text-align:right; line-height:35px; }
.news .news_title a{color:#0488cd;}
.ntitle{font-size: 20px;line-height: 30px;color: #0c75b9;}

.news  .news_kuai{margin:15px auto 0; width:95%; overflow:hidden;height: 248px;+}
.news  .news_kuai li{ text-align:left; line-height:30px; width:100%;  height:30px; overflow:hidden; float:left;}
.news  .news_kuai a{ font-size:14px; color:#666666; background:url(../images/lo_hui.jpg) no-repeat left center; width:100%; padding-left:15px; float:left;}
.news  .news_kuai a:hover{ font-size:14px; color:#0c75b9;  background:url(../images/lo_lan.jpg) no-repeat left center; width:100%;padding-left:15px;}
.news  .news_kuai .news_left{ width:450px; float:left; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis ;white-space:nowrap; }
.news  .news_kuai .news_right{ float:right; width:95px;}
.sp{width:320px;margin: 30px 0 30px 0;}
 .news_r1{ width:100%; height:28px; border-bottom:2px solid #555555; text-align:right; line-height:35px; }
.news_r1 a{color:#0488cd;}

.philosophy{ float:left; width:100%;margin-bottom: 30px; }
.philosophy .title{ width:100%; height:28px; border-bottom:2px solid #555555; text-align:right; line-height:35px; }
.philosophy .title a{color:#0488cd;}
.philosophy .con_nr{ background:#f4f4f4 url(../images/fuwu_bj.jpg) no-repeat left bottom;height:382px; text-align:left; color:#666666; font-size:18px; }
.philosophy .con_nr .jianjie{  padding-top:30px; float:left; line-height:38px;text-indent: 2em; }

.products .title{ float:left; width:100%; height:28px; border-bottom:2px solid #555555; text-align:right; line-height:35px; }
.products .title a{color:#0488cd;}
.con_qunzidong{width:95%;margin:0 auto;}
.con_qunzidong li{ float:left; width:210px; margin:10px 0px 10px 22px;}
.con_qunzidong li a{ font-size:14px;}

.foot{ background:url(../images/line_x.jpg) repeat-x; width:100%; height:136px;}
.foot .foot_da{ width:1200px; margin:0 auto;}
.foot .foot_da .foot_nav{ width:700px; margin:0 auto;}
.foot_nav li{ float:left; margin:0px 10px; line-height:16px; margin-top:30px;}
.foot_nav li a{ font-size:14px; color:#FFF;}
.foot_nav .lo{ background:#FFF; width:1px; height:16px; overflow:hidden; display:block;}
.foot_l{ float:left; font-size:14px; color:#888888; margin-top:40px;  margin-left:50px;}
.foot_r{ float:right; font-size:14px; color:#888888; margin-top:40px; margin-right:50px;}



#slide-holder {
z-index : 40;
width : 430px;
/*left:927px;*/
left:50%;
margin-left:4px;
top:47px;
position : relative;
}
#slide-runner {
top : 9px;
left :9px;
width : 430px;
height : 452px;
overflow : hidden;
position : relative;
}
#slide-holder img {
margin : 0;
display : none;
position : relative;
}

#slide-controls {
left : 0;
bottom : 0px;
width : 430px;
height : 46px;
display : none;
position : relative;
background : url(../images/slide-bg.png) 0 0;
}
#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
#slide-client{ width:240px;  overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis ;white-space:nowrap; }


#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}
#slide-nav a.on {
background-position : 0 -24px;
}
#slide-nav a {
background-image : url(../images/silde-nav.png);
}
#nav ul li a {
background : url(http://www.klassifilm.com/statics/default/images/nav.png) no-repeat;}
.hudong{ position:relative; bottom:50px; right:30px; width:39px; z-index:1;}
.slideBox{ width:320px; height:250px; overflow:hidden; position:relative; float:right;margin-top: 20px;  }
		.slideBox .hd{ height:24px; overflow:hidden; position:relative; right:0px; bottom:0px; z-index:1;width:100%;/*background:#000;*/ }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:24px; height:24px; line-height:24px; text-align:center; background-image : url(../images/silde-nav.png); cursor:pointer; color:#fff;font-weight:bold;}
		.slideBox .hd ul li.on{ background-position : 0 -24px; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }

<!--.slideBox .bd dl{width:281px; _width:160px;}-->
.slideBox .bd ul li dd{width:320px; height:30px; line-height:18px; position:relative; left:0px; bottom:0px;background:url(../images/mien.png);}
.slideBox .bd ul li dd a{color:#fff; text-align:center; line-height:30px;}



/*首页左边列表开始*/
.source_list .title{height:29px;background:#0c75b9 url(../images/down.jpg) no-repeat 15px 7px;}
.source_list .t1{background: url(../images/faq.jpg) no-repeat 15px 7px #0c75b9;}
.title h2{float:left;text-indent: 2em;}
.title a{float:right;font-size:14px;color:#fff;line-height:29px;padding-right:10px;}
.title a:hover{color:#036;}
.source_list ul{margin:15px 0;}
.source_list ul li {
line-height: 30px;
background: url(../images/dian.jpg) no-repeat 19px 10px;
height: 30px;
width: 100%;
font-size:14px;}
.source_list ul li a{ color:#666; }
.source_list ul li a:hover{ color:#0c75b9;}
/**************/