@import url(proscrol.css);
@import url(swiper.css);
@import url(home.css);
/*
 首页
*/
/* Callback example */
.callbacks_container{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;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;top:39%;left:100px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:100px;width:50px;/*background:transparent url("../images/left2.png") no-repeat left top;*/}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:100px;/*background:transparent url("../images/right.png") no-repeat 0px top;*/}
.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;
}
.banner_content{ width:1140px; height:628px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }
.b_center{ margin:0 auto; text-align:center;}

.callbacks_tabs.callbacks1_tabs{margin-top:-43px; position:relative;z-index:9; margin-bottom:3px; display:;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:70px;height:40px;margin-right:1px;/*border-radius:10px;border:1px solid #FFF;*/position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:61px;height:40px;/*border-radius:10px;position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent; background:url(../images/left.png) center center no-repeat;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:url(../images/left_on.png) center center no-repeat;}



/*首页样式*/
/*明星产品*/
.i_t{ margin-top:37px; overflow:hidden; text-align:center;}
.i_t h2{height:44px; line-height:44px; overflow:hidden; font-weight:bold; font-size:30px; color:#333;}
.i_t .txts{ width:471px; overflow:hidden; margin:0 auto; line-height:30px; height:30px;background:url(../images/i_bg1.jpg) left center repeat-x; font-size:14px; color:#666;}
.i_t .txts span{ padding-left:7px; padding-right:7px; display:inline-block; background-color:#fff;}
.i_t.bgs2 .txts span{background-color:#f5f5f5;}

/*新品上市*/
.i_two_bg{ overflow:hidden; background-color:#f5f5f5; }
.i_two_t{ text-align:center;text-align:center; color:#d0d0d0; line-height:50px; height:50px;padding-bottom:27px; padding-top:27px;}
.i_two_t a{ font-size:16px; color:#333333; margin-left:40px; margin-right:40px;}
.i_two_t a:hover{ color:#0f266e;}
.i_two_t a.csel{ color:#0f266e;}
.i_two_div{ overflow:hidden;}
.i_two_div .i_two_ul{ display:none; overflow:hidden;}
/*产品故事*/
.i_three{ overflow:hidden; border:1px solid #e5e5e5; padding-left:50px; padding-top:38px; padding-right:50px; padding-bottom:32px; margin-top:-1px; position:relative; display:none;}
.i_three .i_three_div{ overflow:hidden; display:none;}
.i_three .i_three_l{ float:left; overflow:hidden; width:590px; line-height:22px; font-size:14px; color:#666666;letter-spacing:0.5px;}
.i_three .i_three_l .h2{ font-weight:bold; font-size:29.74px; color:#333333; line-height:54px; height:54px;}
.i_three .i_three_l .txts{ height:238px; overflow:hidden; }
.i_three .i_three_l .p{ margin-bottom:16px; overflow:hidden;font-size:13.88px; }
.i_three .i_three_l .imore{ width:130px; height:30px; line-height:30px; margin-top:8px; background:url(../images/i_three_bg2.png) 85px center no-repeat; border:1px solid #3e3e3e; font-size:14px; text-indent:23px; color:#666666; display:inline-block;transition:all 0.3s;}
.i_three .i_three_l .imore:hover{ margin-left:5px;}
.i_three .i_three_r{ float:right; overflow:hidden; width:480px;}
.i_three .i_three_r img{ width:100%; height:360px; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three .i_three_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three .close-box{ background:url(../images/i_three_bg.png) no-repeat; width:41px; height:41px; position:absolute; right:65px; top:58px; text-indent:50px; overflow:hidden;transition:all 0.3s;}
.i_three .close-box:hover{opacity:0.8;filter:Alpha(opacity=80);}
/*客户互动*/
.i_kefu{ overflow:hidden; margin-top:35px; padding-bottom:36px;}
.i_kefu img{ display:block; max-width:100%; margin:0 auto;}

/*关于我们*/
.i_four{ overflow:hidden; padding-top:20px; padding-bottom:36px;}
.i_four .i_four_t{ line-height:48px; height:48px; overflow:hidden; font-size:20px; color:#333; font-weight:normal;}
.i_four .i_four_l{ float:left; width:560px; overflow:hidden;}
.i_four .i_four_l .i_four_con{ overflow:hidden; width:100%; height:286px;}
.i_four .i_four_l .i_four_con .i_four_div{ display:none; overflow:hidden;}
.i_four .i_four_l .i_four_con img{ width:100%; height:286px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.i_four .i_four_l .i_four_con img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_four .i_four_r{ float:right; width:600px; overflow:hidden; margin-right:3px;}
.i_four .i_four_r .i_adv{ overflow:hidden; width:100%; height:177px; margin-bottom:3px;}
.i_four .i_four_r .i_adv:nth-child(4){ margin-bottom:0;}
.i_four .i_four_r .i_adv img{ width:100%; height:100%; display:block;transition:all 0.3s;}
.i_four .i_four_r .i_adv img:hover{opacity:0.8;filter:Alpha(opacity=80);}