@import "font-awesome.min.css";
@import "style2.css";

/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#333;font-family:Arial, Helvetica, sans-serif,"宋体";background:#fff;line-height: 24px;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#f9b308;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.blank{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.jpg) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}
.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.catzoomimgs{padding-bottom: 100%;}
.piczoomimgs{padding-bottom: 100%;}
.w3{float:left;width: 33.33%;}
.w4{float:left;width:25%;}
.transition01{ transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out ; -moz-transition:all 0.5s ease-in-out ; -ms-transition:all 0.5s ease-in-out ; -o-transition:all 0.5s ease-in-out ; }
/* #fancybox-content{height: auto !important;} */


/*all*/
.layout{width: 100%;overflow: hidden;}
.main{padding-bottom:40px;width:100%;overflow: hidden;}
.main img{max-width:100%;}
.main_top{margin-bottom:25px;}
.main_list{float:left;width:100%;margin:0 0 20px 0;text-align:center;}
.main_list ul{float:left;width:100%;}
.main_list ul li{display:inline-block;margin:5px;}
.main_list ul li a{display:block;line-height:36px;font-size:16px;color:#666;padding:0 25px;border-radius:17px;border:1px solid #ddd;transition: all .3s ease;}
.main_list ul li a.current,.main_list ul li a:hover{background:#008cd6;color:#fff;border:1px solid #008cd6;}
.ur_here{padding:20px 0;}
.ur_here ul li{float:left;color:#999;margin: 0 6px;}
.ur_here ul li:first-child{margin-left: 0;}
.ur_here ul li a{color:#999;}
.ur_here ul li a:hover{color:#f9b308;}
/*end*/


/**顶部**/
#header{width:100%;}
.head_top{background:#f0f0f0;color: #999;line-height:35px;}
.top_right a{color: #999;}
.top_right a:hover,.top_right a.active{color: #f9b308;}
.top_right .pl_line{padding:0 4px;}
.head_middle{padding:18px 0;}
#logo{float:left;}
#logo img{height:106px;}
#top_contact{float: right;padding:16px 0 0 80px;background: url(../pic/tel_icon.png) no-repeat left center;font-size:16px;color: #999;}
#top_contact a{font-size:16px;color: #999;}
/*end*/

/*menu*/
.float_nav{position: absolute;top:0;left:0;width:100%;margin:0 auto;z-index: 9;}
.float_nav.fixed_nav{position: fixed;}
#navigate{position:relative;padding:0 0 0 20px;width:100%;background: #444;}
#navigate ul li{position: relative;display:inline-block;line-height: 44px;}
#navigate ul li a{padding:0 36px;display:block;height:44px;line-height:44px;color:#fff;font-size:16px;}
#navigate ul li a:hover,#navigate ul li .current{background:#1a1a1a;color: #fff;}
#navigate ul li i{position: absolute;top: 13px;right: 12px;}
#navigate ul li i:before{color:#fff;font-size: 18px;}
#navigate ul li .drop_menu{display:none;position:absolute;left:0;top:100%;padding:10px 0;background:#fff;line-height:28px;z-index:2;box-shadow: 1px 1px 3px 0 rgba(0,0,0,.32);}
#navigate ul li .drop_menu li{width:100%;height:auto;line-height:28px;}
#navigate ul li .drop_menu li a{display:block;height:auto;font-size:14px;color:#333;line-height:28px;text-align:left;white-space: nowrap;}
#navigate ul li .drop_menu li a:hover{background:#f5f5f5;color:#f9b308;}
/*end*/

/*flash*/
#banner{position: relative;}
#banner .banner_img{width:100%;height:400px;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;}
#banner img{width:100%; height:auto;}
#flash{position: relative;}
.slideBox{ position:relative; background:#fff; overflow:hidden;}
.slideBox .imgs{position:relative; margin:0 auto; z-index:0;}
.slideBox .imgs li{position:relative; text-align:center;  }
.slideBox .imgs li img{width:100%;}		
.slideBox .hnav{position:absolute;bottom:10px;left:0;width:100%;height:12px;line-height:12px;z-index:1;}
.slideBox .hnav ul{text-align:center;}
.slideBox .hnav ul li{margin:0 2px;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background:#fff;overflow:hidden;cursor:pointer;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hnav ul li.mbpic{ display:none}
.slideBox .hnav ul .on{background:#f9b308;}
.slideBox .prev{display:none; position:absolute; left:20px; top:50%;margin-top:-37.5px; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.slideBox .next{display:none;  position:absolute; right:20px; top:50%;margin-top:-37.5px; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
/* .slideBox:hover .prev,.slideBox:hover .next{display:block;} */

/*首页轮换图片 begin*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:12px;height:12px;float:left;text-indent:-2000px;background:#FFF;border-radius:9px;}
.flex-control-nav .flex-active{background:#f9b308;}
.flex-direction-nav{ display:none;position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:49px; height:75px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-38px;}

.flex-direction-nav li a.flex-prev{left:20px;background: url("../images/left.png") no-repeat left top;}
.flex-direction-nav li a.flex-next{right:20px;background:url("../images/right.png") no-repeat left top;}
#fh5co-hero1{ display:none}

/*end*/

/*search*/
#search{position:absolute;top:8px;right:12px;width:240px;z-index: 2;}
#mobile_search{display: none;}
#search form{width:100%;position:relative;}
.skw{padding:0 30px 0 6px;width:100%;height:26px;background-color: #999;border:0;color:#fff;line-height:26px;}
.skw:focus{border:none;outline: none;}
.sub{position:absolute;right:0;top:0;width:30px;height:26px;background:url(../pic/search.png) no-repeat center center;border:none;}
.skw::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.skw:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
.skw::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
.skw:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
/*end*/

/* home_title */
.home_title{width:100%;text-align:center;}
.home_title h2{line-height:30px;font-size:30px;color:#333;}
.home_title.white h2{color: #fff;}

/* hot-sale */
#hot-sale{padding:56px 0 46px 0;}
.hot_cat_list{margin:0 -22px;}
.hot_cat_list .cat_item{margin:46px 22px 0;}
.hot_cat_list .cat_img{position:relative;}
.hot_cat_list .overlay{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 1;overflow: hidden;}
.hot_cat_list .overlay_con{position: absolute;top:0;left:-50%;width: 50%;height: 100%;background-color:rgba(249, 179, 8, 0.9);color: #fff;}
.hot_cat_list .overlay_con a{position:relative;display:block;width:100%;height:100%;color: #fff;}
.hot_cat_list .overlay_con .cat_title{padding:30px 6px 20px;text-align: center;}
.hot_cat_list .overlay_con .cat_title{font-size: 22px;color: #fff;}
.hot_cat_list .overlay_con .cat_desc{padding:0 15px;text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.hot_cat_list .overlay_con .cat_more{position:absolute;bottom:40px;left:50%;margin-left:-16px;color:#fff;}
.hot_cat_list .cat_item:hover .overlay_con{left: 0;}


/* cat_products */
.floor_list{padding-bottom: 30px;}
.cat_pro_ads img{width:100%;max-width: 100%;height: auto;}
.cat_pro_title h2{padding:16px 20px;border-top:4px solid #f9b308;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;font-size:30px;color: #333;line-height: 30px;}
.cat_pro_title .more_pro{padding:0 14px 0 4px;background:url(../pic/more_pro.png) no-repeat center right;font-size: 14px;color: #f9b308;}
.cat_pro_list{border:1px solid #d2d2d2;border-bottom:none;border-right: none;}
.pro_item{padding:30px 0 26px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.pro_item:hover h2 a{color: #f9b308;}
.pro_item_img{width:180px;height:180px;text-align: center;overflow:hidden;}
.pro_item_img img{ width:180px; height:180px; transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); }
.pro_item:hover .pro_item_img img{ transform: scale(1.1) ; -webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; -ms-transform: scale(1.1) ; -o-transform: scale(1.1) ; }
.pro_item_info{padding:10px 20px 0;text-align: center;}
.pro_item_info h2{height:48px;font-size: 14px;color: #333;font-weight: normal;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro_item_info p{font-weight: bold;line-height: 20px;color: #000;}
.pro_item_info p span{color:#999;font-weight: normal;}

/* about */
.bg_about{padding:80px 0 50px;background-repeat: no-repeat;background-size: cover;}
.about_desc{padding-top:40px;text-align: center;color: #fff;font-size: 16px;line-height: 30px;}
.about_desc .more_about{padding-bottom:8px;background: url(../pic/more_about.png) no-repeat bottom;color: #fff;}
.about_list{margin:50px 40px 0;padding:10px 0;background-color: rgba(38,36,35,.68);color: #fff;}
.about_list .item_title{font-size: 16px; color:#fff}
.about_list .sub_title{color:#fff}
.about_list .item_icon{margin:30px 40px 0 60px;width:30px;height: 30px; color:#fff}
.about_list .item_right{padding:20px 0;width: calc(100% - 130px);border-top: 1px dashed #666;}
.about_list .w3:first-child .item_right,.about_list .w3:nth-child(2) .item_right,.about_list .w3:nth-child(3) .item_right{border-top:none;}
.about_list .item_right p{word-wrap: break-word;}


/* why choose us */
#why{padding:50px 0;}
.why_top .why_video{float:left;width: 66.66%;}
.why_top .why_video video{width:100%;}
.why_top .why_img{float: left;width: 33.33%;text-align: center;}
.why_top .why_img img{max-width: 100%;}
.why_bottom{padding:50px 0;background: url(../images/why_bg.jpg) no-repeat center center;background-size: cover;color: #fff;text-align: center;}
.why_bottom .why_con{padding:20px 20px 0;line-height: 30px;}
.why_bottom .choose_reason{padding-top: 30px;}
.why_bottom .choose_reason p{ display: inline-block; margin:0 6px 10px; padding:8px 10px; background-color:#fff; color: #666; line-height: 14px; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }

/* advantage */
.adv_list .adv_item{margin-bottom:30px;text-align: center;}
.adv_list .adv_title{font-size: 16px;color: #333;}
.adv_list .adv_desc{color:#666;height: 48px; overflow:hidden}

/* news */
#news{padding:50px 0;}
#news .news_list{padding-top:40px;}
.news_left .news_img img{max-width:100%;}
.news_right{padding-left: 10px;}
.news_list .news_item{padding-left:50px;}
.news_list .news_item.news_icon1{background: url(../pic/dig_icon1.png) no-repeat left top;}
.news_list .news_item.news_icon2{background: url(../pic/dig_icon2.png) no-repeat left top;}
.news_list .news_item.news_icon3{background: url(../pic/dig_icon3.png) no-repeat left top;}
.news_list .news_item:not(:last-child){margin-bottom: 30px;}
.news_list .news_title a{display:block;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .news_title a:hover{color: #f9b308;}
.news_list .news_time{color: #999;}
.news_list .news_desc{color: #666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_left .news_title{padding-top: 10px;}

/* market */
.market_list{padding:40px 0 30px;}
.market_list .market_item{position: relative;margin-bottom: 20px;}
.market_list .market_img img{width: 100%;}
.market_list .market_title{position: absolute;bottom: 30px;left: 0;width: 100%;background-color: rgba(0, 0, 0, .65);text-align: center;}
.market_list .market_title a{font-size: 18px;color: #fff;line-height: 40px;}

/* footer */
.footer_top{padding:40px 0;background-color: #333;color: #fff;}
.footer_logo{margin-top: 70px;}
.footer_logo img{max-width: 100%;}
.footer_contact h2{font-size:24px;line-height:40px;}
.footer_contact .contact_info{padding-bottom:30px;border-bottom:1px solid #555;line-height: 24px;}
.follow_list{padding:30px 0;border-bottom:1px solid #555;}
.follow_list h4{padding-bottom:16px;font-size:18px;line-height: 18px;}
.follow_list ul li{display: inline-block;margin-right: 14px;}
.follow_list ul li a i{display: block;width:32px;height:32px;}
.follow_list ul li a i.icon_facebook{background: url(../pic/facebook.png) no-repeat center center;}
.follow_list ul li a i.icon_pinterest{background: url(../pic/pinterest.png) no-repeat center center;}
.follow_list ul li a i.icon_twitter{background: url(../pic/twitter.png) no-repeat center center;}
.follow_list ul li a i.icon_google{background: url(../pic/google.png) no-repeat center center;}
.footer_message{padding-left: 60px;}
.footer_message .msg_title{padding-bottom: 15px;font-size:18px;}
.message_form p{margin-bottom: 10px;}
.message_form label{display: inline-block;width: 68px;font-weight: normal;}
.message_form .input_style{padding:0 4px;width:calc(100% - 70px);background-color: #fff;color:#333;line-height: 36px;border:none;outline: none;}
.message_form .input_style.area_style{line-height:24px;vertical-align: top;}
.message_form .input_style.w80{width:80px;}
.message_form .code_style{padding:10px 20px;background-color: #fff;}
.message_form .code_style img{width: 50px;}
.message_form .submit_btn{margin-left:68px;padding:0;width: 80px;height: 36px;background-color: #f9b308;border:none;outline:none;color: #fff;line-height: 36px;text-align: center;}
.message_form .checkbox{margin-left:64px;padding-left:30px;background: url(../pic/checkbox.png) no-repeat left center;}
.footer_bottom{padding:40px 0;text-align: center;}
.footer_nav{padding-bottom: 15px;}
.footer_nav li{display: inline;}
.footer_nav li a{padding:0 30px;border-right:2px solid #999;color:#666;font-weight:500;}
.footer_nav li:last-child a{border-right: none;}
.link_list{padding-bottom:15px;text-align: center;}
.link_list li{display: inline-block;}
.link_list li span,.link_list li a{padding-right: 30px;color: #999;}
.footer_nav li a:hover,.link_list li a:hover{color: #f9b308;}
.footer_bottom .copyright{color: #999;}

/*left*/
#left{width:220px;float:left; }
.left_list{width:100%;}
.right_top{border: 1px solid #d2d2d2;border-top:4px solid #f9b308;}
.left_top h3,.right_top h3{padding-left:24px;font-size:20px;line-height:54px;}
.left_top h3{padding-left:24px;font-size:20px;line-height:54px;border: 1px solid #d2d2d2;border-top:4px solid #f9b308;}
.right_top  .cat_desc{padding:10px 24px;border-top:1px solid #d2d2d2;color: #666;font-size:14px;line-height: 30px; }
.left_con{width:100%;border: 1px solid #d2d2d2;border-top: none;}
#proBox .right_top h3{padding-left:0;border-left: none;border-right: none;}
.type_list{width:100%;}
.type_list li{position:relative;line-height:36px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.type_list li a{display:block;padding:0 20px}
.type_list li .icon-angle-right,.type_list li .icon-angle-down{position: absolute;right: 10px;top: 8px;cursor: pointer;}
.type_list li .icon-angle-right:before,.type_list li .icon-angle-down:before{font-size:22px;color: #666;}
.type_list li a:hover,.type_list li a.current{background-color: #f5f5f5;color:#f9b308;}
.type_list ul li ul{display: none;}
.type_list li.second_cat a{padding:0 20px 0 30px;}

#left .hot{margin-top: 40px;}
.hot .hot_top h3{border-bottom:3px solid #f9b308; font-size: 20px;line-height: 54px;text-align: center;}
/*end*/

/*right*/
#proBox{width:100%;}
#right{float:right;width:calc(100% - 240px);}
#right_con{width:100%;min-height:300px;line-height:200%;overflow:hidden;}
#right_con{max-width: 100%;}
.pro_main #right_con{border:none;}
#right_con img{max-width:100%;height:auto;}
.pad10{padding:10px;}
/*end*/
	 
/*news*/
.art_list{width:100%;padding:0 10px;}
.art_time{float:left;width:68px;text-align:center;}
.art_time .a{display:block;margin:12px auto 7px;width:60px;height:60px;line-height:60px;background:#cccccc;border-radius:50%;font-size:36px;color:#fff;}
.art_time .b{display:block;font-size:14px;color:#999;line-height:14px;}
.art_right{margin-left:80px;padding:10px 0;border-bottom:1px dashed #d4d4d4;}
.art_title{height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.art_title a{font-size:16px;}
.art_des{height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.art_list:hover .art_time .a{background:#f9b308;}
.art_list:hover .art_title a{color:#f9b308;text-decoration:underline;}

.articleList{width:100%;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;line-height:34px;}
.time{float:right;}
.articleTitle{font-weight: bold;font-size: 16px;text-align: center;line-height: 32px;}
.articleAuthor{text-align: center;line-height: 18px;}
.articleAuthor span{margin: 0px 6px;color: #999;}
.articleInfo{padding: 20px 0;}
.pageUpDown{padding-top: 10px;line-height: 24px;}

/*end*/

/*Product*/
.productList{margin:0 -10px;}
.productList .pro_item{padding:20px 10px 0;border:none;}
.productList .pro_item_img,.hot_list .pro_item_img{width: 100%;height: 100%;}
.productList .pro_item_img img,.hot_list .pro_item_img img{width: 100%;max-width:100%;height: auto;}
.productList .pro_item_info{/* height: 130px; */padding:10px 10px 0;}
.inquiry_box{margin-top: 40px;text-align: right;}
.pro_inquiry{margin-top:0;padding-top: 20px;}
.pro_inquiry a,.inquiry_box a{display:inline-block;margin-left: 10px;padding: 4px 6px;background-color: #a9a6a6;font-weight: normal;font-size: 12px;line-height:12px;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.pro_inquiry.show_form{padding-top: 0;}
.pro_inquiry.show_form a{margin-left: 0;padding:6px 8px;background-color: #f9b308;}
.pro_inquiry a:hover,.inquiry_box a:hover{background-color: #f9b308;}
.pro_inquiry input[type='checkbox'],.inquiry_box input[type='checkbox']{margin:0;width: 14px;height: 14px;background-color: #e4e4e4;-webkit-appearance: none;outline: none;vertical-align: middle;border-radius: 3px;	-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.pro_inquiry input[type=checkbox]:checked,.inquiry_box input[type=checkbox]:checked{background: url(../pic/checkbox.png) no-repeat;}
.productImg{margin:10px 0;text-align:center;}
.productImg img{width:100%;border: 1px solid #d2d2d2;}
.productInfo{padding-left: 40px;}
.productTitle{padding:6px 0 14px 0;border-bottom:1px dashed #d2d2d2;font-size:20px;}
.productDes{padding-top:10px;color:#999;line-height:30px;}
.productModel,.productPrice,.productOrder{color:#999;}
.productModel span,.productPrice span,.productOrder span{color: #f9b308;font-weight: bold;}
.productInfo .inquiry_box{text-align: left;}
.productInfo .inquiry_box a{display:inline-block;margin:0 10px 10px 0;padding:8px 10px;background-color: #f9b308;font-size: 14px;line-height: 14px;}
.productInfo .inquiry_box a:hover{background-color: #e4a50b;}
.productInfo .shares{margin-top: 20px;}

.title{margin:10px 0 0 0;border-bottom:1px dashed #d2d2d2;line-height:30px;}
.title span{font-weight:bold;}
.productDesc{padding:10px 0;width:100%;}
.hot_list .pro_item{padding:20px 0 10px;border:none;}
.pro_details_left{float: left;width: calc(100% - 250px);}
.pro_details_right{float: right;width: 220px;}
.related_list .pro_item{padding:20px 0 10px;border:none;}
.related_list .pro_item_img{width:100%;height:100%;}
.related_list .pro_item_img a{display: block;}
.related_list .pro_item_img img{width: 100%;}

/* 相册 */
.photo_img{margin-top:10px;}
.photo_img img{max-width: 1000% !important;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:100%;height:auto;overflow: hidden;}
.jqzoom img{width: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:auto;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:auto;padding:4px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:64px; line-height:64px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:93%;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:66px;}
.spec-scroll .items ul li{float:left;margin:0 2px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:66px;height:auto;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
/*end*/

/*购物车*/
.cart-data{margin:0 auto; width:90%; font-size:12px; border-collapse:collapse;} 
.cart-data td,.cart-data th{ padding:6px; border:1px solid #CCC;}
.cart-data th{padding:8px 6px;}
.cart-data table,.cart-data table td{border:none; border-collapse:inherit; font-size:12px;}
#order-data .input_text,#order-data .input_area{width: 90%;border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#order-data .input_code{width: 60px;}


/*page*/
.pages{margin:20px 0;width:100%;text-align:center;}
.pages li{display:inline-block;}
.pages li a{ display:block; margin:0 4px; padding:0 8px; line-height:22px; color:#999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.pages li.active a,.pages li a:hover{background:#f9b308;color:#fff;}
/*end*/

/*feedback*/
.f_list{float:left;width:100%;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:20%;text-align:right;}
.f_list .fl_r{float:left;width:80%;}
.input_text{width:90%;border:1px solid #ccc;line-height:24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
/*end */

/*toolbar*/
#toolbar2{display:none;}
#toolbar{display:none;position:fixed;right:0px;top:50%;margin-top:-136px;width:68px;z-index:1000000;}
#toolbar li{float:left;position:relative;margin:4px 0px;width:68px;height:68px;}
#toolbar li .t_item{display:block;width:68px;height:68px; background:#444;text-align:center;line-height:68px; border-radius:5px 0 0 5px; color:#fff; text-decoration:none;position:absolute; left:0px; top:0px; z-index:2;}
#toolbar li a.t_item:hover,#toolbar li a.cur{background:#f9b308;}

.tool_qq{position:absolute;left:-118px;top:0px;padding:0 10px 0 0;width:118px; display:none;}
.tool_qq_con{float:left;width:108px;padding:10px 0;background:#fff; border:1px solid #f9b308; text-align:center;}
.tool_tel{position:absolute;left:0px;top:0px;  padding:0 0 0 10px; width:170px;height:68px; background:#444; line-height:68px;font-size:18px; color:#fff;white-space:nowrap;border-radius:5px 0 0 5px; }
.tool_weixin {display:none;position:absolute;top:0px;padding:0 10px 0 0; width:118px;left:-118px;}
.t_wx_con{padding:3px;width:108px;background:#fff;border:1px solid #f9b308;text-align:center; font-size:14px; line-height:22px;}
.t_wx_con img{width:100px;height:100px;}

.t1 i{width:68px;height:68px;background:url(../pic/u1.png) no-repeat center center; display:block;}
.t2 i{width:68px;height:68px;background:url(../pic/u2.png) no-repeat center center; display:block;}
.t3 i{width:68px;height:68px;background:url(../pic/u3.png) no-repeat center center; display:block;}
.t4 i{width:68px;height:68px;background:url(../pic/u4.png) no-repeat center center; display:block;}
.t5 i{width:68px;height:68px;background:url(../pic/u5.png) no-repeat center center; display:block;}


/* ======go to top ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 40%;_bottom: "auto";cursor:pointer;z-index:9;background:#f9b308 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#ecab0a;}

@media screen and (min-width: 1230px){
	.container{width: 1230px;}
}
@media screen and (max-width: 1200px){
	.head_middle{padding:10px 0;}
	#logo img{height: 90px;}
	#banner .banner_img{height:300px;}
	#navigate ul li a{padding:0 24px;}
	#navigate ul li i{right: 8px;}
	.cat_pro_list .pro_item_info{height: 98px;}
	.hot_cat_list .cat_title a{padding:0 20px;font-size: 20px;}
	.about_list .item_icon{margin: 30px 10px 0 10px;}
	.about_list .item_right{width: calc(100% - 50px);}
	.footer_message{padding-left: 20px;}

	#left{width:240px;}
	.related_con .w2{width:25%;}
	.related_con .w2:nth-child(5){display: none;}
	.type_list li a.current:before{left:20px;}
}
@media screen and (max-width: 992px){
	.w4{width: 50%;}
	#logo img{height: 64px;}
	#top_contact{padding:0 0 0 60px;}
	#search{width: 160px;}
	#banner .banner_img{height:240px;}
	#navigate ul li a{padding:0 18px;font-size:14px;}
	#navigate ul li .drop_menu li a{font-size:12px;}
	#navigate ul li i{right: 2px;}
	.hot_cat_list .cat_title a{padding:0 12px;font-size: 16px;}
	#about .w3{width: 50%;}
	.about_list .w3:nth-child(3) .item_right{border-top: 1px dashed #666;}
	.why_top .why_video,.why_top .why_img{width: 50%;}
	.productList .pro_list{width:50%;}
	.productInfo{padding-left: 0;}
}

@media screen and (max-width: 768px){
	#fh5co-hero{ display:none}
#fh5co-hero1{ display:block}
	
	#fancybox-close{right: 0 !important;}
	#fancybox-bg-ne,#fancybox-bg-e,#fancybox-bg-se{display: none;}
	.w3{width: 50%;}
	.head_top{display: none;}
	.head_middle{padding: 5px 0;border-bottom:1px solid #d2d2d2;}
	#logo.float_logo{display: none;}
	#logo img{height:50px;}
	#top_contact{display: none;}
	.mobile_search_icon{position:absolute;top:0;right:50px;display: block;width: 30px;height:100%;background: url(../pic/mobile_search.png) no-repeat center center;}
	#mobile_search{ display:none; position: absolute; top:110%; left:0; width:100%; z-index: 2; }
	#mobile_search form{width:100%;position:relative;}
	.skw{padding:0 40px 0 10px;height:30px;background-color: #000;line-height:30px;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
	.sub{height: 30px;}
	#banner .banner_img{height:180px;}
	#navigate{display:none;}

	.home_title h2{font-size: 24px;}
	#hot-sale{padding:30px 0;}
	.hot_cat_list{margin:0 -10px;}
	.hot_cat_list .cat_item{margin:20px 10px 0;}
	.hot_cat_list .cat_title a{padding:0 10px;font-size: 14px;line-height: 30px;}
	.cat_pro_title h2{padding:10px 20px;font-size: 24px;}
	.bg_about{padding:40px 0;}
	.about_desc{padding-top: 20px;}
	.about_list{margin:30px 0 0;}
	.about_list .item_title{font-size: 14px;}
	.about_list .sub_title{font-size: 12px;}
	.why_top .why_video,.why_top .why_img{width: 100%;}
	.why_top .why_video video{height: auto;}
	#news{padding:40px 0;}
	#news .news_list{padding-top: 30px;}
	.news_left{padding-bottom: 20px;text-align: center;}
	.footer_logo{margin-top: 0;margin-bottom:30px;text-align: center;}
	.footer_middle{display: none;}
	.footer_message{padding:30px 15px 0;border-top: 1px solid #555;}
	.footer_bottom{padding:20px 0;}

	#proBox{margin-top:30px;}
	.pro_details_left{float: none;width: 100%;}
	.pro_details_right{display: none;}
	#right{margin-top:30px;width: 100%;}
	#left{display:none;}
	.ur_here{float:left;display:none;}
	.main_list{display:none;}
	.productTitle{margin:0;padding:4px 0 6px 0;font-size:16px;}
	.productDesc{padding:10px 5px;}
	.title{padding:0 5px;}
	.art_right{margin-left:65px;}
	.articleAuthor span{font-size:12px;margin:0 4px;}
	.articleTitle{margin:0;font-size:16px;line-height: 24px;}
	.articleInfo{padding:20px 0;}
	.art_time{width:50px;}
	.art_time .a{margin: 23px auto 7px;width:46px;height:46px;line-height:46px;font-size:24px;}
	.art_time .b{font-size:12px;}
	#fancybox-wrap{left:2% !important;width: 96% !important;}
	#fancybox-content{width: 100% !important;}
	#fancybox-tmp,#fancybox-wrap{padding:0 !important;}
	.cart-data{width: 100%;}
	#order-data{width:100%;overflow: hidden;}

	/*手机底部导航*/
	#toolbar{display:none;}
	.blank55{height:42px; line-height:1px; clear:both;}
	#toolbar2{position:fixed;bottom:0;left:0;display:block;width:100%;height:40px;background:#000;color:#fff;z-index:8;}
	#toolbar2 ul li{position:relative;float:left;width:20%;text-align:center;}
	#toolbar2>ul>li>a{display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#fff;}
	#toolbar2>ul>li:last-child ul,#toolbar2>ul>li:nth-child(4) ul{right: 0;left:auto;}
	#toolbar2 ul li ul{display:none;position: absolute;left: 0px;bottom: 40px;padding: 10px 10px;min-width: 120px;background: #000;white-space:nowrap;z-index: 9;}
	#toolbar2 ul li ul li{float: none;display: block;width: 100%;}
	#toolbar2 ul li ul li a{display:block;width:100%;line-height:32px;font-size:14px;color:#fff;} 
	#toolbar2 ul li ul li ul{display: none;}
	
	/* 2019.05.14 */
	.why_video{width:100%;height:auto;}
}
@media screen and (max-width: 480px){
	.head_middle{padding:5px 0 30px;}
	#logo{float: none;text-align: center;}
	#logo img{max-width: 100%;height: auto;}
	.mobile_search_icon{top:auto;bottom:4px;right:50px;height: 30px;}
	#cd-menu-trigger{top:auto;bottom:0;right:0;height:40px;}
	#cd-menu-trigger.is-clicked{top:-12px;right: -16px;}
	#banner .banner_img{height:140px;}
	.home_title h2{font-size: 20px;}
	.cat_pro_title h2{padding:10px 10px;font-size: 18px;}
	.pro_item{padding:10px 0;}
	.pro_item_img{width:100%;height:150px!important;}
	#cat_pro .pro_item_img{padding:0 10px;}
	.pro_item_img img{width: 100%;height: auto;}
	.pro_item_info{padding:10px 10px 0;}
	.pro_item_info h2{height:36px;line-height: 18px;}
	.pro_item_info p{font-size: 12px;}
	#about .w3{width: 100%;}
	#market .col-xs-6{width: 100%;}
}
@media screen and (max-width: 320px){
	.w4{width: 100%;}
}