@charset "UTF-8";
#header{width:100%; height:110px; position:relative;}
	#logo{ display:block; float:left; width:333px; padding:24px 0 0 40px;}
	#logo img{ width:100%; vertical-align:middle;}

	#lan{ position:absolute; right:40px; top:38px; width:70px; height:35px;color:#fff; font:normal 16px/35px arial;text-align:center;background-color:#1155c0; }
	#lan:hover{background-color:#d3000e;}
	
	#menu{position:absolute; right:140px; z-index:100;}
	#menu_btn{ display:none;}
	
/*首页 - 关于凯芙拉*/	
#index_about{ position:relative; width:100%; padding:100px 0 100px 0; background:#fafafa;}
	.about_txt{ float:left; width:50%; margin:33px 0 0 0;}
	.about_pic{float:right;width:50%; text-align:right;}
	.about_pic img{ margin-right:-28px;}
	
	.company_profile{ margin:10px 0 10px 0; font:normal 14px/32px '微软雅黑'; width:100%;  letter-spacing:1px; overflow:hidden;}
    .aboutX4{ width:100%; margin-top:46px;}
	.aboutX4 li a{margin:24px 0 0 0;float:left; width:50%; height:46px;display:block;}
	.aboutX4 li a.line{ background:url(../images/line.gif) 90% center no-repeat;}
	.aboutX4 li .ico{ float:left; width:40px; height:46px; margin-right:20px;}
	.aboutX4 li .ico.i1{ background:url(../images/index_about_ico1.gif) no-repeat;}
	.aboutX4 li .ico.i2{ background:url(../images/index_about_ico2.gif) no-repeat;}
	.aboutX4 li .ico.i3{ background:url(../images/index_about_ico3.gif) no-repeat;}
	.aboutX4 li .ico.i4{ background:url(../images/index_about_ico4.gif) no-repeat;}
	
	.aboutX4 li .tit{float:left; margin-top:5px;}
	.aboutX4 li .tit span{ font-weight:bold;}
	.aboutX4 li .tit em{ font:normal 12px 'arial';}
	
	.aboutX4 li a i{ float:right; margin:16px 70px 0 0; display:block; width:14px; height:14px; background:url(../images/ico_arrow_14.gif) left center no-repeat;transition:300ms ease-in-out;}
	.aboutX4 li a:hover i{background:url(../images/ico_arrow_14.gif) right center no-repeat;}

/*首页 - 产品介绍*/
#index_pro{ width:100%; height:630px; overflow:hidden; background:url(../images/index_probg.jpg) center 0 no-repeat;}
     .pro_top{width:100%;margin-top:80px;}
	 .pro_top .pro_tit{ float:left; width:50%;}
	 .pro_top .iso{ float:right; line-height: 80px;}
	 .pro_top .iso a{
	 	color: #fff;
	 }
	 .pro_list{ margin-top:40px; width:100%; height:265px; overflow:hidden;}
     .pro_list .swiper-slide {text-align: center;font-size: 14px;background-color:#fff;}
	 .pro_list .swiper-slide .pro_img{display:table-cell; *display: block;height: 210px; overflow:hidden; vertical-align:middle;}
	 .pro_list .swiper-slide .pro_img img{width:100%;max-height:200px;vertical-align:middle; display:block;}
	 .pro_list .swiper-slide em{ display:block;width:100%; height:50px; line-height:50px;background-color:#fff; border-top:3px solid #13ade9;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
	 
	 .pro_list_btn{margin:85px auto 0;width:384px; height:30px; text-align:center;}
	 .left_btn , .right_btn{ float:left;display:block;margin:0 1px;width:190px; height:30px; cursor:pointer;transition:300ms ease-in-out;}
	 .left_btn{ background:#313131 url(../images/left_arrow.png) center center no-repeat;}
	 .left_btn:hover{ background:#222 url(../images/left_arrow.png) 40px center no-repeat;}
	 .right_btn{ background:#313131 url(../images/right_arrow.png) center center no-repeat;}
	 .right_btn:hover{ background:#222 url(../images/right_arrow.png) 60px center no-repeat;}
	
/*首页 - 新闻*/
#index_news{ width:100%; height:486px; overflow:hidden; }
    .news_tit{margin:100px auto 0;width:100%; height:115px; text-align:center; background:url(../images/line_1920.gif) center bottom no-repeat;}
	
	.NewsList_d2{ padding:30px 0;}
	.NewsList_d2 li{ width:29%; margin-left:6.5%;float:left; padding:30px 0;}
	.NewsList_d2 li:first-child{margin-left:0;}
	.NewsList_d2 li h2{ font-size:16px; width:92%; font-family:"微软雅黑"; line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.NewsList_d2 li h2 a{ color:#222;}
	.NewsList_d2 li h2 a:hover{ color:#d3000e;}
	.NewsList_d2 li h3{ line-height:26px; color:#777;}
	.NewsList_d2 li .line{ height:1px; width:0px; background:#fff;transition:300ms ease-in-out;margin-bottom:10px;}
	.NewsList_d2 li:hover .line{ height:1px; width:20px; background:#d3000e;}
	.NewsList_d2 li span{ line-height:35px;font-size:20px;color:#999;}
	.NewsList_d2 li span em{font-size:12px; padding-left:10px;}

/*首页 - 合作伙伴*/
#index_partner{width:100%; height:500px; background:url(../images/ho_bg.jpg); overflow:hidden;}
    .partner_tit{margin:60px auto 25px;width:100%; text-align:center;}
    .partner_list{ position:relative; width:1200px; height:285px; margin:0 auto;overflow:hidden;}
	.partner_list .swiper-slide{ text-align:center;}
	.partner_list .swiper-slide .part_img img{ max-width:100%;}
	.partner_list .swiper-slide p{}
	
	.partner_list .swiper-pagination{position: absolute; z-index: 20; bottom: 0px !important; width: 100%; text-align: center;}
	.partner_list .swiper-pagination-bullet{display: inline-block; width:20px; height:4px; border-radius:0 !important;background: #d6d6d6; margin: 0 5px !important;opacity:1; cursor: pointer;}
	.partner_list .swiper-pagination-bullet-active{ margin-top:1px;width:20px; height:4px; background: #1155c0;opacity:1;}
   
/*尾部开始*/
.footer_wrap{width: 100%;padding-bottom:30px;background:#313131; color:#cccccc; overflow:hidden;}
.footer_wrap .tel{ height:119px; line-height:130px; width:100%; border-bottom:1px solid #474646; text-align:center;}
.footer_wrap .footer{margin: 0 auto;height: 85px;width: 1200px; padding:37px 0 20px;}
.footer_wrap .footer .foot_left{ float:left; width:80%; padding-top:25px;}
.footer_wrap .footer .foot_left a{color:#cccccc; padding-right:15px;}
.footer_wrap .footer .foot_left span{padding-right:15px;}
.footer_wrap .footer .foot_right{display: block; float:right;width: 20%; text-align:right;}

.footer_wrap .copyright{ margin: 0 auto;width: 1200px;font-size: 12px;}
.footer_wrap .copyright .copyright_left{ float:left; width:50%;}
.footer_wrap .copyright .copyright_left p{line-height:22px; }
.footer_wrap .copyright .copyright_right p{ float:right; width:50%; text-align:right;font-size: 12px; line-height:22px; padding-top:32px;}
.footer_wrap .copyright .copyright_right p a{color: #ccc;display:inline-block;}
.footer_wrap .copyright .copyright_right p a#beian , .footer_wrap .copyright .copyright_right p span{ padding-left:10px;}
.footer_wrap .copyright .copyright_right p a:hover{text-decoration: underline;color:#fff;}

@media only screen and (max-width: 1200px){
	#logo{width:280px; padding:28px 0 0 40px;}
	
	/*首页 - 关于凯芙拉*/	
	#index_about{ position:relative; width:100%;height:520px; padding:100px 0; background:#fafafa;}
		.about_txt{ margin:0;}
		.about_pic img{ margin-right:-28px; width:480px;}
		
		.company_profile{ margin:10px 0 20px 0; font:normal 14px/26px '微软雅黑';}
		.aboutX4{ width:100%; margin-top:30px;}
	
	.footer_wrap .footer{width: 1000px; padding:37px 0 20px;}

    .footer_wrap .copyright{ width: 1000px;}
	}

@media only screen and (max-width: 861px){
#header{ height:50px;}
#logo{ display:block; float:left; width:150px; padding:10px 0 0 12px;}

#lan{ position:absolute; right:55px; top:13px; width:40px; height:24px;font:normal 14px/24px arial;}

#menu{ float:inherit; width:100%; position: relative; z-index:20px;top:7px; left:0; display:none; overflow:auto;}
#menu_btn{ display: block; width:50px; height:50px; background: url(../images/menu.png) no-repeat center; background-size:28px; position:absolute; top:0; right:0;}
#menu_btn.on{background:#20599c url(../images/close.png) no-repeat center; background-size:38px; }

/*首页 - 关于凯芙拉*/	
#index_about{ position:relative; width:100%;height:auto; padding:30px 0 40px 0; background:#fafafa;}
	.about_txt{ float:left; width:100%; margin:0;}
	.about_pic{ display:none;}
	
	.company_profile{ margin:0 0 30px 0; font:normal 14px/26px '微软雅黑'; width:100%; height:auto; letter-spacing:0;}
    .aboutX4{ margin-top:20px;}
	.aboutX4 li a{margin:20px 0 0 0;float:left; width:50%; height:35px;display:block;}
	.aboutX4 li .ico{ float:left; width:30px; height:35px; margin-right:10px;}
	.aboutX4 li .ico.i1{ background-size:30px auto;}
	.aboutX4 li .ico.i2{ background-size:30px auto;}
	.aboutX4 li .ico.i3{ background-size:30px auto;}
	.aboutX4 li .ico.i4{ background-size:30px auto;}
	
	.aboutX4 li .tit{float:left; margin-top:0;}
	.aboutX4 li a i{ display:none;}

/*首页 - 产品介绍*/
#index_pro{ width:100%; height:auto; overflow:hidden; background:url(../images/index_probg.jpg) center 0 no-repeat;}
     .pro_top{width:100%;margin-top:50px;}
	 .pro_top .pro_tit{ float:left; width:45%;}
	 .pro_top .iso{ float:right; width:55%;}
	 
	 .pro_list{ margin-top:40px; width:100%; height:190px; overflow:hidden;}
	 .pro_list .swiper-slide .pro_img{height: 150px; }
	 .pro_list .swiper-slide .pro_img img{width:100%;max-height:140px}
	 .pro_list .swiper-slide em{ height:40px; line-height:40px;border-top:2px solid #13ade9;}
	 
	 .pro_list_btn{margin:40px auto 50px;width:244px; height:30px; text-align:center;}
	 .left_btn , .right_btn{ float:left;display:block;margin:0 1px;width:120px; height:30px; cursor:pointer;transition:300ms ease-in-out;}
	 .left_btn , .left_btn:hover{ background:#313131 url(../images/left_arrow.png) center center no-repeat; background-size:60px auto;}
	 .right_btn , .right_btn:hover{ background:#313131 url(../images/right_arrow.png) center center no-repeat;background-size:60px auto;}

/*首页 - 新闻*/
#index_news{ width:100%; height:auto; overflow:hidden; padding-bottom:40px; }
    .news_tit{margin:40px auto 20px;width:100%; height:auto; text-align:center; background:none;}
	
	.NewsList_d2{ padding:0;}
	.NewsList_d2 li{ width:93%; margin:8px 0;float:left; padding:2% 3%; border:1px solid #e8e8e8;}
	.NewsList_d2 li:last-child{ margin-bottom:30px;}
	.NewsList_d2 li h2{ font-size:16px; width:92%; line-height:40px;}

/*首页 - 工程实例*/
#index_partner{width:100%; height:auto;padding-bottom:40px; }
    .partner_tit{margin:40px auto 20px;width:100%; text-align:center;}
    .partner_list{ position:relative; width:100%; height:280px; margin:0 auto;overflow:hidden;}
	
/*尾部开始*/
.footer_wrap{width: 100%;height:auto; padding-bottom:20px;}
	.footer_wrap .tel{ height:70px; line-height:80px;}
	.footer_wrap .tel img{ width:180px;}
	.footer_wrap .footer{margin: 0 auto;height: 85px;width: 100%; padding:30px 0 20px;}
	.footer_wrap .footer .foot_left{ display:none;}
	.footer_wrap .footer .foot_right{display: block; float:left;width: 100%; text-align:center;}
	
	.footer_wrap .copyright{ margin: 0 auto;width: 100%;}
	.footer_wrap .copyright .copyright_left{ display:none;}
	.footer_wrap .copyright .copyright_right p{ float:left; width:100%; text-align:center;}
}






#thumbs{
	width:1200px;
	margin:60px auto 35px;
	text-align:center;
}

#thumbs a{
	width:300px;
	height:240px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#thumbs a:after{
	background-color: #303030;
    border-radius: 7px;
    bottom: -250px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 14px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}


/*----------------------------
	Media Queries
-----------------------------*/


@media screen and (max-width: 960px) {
	#thumbs, #credit{
		width:auto;
	}
	
	
	#bsaHolder{
		display:none;
	}
}
.clear{
	clear: both;
}



.map_box {
    position: relative;
    background: url(../images/bg_map.jpg) center no-repeat;
    display: block;
    height: 280px;
}
.map {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/bnt_map.png) center no-repeat;
}
.map:hover {
    background: url(../images/bnt_map.png) center 52px no-repeat;
}



/* tFocus */
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;background:url(../images/spr.png) no-repeat;}
#tFocus{width:338px;height:340px;border:1px solid #ddd;overflow:hidden;margin:30px auto 30px auto;position: relative;

right: 8%;}
#tFocus-pic{width:338px;height:243px;position:relative;}
#tFocus-pic li{width:338px;height:243px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocusBtn{width:359px;height:83px;padding-left:5px;margin-top:12px;z-index:20;overflow:hidden;}
#tFocus-btn{width:289px;height:80px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:57px;width:91px;padding-top:7px;display:block;float:left;margin-right:5px;}
#tFocus-btn li img{border:2px solid #dddddd}
#tFocus-btn li.active{background-position:-448px -100px;}
#tFocus-btn li.active img{border:2px solid #40b9e5}
#tFocus-leftbtn,#tFocus-rightbtn{height:40px;margin-top:18px;width:15px;float:left;text-indent:-9999px;}
#tFocus-leftbtn{margin-right:5px;background-position:-455px -60px;}
#tFocus-rightbtn{background-position:-480px -60px;}