/* �� */@charset "utf-8";


/* bannerͼ */
/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#155ac2;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}



/* ��ҳ���� */
.index_auto_box{ width: 100%; height:auto; margin-bottom: 95px;}
.index_auto_main{ width: 1200px; height: auto; margin: 0 auto; }
.index_auto_img{ width: 437px; height:auto; float: left;}
.index_auto_text{ width: 700px; height: auto; float: right; margin-top: 28px;  line-height: 26px; }
.index_auto_text img{ display:none;}
.index_title_01{ width: 1200px; height: auto; text-align: center; padding: 66px 0px 50px 0px; margin:0 auto;}
.index_title_01 h2{font-size: 34px;color: #155ac2;font-weight: bold;;}
.index_title_01 span{ font-size: 14px; color: #666; line-height: 32px;}
.in_bt_01{ width: 147px; height: 40px; color: #245caf; margin-top: 60px; border: 1px solid #245caf; text-align: center; line-height:40px; }
.in_bt_01:hover{ background:#245caf; color: #fff;}

/* ��ҳ��Ʒ */
.index_products_center{ width: 100%; height: 700px; background:url("../images/icon_1.png") center center no-repeat;}
.inbox_products_text{ width: 100%; height: 170px; border-bottom: 1px solid #999; line-height: 170px; text-align: center;}
.inbox_products_text h1{ font-size: 34px; color: #fff; font-weight: bold;}


/* ��ҳ����ͼƬ */
.index_factory_box{ width: 100%; height: auto; margin-bottom: 100px;}
.index_factory_mian{ width: 1200px; height: auto; margin: 0 auto;}
.index_factory_left{ width: 940px; height: auto; float: left;}
.index_factory_t{ width:940px; height:auto; }

.index_factory_b{ width: 940px; height: auto; margin-top: 10px;}

.index_factory_right{ width: 250px; height: auto; float: right;}

.index_factory_t01{ width: 471px; height: 263px; float: left; position:relative;}
.index_factory_tt{ display: none; width: 471px; opacity: 0.7; height: 263px; background: #000; position: absolute; text-align: center;}
.img_01_01{position: absolute; left: 0px; top:0px;}
.index_factory_tt p{ font-size: 22px; color: #fff; margin-top: 100px;}
.index_factory_t01:hover .index_factory_tt{ display: block;}


.index_factory_t02{ width:458px; height: 263px; float: right; position:relative;}
.index_factory_tt1{ display: none; width: 458px; opacity: 0.7; height: 263px; background: #000; position: absolute; text-align: center;}
.img_01_01{position: absolute; left: 0px; top:0px;}
.index_factory_t02 p{ font-size: 22px; color: #fff; margin-top: 100px;}
.index_factory_t02:hover .index_factory_tt1{ display: block;}



.index_factory_b01{ width: 291px; background:266px; float: left; position:relative;}
.index_factory_tt2{ display: none; width: 291px; opacity: 0.7; height: 266px; background: #000; position: absolute; text-align: center;}
.img_01_01{position: absolute; left: 0px; top:0px;}
.index_factory_tt2 p{ font-size: 22px; color: #fff; margin-top: 100px;}
.index_factory_b01:hover .index_factory_tt2{ display: block;}


.index_factory_b02{ width: 638px; background:266px; float: right; position:relative;}
.index_factory_tt3{ display: none; width: 638px; opacity: 0.7; height: 266px; background: #000; position: absolute; text-align: center;}
.img_01_01{position: absolute; left: 0px; top:0px;}
.index_factory_tt3 p{ font-size: 22px; color: #fff; margin-top: 100px;}
.index_factory_b02:hover .index_factory_tt3{ display: block;}

.index_factory_right{ width: 250px; height: 540px; float: right; position: relative;}
.index_factory_tt4{ display: none; width: 250px; opacity: 0.7; height: 540px; background: #000; position: absolute; text-align: center;}
.img_01_01{position: absolute; left: 0px; top:0px;}
.index_factory_tt4 p{ font-size: 22px; color: #fff; margin-top: 100px;}
.index_factory_right:hover .index_factory_tt4{ display: block;}




/* ��ҳ�����б� */
.index_news_box{ width: 100%; height: auto; background:#f2f2f2; padding-bottom: 100px;}
.index_news_main{ width: 1200px; height: auto; margin: 0 auto;}
.index_news_left{ width:513px; height: auto; float:left;}
.index_news_left:hover h3{ color:#155ac2;}
.index_news_left .index_news_leftimg img{ width: 513px; height: 277px; overflow:hidden;	-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;}
 .index_news_leftimg{width: 513px; height: 277px; overflow:hidden;}
.index_news_left:hover .index_news_leftimg img{
-webkit-transform:scale(1.1);
/*-webkit-box-shadow:0px 0px 30px #ccc; */
-moz-transform:scale(1.1);}


.index_news_lefttxt h3{ font-size: 16px; color: #333; font-weight: 100; line-height: 25px;text-align: left;}
.index_news_lefttxt p{ font-size: 12px; color: #555;line-height: 18px;text-align: left;}
.index_news_lefttxt span{ display: block; width: 80px; margin-top: 20px; height: 29px; border: 1px solid #ccc; text-align: center; line-height: 29px; font-size: 12px;}
.index_news_lefttxt span:hover{ color:#fff; background: #089BE1;}
.index_news_right{ width: ; height: auto; float: right;}
.index_news_right ul li{ width: ; height: auto; padding: 15px; background: #F2F2F2; margin-bottom: 11px;} 
.index_news_right ul li:hover{ background: #089BE1;    
    transition:0.8s all;
    -webkit-transition: 0.8s all;
    -o-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -ms-transition: 0.8s all;} 

.index_news_right ul li:hover h3{ color:#fff}
.index_news_right ul li:hover p{ color:#fff}

.index_news_right ul li:hover h1{ color:#fff !important}
.index_news_right ul li:hover span{ color:#fff !important}


.time_news_l{ width:83px;padding-top: 15px; height:80px; border-right:2px solid #ccc; float: left; }
.time_news_l h1{ font-size: 36px; font-weight: 100; color:#0e50d8;height:50px;margin-top:-10px;}
.time_news_l span{ font-size: 12px; color: #0e50d8;}
.time_news_r{ width:; height:88px;margin-left: 120px;padding-top: 10px}
.time_news_r h3{ font-size: 16px;font-weight: 100;color: #333;text-align: left; }
.time_news_r p{ font-size: 12px;color: #777;text-align: left;}
.bt_nav_fx04{ margin-top: 5px;}
.bt_nav_fx04 img:hover{-webkit-filter: brightness(0.5);
filter: brightness(0.5);}
.bt_nav_fx04 a{ margin-right: 3px;}

.index_auto_img em{    width: 15px;
    height: 25px;
    background: url(../images/video-ico01.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -7px;
    display: block;}


.index_auto_img span{    width: 56px;
    height: 55px;
    background: url(../images/video-icon.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    display: block;
    animation: 3s linear 0s normal none infinite rotate;
    -webkit-animation: 3s linear 0s normal none infinite rotate;}

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}