/***************** reset *****************/
*{ margin:0; padding:0;}
body{ color:#000; font:14px/1 Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
a{ color:#000; text-decoration:none;}
a:hover{}
img{ border:0;}
ul, li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.fl{ float:left;}
.fr{ float:right;}


.top_bg{ border-bottom:1px #e7e7e7 solid; background:#fff; position:relative; z-index:9999;}
.top{ width:1200px; margin:0 auto; line-height:36px;}
.top span{ background:url(../images/tel.gif) no-repeat 0 center; padding-left:20px;}
.top .login_register{ float:right; background:url(../images/user.gif) no-repeat 0 center; padding-left:25px;}

/***************** 首页导航 *****************/
#container{ width:100%; height:auto; overflow:hidden;}
#container #banner{ width:100%; height:auto; background:#f5f7f9;}

.block_home_slider{ position:relative; width:100%; float:left; overflow:hidden;}
.block_home_slider .slide{ position:relative;}
.block_home_slider .slide a{ display:block;}
.block_home_slider .slide a.mobile_pic{ display:none;}
.block_home_slider .caption{ padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; /*background:url(../images/bg_caption.png);*/ text-align:left;}
.block_home_slider .caption p{ padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title{ padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}

.block_home_slider .flex-direction-nav a{ width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:40%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev{ left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover{ background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next{ right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover{ background-position:right bottom;}

.block_home_slider .flex-control-paging{ width:100%; position:absolute; bottom:25px; text-align:center;}
.block_home_slider .flex-control-paging li{ margin:0px; padding:0px; display:inline-block; overflow:hidden; list-style-type:none;}
.block_home_slider .flex-control-paging li a{ width:12px; height:12px; margin:0 5px; display:block; background:#313131; border-radius:100%; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active{ background:#f3f3f3;}

.block_home_post_feature{ width:300px;}
.block_home_post_feature p{ padding-bottom:0px;}

.flexslider{ margin:0; padding:0;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden; list-style-type:none;}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ width:100%; display:block;}
.flex-pauseplay span{ text-transform:capitalize;}


/***************** 首页内容区 *****************/
.content{ width:1180px; margin:50px auto; overflow:hidden;}

.rt_nav{ width:190px; float:right;}
.rt_nav ul li{ line-height:36px; padding:0 20px; margin-bottom:1px; background:#f9f9f9 url(../images/arrow.gif) no-repeat 10px center;}
.rt_nav ul li a:hover{ text-decoration:underline;}

.products{ width:960px; overflow:hidden; position:relative; float:left;}
.products .title{ height:42px;}
.products ul#tab_btn li{ width:156px; float:left;}
.products ul#tab_btn li a{ height:35px; color:#333; font-size:18px; line-height:35px; display:block; cursor:pointer; text-align:center; background:#f5f5f5;}
.products ul#tab_btn li.hover a{ color:#fff; background:#001670;}

.products .con .warp_pic_list{ margin-bottom:20px;}
ul.pro_list{}
ul.pro_list li{ width:300px; float:left; margin:0 20px 0 0; display:inline-block;}
ul.pro_list li a{ width:300px; text-align:center;}
ul.pro_list li span.pic{ height:180px; display:block; overflow:hidden;}
ul.owl-carousel li p{ display:block; text-align:left; line-height:24px;}
ul.owl-carousel li p.item_no{ color:#333;}
ul.owl-carousel li p.name{ color:#999;}

.products .btn_box{ width:50px; position:absolute; top:0; right:0}
.products .btn_box a,.products .btn_box .tab-T-3{ float:left;}
.products .tab-T-3{ width:64px; margin:0 10px;}
.products .tab-T-3 li{ width:6px; height:6px; font-size:0; background-color:#dfdfdf; float:left; margin:10px 5px 0; cursor:pointer; display:inline; border-radius:100%;}
.products .tab-T-3 li.cur{ background-color:#f58417;}

.products .btn{ width:25px; height:25px; display:block; border-radius:100%; cursor:pointer;}
.products .prev1{ background:#fff url(../images/lt_btn.gif) no-repeat 0 0;}
.products .prev1:hover{ background:#fff url(../images/lt_btn.gif) no-repeat 0 bottom;}
.products .next1{ background:#fff url(../images/rt_btn.gif) no-repeat 0 0;}
.products .next1:hover{ background:#fff url(../images/rt_btn.gif) no-repeat 0 bottom;}

.ad_box{ border:1px #c5c5c5 solid; margin-top:50px;}
.ad_box img{ display:block;}

.about{ margin-top:30px;}
.about span{ width:100%; display:block; line-height:40px; padding-left:20px; color:#fff; font-size:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing:border-box; background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:2px;}
.factory{ width:570px; float:left; position:relative;}
.Exhibition{ width:570px; float:right; position:relative;}


.oem_brands{ margin-top:50px; position:relative;}
.oem_brands .title{ font-size:20px; margin-bottom:20px;}
ul.brand_list{}
ul.brand_list li{ width:260px; float:left; margin:0 45px 0 0; display:inline-block;}
ul.brand_list li a{ width:258px; text-align:center;}
ul.bxslider li span.pic{ display:block; border:1px #d9d9d9 solid; overflow:hidden;}

ul#owl-demo2 li.item{ border:1px #d9d9d9 solid;}
ul#owl-demo2 .owl-controls{ width:100%; position:static; z-index:9999; margin-top:10px;}
ul#owl-demo2 .owl-controls .owl-buttons div{ width:13px; height:23px; margin-right:15px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ border-radius:100%; text-indent:-9999px;}
ul#owl-demo2 .owl-controls .owl-buttons div.owl-prev{ background:#fff url(../images/left_btn.gif) no-repeat 0 0;}
ul#owl-demo2 .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/right_btn.gif) no-repeat 0 0;}
ul#owl-demo2 .owl-controls .owl-buttons div.owl-prev:hover{ background:#fff url(../images/left_btn.gif) no-repeat 0 bottom;}
ul#owl-demo2 .owl-controls .owl-buttons div.owl-next:hover{ background:#fff url(../images/right_btn.gif) no-repeat 0 bottom;}


ul.i_brand_list li{ margin:0 40px 30px 0;}
ul.i_brand_list li span.pic{ display:block; border:1px #d9d9d9 solid; overflow:hidden;}

.oem_brands .btn_box{ width:150px; position:absolute; bottom:0; left:0}
.oem_brands .btn_box a,.oem_brands .btn_box .tab-T-3{ float:left;}
.oem_brands .tab-T-3{ width:64px; margin:0 10px;}
.oem_brands .tab-T-3 li{ width:6px; height:6px; font-size:0; background-color:#dfdfdf; float:left; margin:10px 5px 0; cursor:pointer; display:inline; border-radius:100%;}
.oem_brands .tab-T-3 li.cur{ background-color:#db4140;}

.oem_brands .btn{ width:25px; height:25px; display:block; border-radius:100%; cursor:pointer;}
.oem_brands .prev1{ background:#fff url(../images/left_btn.gif) no-repeat center center;}
.oem_brands .btn:hover{ background-color:#fff;}
.oem_brands .next1{ background:#fff url(../images/right_btn.gif) no-repeat center center;}


/* foot */
.footer{ background: #333; clear:both;}

.footer .f_top_bg{ padding:10px 0; background:#2f2f2f}
.footer .f_top{ width:1200px; margin:0 auto;}
.footer .f_top .search{ float:right;}

.footer .f_link{ width:1200px; margin:0 auto; line-height:18px;}
.footer .f_link dl{ width:33%; display:inline-block; vertical-align:top; padding:50px 0 0 0; margin-bottom:20px;}
.footer .f_link dl dt{ padding-bottom:15px; font-size:24px; font-weight:bold;}
.footer .f_link dl dt a{ color:#fff;}
.footer .f_link dl dd{ padding:8px 0;}
.footer .f_link dl dd a{ color:#999; line-height:16px;}
.footer .f_link dl dd a:hover{ text-decoration:underline;}

.f_link dl.contact{ float:right;}
.f_link dl.contact dt i{ font-size:36px; color:#f08200; margin-bottom:15px; display:block;}
.footer .f_link dl.contact dt{ font-size:14px; color:#fff;}
.footer .f_link dl.contact dd{ padding-top:20px; line-height:28px;}
.footer .f_link dl.contact dd a{ color:#fff;}
.f_link dl.contact dd h3{ font-size:18px; margin-bottom:10px; color:#fff;}
.f_link dl.contact dd p{ color:#fff;}
.f_link dl.contact dd p span.num{}

#m_contact{ display:none;}

.search{ float:left; margin-right:5%; text-align:right; position:relative;}
.search input,.search a{ float:left; vertical-align:middle;}
.search a.search_btn{ width:32px; height:32px; display:block; background:#fff url(../images/search_btn.gif) no-repeat center center;}
.search input{ width:300px; height:32px; color:#aaa; padding-left:10px; line-height:25px; border:none; background:#fff;}

.footer .footer-guanzhu{
}

.footer .footer-guanzhu .p1{
	font-size: 16px;
	color: #b9c0c8;
	margin-bottom: 36px;
}

.footer .footer-guanzhu .fenxiang a{
	position: relative;
	float: left;
	display: block;
	width:30px;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    margin-right: 10px;
    font-size: 0;
    color:#2f2f2f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #535353 !important;
	background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin: 0 10px 0 0 !important;
}

.footer .footer-guanzhu .fenxiang a i{
	position: absolute;
	width: 26px;
	height: 26px;
	left: 0;
	top: 0;
	line-height: 26px !important;
	text-align: center;
	background: none !important;
}

.footer .footer-guanzhu .fenxiang a:hover{
	background-color: #db4140 !important;
    border: 2px solid #db4140;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    text-decoration: none;
}

.contact_way{ width:1200px; margin:30px auto 30px;}
.contact_way li{ width:33.33%; float:left; line-height:30px; font-size:20px; color:#999;}
.contact_way li i{ width:30px; height:30px; margin-right:10px; display:block; background:url(../images/social-whatsapp.png) no-repeat center center; background-size:90%; float:left;}
.contact_way li:nth-child(2) i{ background:url(../images/wx.png) no-repeat center center; background-size:100%;}
.contact_way li:nth-child(3) i{ background:url(../images/email.png) no-repeat center center; background-size:90%;}

.banquan{ width:1200px; margin:0 auto; padding:20px 0; line-height:20px; text-align:center; color:#666; border-top:1px #565656 solid;}



/***************** insidpage *****************/
.i_content{ width:1200px; margin:50px auto 100px;}

.i_about{ width:100%; height:540px; background:url(../images/about_bg.jpg) no-repeat center top;}
.i_about .con{ width:1200px; padding-right:500px; margin:0 auto;}
.i_about .con h3{ font-size:42px; padding:50px 0 50px;}
.i_about .con p{ line-height:36px;font-size:16px;}

.i_about .i_about_pic_list{ margin-top:50px; }
.i_about .i_about_pic_list li{ float:left; margin-right:50px;margin-bottom:30px;}
.i_about .i_about_pic_list li .pic{ display:block; float:left; }
.i_about .i_about_pic_list li p{ font-size:20px; line-height:60px; color:#fff; text-align:center; background:#0b0a0a;}

#i_banner_bg{ background:#040605;}
#i_banner{ width:1200px; height:150px; line-height:150px; margin:0 auto;}
#i_banner h3{ font-size:36px; color:#9a9a9a;}

#i_mobile_banner_bg{ display:none;}

.i_company{ width:1200px; line-height:24px; word-wrap:break-word;}
.i_company p{}


.contact_info{ width:650px; font-size:18px; line-height:24px; margin-bottom:30px;}
.i_contact{ width:423px; padding:20px; margin-top:50px; float:right; border:1px #f2f2f2 solid; background:url(../images/con_bg.gif) no-repeat center top;}
.i_contact h3{ font-size:18px; margin-bottom:20px;}
.i_contact ul li{ padding-left:30px; color:#797979; line-height:30px;}
.i_contact ul li:nth-child(1){ background:url(../images/i1.gif) no-repeat 0 6px;}
.i_contact ul li:nth-child(2){ background:url(../images/i2.gif) no-repeat 0 6px;}
.i_contact ul li:nth-child(3){ background:url(../images/i3.gif) no-repeat 0 6px;}
.i_contact ul li:nth-child(4){ background:url(../images/i4.gif) no-repeat 0 8px;}

.i_message{ width:650px; margin:50px 0 0 0;}
.i_message li{ width:48%; padding:10px 0; float:left; font-size:16px;}
.i_message li label{ display:block; margin-bottom:10px;}
.i_message li:nth-child(2n){ float:right;}
.i_message li:nth-child(8),.i_message li:nth-child(9){ width:100%;}
.i_message li .text,.i_message li img{ vertical-align:middle;}
.i_message li .text,.i_message li textarea{ width:100%; height:42px; padding-left:14px; border:1px #ddd solid; box-sizing:border-box; color:#999;}
.i_message li textarea{ width:100%; height:112px; padding-top:10px;}
.i_message .submit,.i_message .reset{ display:block; width:122px; height:40px; font-size:16px; line-height:40px; margin-left:20px; float:right; text-align:center; color:#fff; background:#959595; border-radius:3px;}
.i_message .submit{ background:#00a0e9;}
.i_message .submit:hover,.i_message .reset:hover{ color:#fff;}

/* download */
.i_download .title{ line-height:55px; font-size:18px; color:#fff; padding:0 20px; background:#666;}
.i_download .title span{ float:right;}
.down_list li{ padding:10px 0 10px 15px; line-height:16px; border-bottom:1px #ddd dashed;}
.down_list li:hover{ background-color:#f9f9f9;}
.down_list li:hover a{ color:#da3938;}
.down_list li a{}
.down_list li a:hover{}
.down_list li .down{ float:right; color:#666; padding:0 20px;}
.down_list li .down a{ color:#666; padding:3px 0 3px 25px;}
.down_list li .pdf a{ background:url(../images/pdf.gif) no-repeat 0 center;}
.down_list li .doc a,.down_list li .docx a{ background:url(../images/word.gif) no-repeat 0 center;}
.down_list li .xls a,.down_list li .xlsx a{ background:url(../images/excel.gif) no-repeat 0 center;}
.down_list li .rar a{ background:url(../images/rar.png) no-repeat 0 0;}
.down_list li .zip a{ background:url(../images/zip.png) no-repeat 0 0;}
.down_list li .ppt a{ background:url(../images/ppt.png) no-repeat 0 0;}
.down_list li .wps a{ background:url(../images/wps.png) no-repeat 0 0;}
.down_list li a{ text-decoration:underline;}

.page_box{ text-align:center; line-height:60px; margin-top:30px;}
.page_box a:hover{ color:#db4040;}

.i_forget{ width:662px; margin:0 auto;}
.i_forget .title{ padding:0 0 15px 15px;}
.i_forget h3{ font-size:30px; margin-bottom:10px;}
.i_forget .con ul{ background:#f0f0f0; padding:0 15px 15px;}
.i_forget .con ul li{ padding-top:15px;}
.i_forget .con ul li input{ width:630px; padding-left:15px; line-height:40px; border:none; margin-right:20px;}
.i_forget .con ul li:nth-child(2) input{ width:400px;}
.i_forget .con ul li input,.i_forget .con ul li img{ vertical-align:middle;}
.i_forget .con a.submit{ display:block; width:122px; height:40px; font-size:16px; line-height:40px; margin:30px auto 0; text-align:center; color:#fff; background:#00a0e9; border-radius:3px;}
.i_forget .con a:hover{ text-decoration:underline;}

.i_login h3{ font-size:60px; text-align:center;}
.i_login .title span{ font-size:18px;}
.i_login .title span a{ color:#00A0E9;}
.i_login .title span a:hover{ text-decoration:underline;}
.i_login .con a.submit{ float:right; margin:10px auto 0;}
.i_login .forgot{ line-height:60px;}
.i_login .forgot a:hover{ text-decoration:underline;}

.i_register .title{ padding:0 0 15px 10px; line-height:24px;}
.i_register h3{ font-size:55px; margin-bottom:50px;}
.i_register .con li{ width:48%; padding:10px 0; float:left; font-size:16px;}
.i_register .con li label{ display:block; margin-bottom:10px;}
.i_register .con ul.part1 li:nth-child(2n){ float:right;}
.i_register .con ul.part1 li:nth-child(2) input{ width:100%;}
.i_register .con li .text{ width:100%; height:42px; padding-left:14px; border:1px #ddd solid; box-sizing:border-box;}
.i_register .con ul.part2 span{ height:1px; display:block; background:#ccc; margin-bottom:10px;}
.i_register .con ul.part2 li:nth-child(2){ width:100%;}
.i_register .con ul.part2 li:nth-child(2) input{ width:100%;}
.i_register .con ul.part2 li:nth-child(4){ float:right;}
.i_register .con ul.part2 li:nth-child(5){ width:100%; color:#747474;}

.accordion-container{ width:100%; margin:-20px auto 0;}
.accordion{ width:100%; height:50px; line-height:50px; margin-top:20px; position:relative; display:inline-block; color:#666; vertical-align:middle;}
.accordion h4{ float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none; color:#fff; background:#666;}
.accordion a:hover,.active a{ text-decoration:none; color:#fff; background-color:#666; transition:0.3s;}

.accordion-desc{ color:#333; z-index:2; padding:15px; line-height:20px; border:1px #666 solid;}


.i_news{}
.i_news .title{ width:100%; height:50px; border-bottom:1px #2b2d31 solid;}
.i_news ul#tab_btn li{ float:left;}
.i_news ul#tab_btn li a{ height:50px; color:#333; font-size:20px; line-height:50px; display:block; cursor:pointer; text-align:center; margin:0 30px;}
.i_news ul#tab_btn li.hover a{ border-bottom:3px #db4040 solid;}

.i_news .con{}
.i_news .con ul li{ padding:50px 0; border-bottom:1px #f3f3f3 solid;}
.i_news .con ul li a:hover{ color:#db4040;}
.i_news .con ul li span.sort{ width:auto; line-height:36px; padding:0 20px; text-align:center; color:#979797; float:right; background:#e6e6e6;}
.i_news .con ul li h3{ font-size:20px; margin-bottom:10px;}
.i_news .con ul li p{ margin-top:30px;}

.i_news .textTitle{ padding-bottom:20px; border-bottom:1px #040605 solid;}
.i_news .textTitle h3{ font-size:24px;}
.i_news .textTitle .subtime{ margin-bottom:15px;}
.i_news .textTitle .back{ float:right; margin-top:20px;}
.i_news .article{ padding:30px 0; line-height:24px; border-bottom:1px #040605 solid;}

.tool_box .tool{ width:480px; margin-top:30px;}
.tool_box .tool.prev{ float:left;}
.tool_box .tool.next{ float:right;}
.tool_box .tool .tl{ line-height:40px; border-bottom:1px #ccc solid;}
.tool_box .tool .tl span{ float:right;}
.tool_box .tool p{ margin-top:20px; color:#999;}


.lt_con{ width:260px; float:left; line-height:30px; position:relative; border:1px #ddd solid;}
.lt_con .title{ height:40px; line-height:40px; padding-left:20px; color:#fff; overflow:hidden; background:#666;}
.lt_con .title h3{ font-size:16px;}
.lt_con .title span{ font-size:18px;}
.lt_con .con{ padding:15px;}

#left_menu>li{ margin-bottom:20px;}
#left_menu>li>a{ line-height:16px; color:#333; font-weight:bold; padding:5px 0; display:block; border-top:1px #333 solid; border-bottom:1px #333 solid;}
#left_menu>li>a:hover{ color:#db4140;}
#left_menu>li>a.current{ color:#eb5405; }

ul.sub_menu{ display:none; margin:10px 0 0 0;}
ul.sub_menu li a{ color:#333;}
ul.sub_menu li a:hover,ul.sub_menu li a.current{ color:#3879D9;}

.rt_con{ width:900px; float:right; background:#fff;}
ul.i_p_list{ width:1000px;}
ul.i_p_list li{ width:302px; margin:0 10px 30px 0; padding:30px 0 50px; float:left; text-align:center; border:1px #fff solid;}
ul.i_p_list li:hover{ border:1px #ddd solid;}
ul.i_p_list li span.pro_pic{ width:300px; height:180px; display:block; margin-bottom:10px;}
ul.i_p_list li a{ text-decoration:none;}
ul.i_p_list li a b{ display:block; line-height:30px; text-align:center; font-weight:normal;}
ul.i_p_list li a span{ color:#999;}

.crumb{}

.i_pro_name{ font:normal 30px/30px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#000; padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd solid;}
.i_pro_pic{ width:600px; height:360px; overflow:hidden; float:left; text-align:center;}
.pro_about{ width:500px; float:right; line-height:2em; margin-top:50px;}
.pro_about .i_pro_name h3{ font-size:30px; font-weight:bold; line-height:30px; color:#333;}
.pro_about .i_pro_name span{ font-size:18px; color:#999;}
.pro_about a{ display:block; width:160px; line-height:42px; background:#00a0e9; text-align:center; color:#fff; margin-top:20px;}

.tab_title{ height:56px; border-bottom:1px #ddd solid; position:relative;}
.tab_title ul#tab_btn{ position:absolute; top:10px;}
.tab_title ul#tab_btn li{ width:150px; height:46px; color:#000; font-size:18px; line-height:46px; display:block; cursor:pointer; text-align:center; border-bottom:4px #253e88 solid;}
.pro_con{ padding:25px 0; line-height:2em; height:auto !important; height:100px; min-height:100px;}


.js-silder{position: relative;min-width: 320px;}
.silder-scroll{width: 780px;margin:0 auto;overflow: hidden;}
.silder-main{position: relative;width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #999;font-family: "宋体";font-size: 100px;font-weight: 600;}
.silder-ctrl-prev{left: 0;text-align: left;}
.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: inline-block;display:none;width: 4%;padding: 10px 0;margin: 0 10px;cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #7bbedf;}


.float_qq{ z-index:9; bottom:50%; right:0; position:fixed; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.float_qq li{ height:60px; position:relative; right:-4px; margin-bottom:1px;}
.float_qq li div{ width:60px; position:absolute;right:0;}
.float_qq a{ height:60px; line-height:60px; display:inline-block; *display:inline; *zoom:0; padding-left:60px; padding-right:4px; background-color:#191919; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; font-size:14px; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.float_qq a span{ display:inline-block; padding-right:14px;}
.float_qq i{ padding:18px; line-height:24px; display:inline-block; position:absolute; left:0;}
.float_qq a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:#9c0505;}




/* bx-slider styles */
.bxslider li {
	list-style: none;
	display: inline-block;
}
.bxslider-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
}
.bxslider-wrapper-similar-products {
	padding-left: 15px;
	padding-right: 15px;
}
.bxslider-wrapper .bx-wrapper {
	padding-left: 0;
	padding-right: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.bxslider-wrapper-similar-products .bx-wrapper {
	position: relative;
}
.bxslider-wrapper .bx-controls-direction {
	position: absolute;
	top: 0;
	right: 0;
}
.bxslider-wrapper .bx-controls-direction {
	top: -40px;
}
.bx-viewport {
	padding-right: 5px !important;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.bx-viewport li {
	padding-bottom: 5px;
}
.bx-wrapper .bx-controls-direction a {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-left: 5px;
	position: static;
	border-radius: 26px !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    background: #fff url(../images/lt_btn.gif) no-repeat 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    background: #fff url(../images/rt_btn.gif) no-repeat 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background: #fff url(../images/lt_btn.gif) no-repeat 0 bottom;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: #fff url(../images/rt_btn.gif) no-repeat 0 bottom;
}




/* 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; display:none;}
.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:#FFF;}

/* 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:80%;
	padding:0;
	margin:0 auto;
}
.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;
	width:56px;
	height:90px;
	background:transparent url("../images/themes.png") no-repeat left top;
	margin-top:-30px;
}
.callbacks_container:hover .callbacks_nav{ display:block; }
.callbacks_nav:hover{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){

	.callbacks{
		position:relative;
		list-style:none;
		overflow:hidden;
		width:100%;
		padding:0;
		margin:0 auto;
	}
	
	.callbacks_nav{
		width:30px;
		height:60px;
		background-size:60px auto;
	}
}