/*@import url(proscrol.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;/* border-bottom:1px solid #999999;*/}
.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:68px;background:transparent url("../images/left2.png") no-repeat left top;}
.callbacks_nav:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:100px;background:transparent url("../images/right2.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:450px;/* 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:-40px; position:relative;z-index:9; margin-bottom:8px; display:none;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:42px;height:32px;margin-right:3px; margin-left:3px;/*border-radius:10px;border:1px solid #FFF;*/position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:42px;height:32px;/*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{ text-align:center; color:#666666; margin-top:45px;}
.i_t h2{ font-weight:normal; background:url(../images/i_bg1.png) center bottom no-repeat; height:83px; line-height:83px; padding-bottom:5px; margin-bottom:15px; color:#333333; font-size:46px;}
.i_t p{ font-size:28px; line-height:38px;}
.i_one{overflow: hidden; height:416px; padding-top:10px; background:url(../images/i_bg1.png) center top no-repeat;}
.i_one .i_one_div{ width:870px; margin: 0 auto; margin-top:39px; line-height:30px; max-height:150px; overflow:hidden; font-size:18px;}

.i_two_t{ overflow:hidden; margin-top:47px; height:152px; text-align:center;}
.i_two_t ul li{ display:inline-block; vertical-align:top; width:280px; overflow:hidden; cursor:pointer;}
.i_two_t ul li i{ display:block; height:98px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.i_two_t ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.i_two_t ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.i_two_t ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.i_two_t ul li i.bgs4{ background-image:url(../images/i_pic4.png);}
.i_two_t ul li.isel i.bgs1{ background-image:url(../images/i_pic1_on.png);}
.i_two_t ul li.isel i.bgs2{ background-image:url(../images/i_pic2_on.png);}
.i_two_t ul li.isel i.bgs3{ background-image:url(../images/i_pic3_on.png);}
.i_two_t ul li.isel i.bgs4{ background-image:url(../images/i_pic4_on.png);}
.i_two_t ul li h2{ font-weight:normal; font-size:18px; color:#333333; margin-top:2px; height:52px; line-height:52px; overflow:hidden;}
.i_two_t ul li.isel h2{ color:#cd3437;}
.i_two_t ul li:hover h2{color:#cd3437;}
.i_two_div{ overflow:hidden; padding-bottom:20px;}
.i_two_div .i_two_hiden{ display:none; position:relative;}
.i_two_div .card-area{ width: 1210px; text-align:center;height:565px;padding: 0 13px;padding-top: 90px;box-sizing: border-box; overflow:hidden;}
.i_two_div .card-area .card-item{float:left; /*display:inline-block; vertical-align:middle;*/margin-left:-3px;position:relative; text-align:center;}
.i_two_div .card-area .card-item.active{ margin-top:-22px;}
.i_two_div .card-area .card-item:first-child{margin-left:0}
.i_two_div .card-area .card-item .card{width:276px;height:372px;background:#fff;border-radius:4px;border:1px solid #fff;box-shadow:0 0 13px 0 rgba(151,151,151,.28);transition:all .5s cubic-bezier(.4,0,.2,1),z-index 0s .12s;-ms-transition:all .5s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;}
.i_two_div .card-area .card-item:first-child .card,.i_two_div .card-area .card-item:nth-child(5) .card{z-index:1}
.i_two_div .card-area .card-item:nth-child(2) .card,.i_two_div .card-area .card-item:nth-child(4) .card{z-index:2}
.i_two_div .card-area .card-item:nth-child(3) .card{z-index:3}
.i_two_div .card-area .card-item:first-child .card{margin-left:0}
.i_two_div .card-area .card-item.active .card{box-shadow:0 0 13px 0 rgba(151,151,151,.28);z-index:10}
.i_two_div .card-area .card-item.active .card{width:365px;height:478px;border:1px solid #fff;background:#fff;border-radius:4px;box-shadow:0 0 20px 0 rgba(151,151,151,.28);}
.i_two_div .card-area .card-item .card .card-title .content .mos-product-img{height:120px}
.i_two_div .card-area .card-item .card .card-title .content .mos-product-img div{height:102px;width:102px;margin:0 auto;border-radius:50%;/*box-shadow:0 0 9px 0 rgba(151,151,151,.12);*/margin-top:25px;position:relative;transition:all .1s linear;-ms-transition:all .1s linear;background:url(../images/i_bg3.png) center center no-repeat;}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div{/*background:#edf6ff;box-shadow:0 -2px 13px 0 rgba(32,86,177,.28)*/ background:url(../images/i_bg3_on.png) center center no-repeat;}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div{height:119px;width:119px;margin:0 auto;/*border-radius:100px;*/margin-top:-60px}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div img{margin-top:18px;margin-left:18px}
.i_two_div .card-area .card-item .card .card-title .content .mos-product-img div img{width:88px;display:block;position:absolute;margin-left:7px;margin-top:8px}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div img{width:86px;}
.i_two_div .card-area .card-item .card .card-title .content .mos-product-img div img:first-child{opacity:1;filter:alpha(opacity=100);zoom:1}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div img:first-child,.i_two_div .card-area .card-item .card .card-title .content .mos-product-img div img:nth-child(2){opacity:0;filter:alpha(opacity=0);zoom:1}
.i_two_div .card-area .card-item.active .card .card-title .content .mos-product-img div img:nth-child(2){opacity:1;filter:alpha(opacity=100);zoom:1}
.i_two_div .card-area .card-item .card .card-title .content h2{font-size:18px;color:#312f38;letter-spacing:0;text-align:center; margin-bottom:12px; padding-left:28px; padding-right:28px; display:inline-block; background:url(../images/i_bg4.png) left center repeat-x;}
.i_two_div .card-area .card-item .card .card-title .content h2 span{ display:inline-block; height:25px; line-height:25px; padding-left:5px; padding-right:5px; background-color:#fff; overflow:hidden;}
.i_two_div .card-area .card-item.active .card .card-title .content h2{margin-top:19px;margin-bottom:14px;}
.i_two_div .card-area .card-item .card .card-title .content .short-info{font-size:14px;color:#666666;letter-spacing:0;padding:0 20px;width:236px; line-height:22px;height:62px;margin:0 auto; text-align:center;}
.i_two_div .card-area .card-item .card .card-title .content .txts{ font-size:12px; line-height:22px; color:#666; padding-left:20px; padding-right:10px; height:60px; overflow:hidden; text-align:left;opacity:0;filter:alpha(opacity=0);/* width:310px;*/transition:all 0.3s;}
.i_two_div .card-area .card-item .card .card-title .content .txts .p{ height:220px; overflow:hidden;padding-left: 18px;}
.i_two_div .card-area .card-item .card .card-title .content .txts label{ padding-right:9px; color:#f88081;margin-left: -17px}
.i_two_div .card-area .card-item.active .card .card-title .content .txts{ margin-top:15px; height:218px;opacity:1;filter:alpha(opacity=100);}
.i_two_div .card-area .card-item .card .card-title .content .txts a{ color:#fa7f81; font-style:normal;}
.i_two_div .card-area .card-item .card .card-title .content .txts a:Hover{ color:#cd3c41;}
.i_two_div .card-area .card-item .card .card-title .content .i_two_a{ clear:both; margin:0 auto; display:block; width:186px; height:32px; line-height:32px; color:#fff; background:#cd3c41; font-size:13px; border-radius:20px; margin-top:18px;box-shadow:0 3px 5px 0 rgba(205,60,65,.28);transition:all 0.3s;}
.i_two_div .card-area .card-item .card .card-title .content .i_two_a:hover{opacity:0.8;filter:Alpha(opacity=80);}

.i_three{ background-color:#f4f4f4;position:relative; padding-bottom:87px; padding-top:16px;}
.i_three .i_pic{ width:100%; display:block; height:31px; position:absolute; left:0;background:url(../images/i_bg5.png) center center no-repeat; top:-15px;}
.i_four{ background:url(../images/i_bg2.png) #f4f4f4 center bottom no-repeat;position:relative; height:720px; padding-top:16px;}
.i_four .i_t{ color:#fff;}
.i_four .i_t h2{color:#fff;}
.i_four .i_four_a{ clear:both; margin:0 auto; display:block; width:212px; height:32px; line-height:32px; color:#fff; background:#cd3c41; font-size:13px; border-radius:20px; margin-top:53px;text-align: center}
.i_four .i_four_a:hover{opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.i_five{ background-color:#f4f4f4;padding-bottom:185px; padding-top:6px; overflow:hidden;}
.i_five .i_five_ul{ overflow:hidden; padding-top:135px; text-align:center;}
.i_five .i_five_ul ul li{ float:left; width:14.28%; overflow:hidden; margin-top:10px;transition:all 0.5s;}
.i_five .i_five_ul ul li i{ display:block; width:81px; height:81px; margin:0 auto; margin-bottom:56px; background-size:100% 100%; background-repeat:no-repeat; background-position:center center;transition:all 0.5s;}
.i_five .i_five_ul ul li p{ line-height:18px; font-size:14px; color:#625d5d; width:114px; margin:0 auto;}
.i_five .i_five_ul ul li i.bgs1{background-image:url(../images/i_c1.png);}
.i_five .i_five_ul ul li i.bgs2{background-image:url(../images/i_c2.png);}
.i_five .i_five_ul ul li i.bgs3{background-image:url(../images/i_c3.png);}
.i_five .i_five_ul ul li i.bgs4{background-image:url(../images/i_c4.png);}
.i_five .i_five_ul ul li i.bgs5{background-image:url(../images/i_c5.png);}
.i_five .i_five_ul ul li i.bgs6{background-image:url(../images/i_c6.png);}
.i_five .i_five_ul ul li i.bgs7{background-image:url(../images/i_c7.png);}
.i_five .i_five_ul ul li:hover i{transform:rotate(360deg);}
.i_five .i_five_ul ul li:hover i.bgs1{background-image:url(../images/i_c1_on.png);}
.i_five .i_five_ul ul li:hover i.bgs2{background-image:url(../images/i_c2_on.png);}
.i_five .i_five_ul ul li:hover i.bgs3{background-image:url(../images/i_c3_on.png);}
.i_five .i_five_ul ul li:hover i.bgs4{background-image:url(../images/i_c4_on.png);}
.i_five .i_five_ul ul li:hover i.bgs5{background-image:url(../images/i_c5_on.png);}
.i_five .i_five_ul ul li:hover i.bgs6{background-image:url(../images/i_c6_on.png);}
.i_five .i_five_ul ul li:hover i.bgs7{background-image:url(../images/i_c7_on.png);}
.i_five .i_five_ul ul li:hover{margin-top:0px;}
.i_six{ background-color:#fff;position:relative; padding-bottom:60px; padding-top:16px;}
.i_six .i_six_div{ overflow:hidden; width:1124px; margin:0 auto; margin-top:11px;}
.i_six .i_six_t{ height:50px; line-height:50px; overflow:hidden;background:url(../images/i_bg9.png) left bottom no-repeat; color:#4c4c4c; font-size:24px; margin-bottom:20px; text-align:left;}
.i_six .i_six_div .i_six_l{ width:738px; float:left; overflow:hidden;}
.i_six .i_six_div .i_six_l .i_six_l_b{ border:1px solid #ebebeb; padding-top:28px; padding-left:10px; padding-right:10px;overflow:hidden; padding-bottom:16px;}
.i_six .i_six_div .i_six_l .i_six_l_b ul li{ display:block; margin-bottom:7px; height:105px; overflow:hidden;}

.i_six .i_six_div .i_six_r{ width:376px; float:right; overflow:hidden;}
.i_six .i_six_div .i_six_r .i_six_r_ul{ overflow:hidden;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li{ display:block;margin-bottom:15px;  overflow:hidden; border:2px solid #fff; border-radius:4px; text-align:left; transition:all 1s;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .i_six_b{ border:1px solid #e4e4e4; overflow:hidden; padding-top:8px; padding-bottom:7px; padding-left:12px; padding-right:14px; transition:all 1s; background-position:right bottom;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .imgs{ width:77px; float:left; overflow:hidden; position:relative;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .imgs img{display:block;width:77px; height:71px;-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_six .i_six_div .i_six_r .i_six_r_ul ul li .imgs p{position:absolute; top:0%; width:100%; left:0; height:100%; background:url(../images/i_pic9.png) center center no-repeat;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .txts{ width:256px; float:right; overflow:hidden;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .txts .h2{ font-weight:normal; font-size:14px; color:#333333; height:18px; line-height:18px;white-space:nowrap;text-overflow:ellipsis;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .txts em{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#666666;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li .txts p{ line-height:18px;font-size:12px; color:#666666; height:36px; overflow:hidden; letter-spacing:1px;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li:Hover .imgs 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_six .i_six_div .i_six_r .i_six_r_ul ul li:Hover .txts .h2{ color:#cc2f32;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li:Hover{border:2px solid #f25358;}
.i_six .i_six_div .i_six_r .i_six_r_ul ul li:Hover .i_six_b{border:1px solid #f25358; background:url(../images/i_pic8.png) right bottom no-repeat;}
.i_seven{ background:url(../images/i_bg3.png) center top no-repeat;position:relative; height:225px;padding-top:16px;}
.i_seven h2{ margin-top:50px; overflow:hidden; height:52px; line-height:52px; color:#fff; font-weight:bold; font-size:36px;}
.i_seven .i_seven_a{ clear:both; margin:0 auto; margin-top:32px; display:block; width:216px; height:42px; line-height:42px; color:#fff; border:1px solid #fff; font-size:18px; border-radius:20px; text-align:left; text-indent:95px; background:url(../images/i_bg17.png) 54px center no-repeat;}
.i_seven .i_seven_a:hover{opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}


.qa-more{
	position: absolute;
	right: 150px;
	bottom: 80px;
	background: #ebebeb;
	padding: 14px;
	z-index: 200;
	border-radius: 8px;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.2);
	display: none;
}
.i_six_l:hover .qa-more{
	display: block;
}
.qa-more img{
	width: 150px;
	height: 150px;
	margin-bottom: 4px;
	margin-left: 20px;
}