@charset "utf-8";
/* CSS Document */
html{height:100%;-webkit-text-size-adjust:100%;}
*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{ margin:0px; padding:0px; margin:0px auto; line-height:24px; color:#555555; width:100%; min-width:320px;  position:relative;font-family:"Arial"; overflow-x:hidden; font-family:"Arial",微软雅黑; font-size:14px;}
.ul,.ul li,form, dl,dt,dd, div,.ol,menu{ padding: 0px; margin: 0px;}
.ul,.ul li,.ol li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight:normal;} 
.npm{ padding:0px; margin:0px;}
select,input,textarea{font-family:微软雅黑; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family:微软雅黑;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#555555; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#9c292c}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.h1,.h2,.h3,.h4,.h5,.h6{ padding:0; margin:0; font-weight:normal;}
table,table td{ border-collapse:collapse;}
.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .nav,
.jobs_list .apply a,
.service ul li,
.ind_product ul li,
.ind_product ul li:hover .pic a,
.ind_product ul li .pic a b:before,
.ind_product ul li .pic a b:after,
.ind_product ul li dl img,
.product_list ul li,
.menu_pro a span,
.detail-product .intro .btn,
.detail-product .intro .btn:hover a,
.case_list ul li,
.wap_photo,
.ind_menu_pro,
.ind_menu_pro a span,
.ind_menu_pro ul,
.single .fl,
.single .fr{-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

.fl{ float:left;}
.fr{ float:right;}
.news_list .hot .pic img,
.ind_product ul li .pic img,
.product_list ul li .pic img,
.case_list ul li img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.news_list .hot:hover .pic img,
.ind_product ul li:hover .pic img,
.product_list ul li:hover .pic img,
.case_list ul li:hover img{
	 transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
}

.body{}


.top_photo{ text-align:center;}

.container{}
.sidebar{ padding:1.2% 0;  border-bottom:solid 1px #ebebeb;}
.main{ min-height:300px;}
.auto{margin:0 auto; max-width:1280px; padding:0 2%; position:relative;}

.menu ul{transition:all ease-in-out 0.3s;}
.menu ul li{ display:inline-block; position:relative; padding-left:27px; padding-right:29px;}
.menu ul li a{}
.menu ul li.on a{ color:#9c292c;}


.location{ color:#999999; position:absolute; right:2%; overflow:hidden;}
.location a{color:#999999; display:inline-block;}
.location span{ color:#9c292c;}
.location a:first-child{ background:url(../images/location.png) no-repeat left center; text-indent:-999px; padding:0px 6px;}


.header{ font-size:12px; z-index:999; position:absolute; height:46px; width:100%; background-color:#343434; }
.header a{color:#868686;}
.header .auto{ position:relative; z-index:88;}
.header .logo{ float:left;}
.header .nav{ float:left; line-height:46px; z-index:88; position:relative}
.header .nav li{ float:left; padding-left:30px; transition:all ease-in-out 0.3s;; position:relative}
.header .nav li b{ font-weight:normal;}
.header .nav li b a{ display:block;}
.header .nav li.on b a,
.header .nav li.hover b a{ color:#fff;}

.header .nav li dl{ text-align:center; color:#fff; line-height:30px; left:15px; top:46px;position:absolute; display:none; min-width:100%; background-color:rgba(153, 16, 22, 0.6);}
.header .nav li dl span{ display:block; border-top:solid 1px rgba(195, 32, 39, 0.2); white-space:nowrap;}
.header .nav li dl a{ display:block; color:#fff; padding:1.5% 8%;}
.header .nav li dl a:hover{ color:#fff; background-color:rgba(188, 35, 41, 0.2);}
.header .nav li#nav4 dl{ min-width:180%; left:-10%;}

/*.header .nav li{-webkit-perspective: 500px;}*/

.header .nav li dl{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
}
.header .nav li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}

.header .other{ position:absolute; right:2%; top:8px;}
.header .other span{ display:inline-block; position:relative; height:30px; line-height:30px;}
.header .other span a{ display:inline-block; margin-right:10px;}
.header .search{ padding-left:15px; padding-right:40px; position:absolute; right:19%; top:8px; width:220px; background-color:#484848; border-radius:100px; border:solid 1px #403d37;}
.header .search .text{ color:#d5d5d5; width:100%; height:28px; background:none; border:none;}
.header .search .btn{ border:none; position:absolute; top:2px; right:8px; background:url(../images/search_btn.png) no-repeat center center; width:24px; height:24px; cursor:pointer;}
.header .other .cart{ margin-left:20px; margin-right:0; color:#fff; padding-left:30px; background: url(../images/cart.png) no-repeat left;}

.fixed{ position:fixed; top:0}

.banner{ text-align:center;}
.banner img{ width:100%;}

.icon_menu{ display:none; z-index:100; width:32px; height:32px; position:absolute; top:10%; right:3%;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon_menu a{ width:80%; height:4px; background-color:#9c292c; position:absolute; right:0; top:50%; margin-top:-2.5px;}
.icon_menu a::before,
.icon_menu a::after{ position:absolute; content:'';width:120%; height:4px;background-color:#9c292c;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.icon_menu a::before{ top:-11px;}
.icon_menu a::after{ bottom:-11px;}

.On.icon_menu a,
.On.icon_menu a::before,
.On.icon_menu a::after{background-color:#fff; }
.On.icon_menu a{ background-color:transparent;}
.On.icon_menu a::before{ transform: rotate(-45deg); top:0}
.On.icon_menu a::after{ transform: rotate(45deg); bottom:0}






#goToTop{ background:#991016; position:fixed; right:0; bottom:20%; z-index:103; text-align:center; display:none; border-radius:100px; opacity:0.8}
#goToTop a{color:#fff; width:46px; height:46px; line-height:46px; display:block;}

.footer{ font-size:12px; padding-bottom:1.5%; z-index:101;}
.footer .nav{ overflow:hidden; position:relative; padding:1% 0; border-top:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5;}
.footer .nav span{ float:left; display:block; width:24%;}
.footer .nav .asub{ display:block; position:absolute; right:0; width:20px; height:20px; cursor:pointer;}
.footer .nav .asub:before{ position:absolute;  content:'﹀'; font-size:宋体;}
.footer .nav .show:before{content:'︿';}
.footer .subnav{ clear:both; display:none; overflow: hidden; padding:10px 0;}
.footer .subnav dd{ float:left; width:24%; opacity:0.8}
.footer .subnav dd span{ display:block;}
.footer .ewm{ text-align:right; padding-top:12px; position:relative;}
.footer .ewm a{  cursor:pointer; margin-left:5px; display:inline-block; width:23px; height:23px; background-repeat:no-repeat; background-position:center center; border:solid 1px #e6e6e6; border-radius:100px;}
.footer .ewm a.weibo{background-image:url(../images/i_weibo.png); }
.footer .ewm a.weixin{background-image:url(../images/i_weixin.png); }
.footer .ewm a.app{background-image:url(../images/i_app.png); }
.footer .ewm a img{ display:none; width:180px; position:absolute; bottom:40px; right:0; border-radius:4px; border: solid 2px #ccc;}
.footer .ewm a:hover img{ display:block;}
.footer .ewm a:hover{ border-color:#f5f5f5; background-color:#f5f5f5;}

.footer .fl,
.footer .fr{ width:50%; float:left;}
.footer .fr{ text-align:right;}

.footer .other{}
.footer .other,
.footer .other a{ color:#999999;}
.footer .other a:hover{ color:#9c292c;}
.footer .other .fl a{ margin-right:30px; position:relative; white-space:nowrap;}
.footer .other .fl div:nth-child(1) a:before{ right:-20px; top:5%; position:absolute; content:''; width:1px; height:90%; background-color:#ebebeb;}
.footer .other .fl div:nth-child(2) a:before{ right:-20px; top:48%; position:absolute; content:''; width:3px; height:3px; border-radius:100px; background-color:#cccccc;}
.footer .other .fl div span:last-child a:before{ display:none;}
.footer .other .fr span em{ font-style:normal; color:#9c292c;}


.FloatNav{ position:fixed; right:0; height:100%; top:0; z-index:100}
.FloatNav .table{ display:table; height:100%;}
.FloatNav .table_cell { display:table-cell; vertical-align:middle;}
.FloatNav dl{ padding:1px 0; text-align:center; position:relative;}
.FloatNav dl dt{ color:#fff; width:46px; padding:50px 10px 30px 10px; border-radius:4px 0 0 4px; line-height:16px; background-repeat:no-repeat; background-position: center 20px; background-color:#991016;}
.FloatNav dl dd{ width:157px; padding-right:10px; height:100%;  right:45px; top:0; display:none;position:absolute;  }
.FloatNav dl dd div{ padding:10px; border-radius:4px; border:solid 1px #991016; position:relative; width:100%; min-height:100%; background-color:#fff;}
.FloatNav dl dd div:before{content:'';  width: 0;  height: 0;  border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #9c292c; position:absolute; display:block;top:60px; right:-8px; z-index:5}
.FloatNav dl.online dd a.wap{ display:none;}

.FloatNav dl:hover dd{ display:block;}
.FloatNav dl.online dd span{ display:block; color:#9c292c;}
.FloatNav dl.online dd i{ font-style:normal; color:#999999;}
.FloatNav dl.online dd a{ text-align:left; color:#701c1a; display:block; padding:10px 0 10px 35px; background:url(../images/FloatNav_icon3.png) no-repeat -7px center; border-bottom:solid 1px #f1e8e8;}
.FloatNav dl.online dt{ background-image:url(../images/FloatNav_icon1.png);}
.FloatNav dl.buy dt{ background-image:url(../images/FloatNav_icon2.png);}
.FloatNav dl.buy img.wap{ display:none;}
/*pages*/
.Pages{ padding:3% 0px; text-align:center; line-height:28px; clear:both; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ color:#727272; display:inline-block; margin:0px 1px; padding:0px 10px; background-color:#fff; border:solid 1px #eaeaea; }
.Pages a:hover,
.Pages em a.a_cur{color:#fff; background:#9C292C; border-color:#9C292C;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;color: #727272;}

.Pages .a_first,
.Pages .a_prev,
.Pages .a_next,
.Pages .a_end{ font-family:宋体;}
.Pages b{    font-weight: normal;}
.Pages .i_text{    width: 40px;
    margin: 05px;
    border: solid 1px #eaeaea;
    height: 28px;
    text-align: center;}
.Pages .i_button{    border: none;
    background-color: #9c292c;
    color: #fff;
    padding: 4px 11px;
    cursor: pointer;
    margin-left: 5px;}
/*pages end*/
.product_list{ padding-top:2%; padding-bottom:2%}
.product_list ul li{ float:left; padding:1%; text-align:center; border:solid 1px #f3f3f3; position:relative; margin-left:2%; margin-bottom:2%;}
.product_list ul li i{ width:58px; position:absolute; right:0; top:0; color:#fff; z-index:99; font-style:normal; }
.product_list ul li i:before{ content:'';  width: 0;  height: 0;  border-top: 58px solid #eb8e2e;  border-left: 58px solid transparent; position:absolute; right:0; top:0;}
.product_list ul li i font{font-size:14px; font-style:normal; position:absolute; width:90%; display:block; text-align:right;}
.product_list ul li .pic{ position:relative; overflow:hidden; position:relative; padding-top: 91.22%;}
.product_list ul li .pic img{position:absolute; width:100%; height:100%; top:0; left:0;}
.product_list ul li .txt{ padding-top:4%; padding-bottom:2%;}
.product_list ul li h5{ font-size:18px; padding:10px 0;}
.product_list ul li h5 a{ color:#232323;}
.product_list ul li p{ color:#808080; font-size:14px;}
.product_list ul li dl{ position:relative; margin-top:10%; height:27px;}
.product_list ul li dl img{ display:none; position:absolute; bottom:40px; margin-left:-30px; z-index:8; border:solid 1px #9c292c;  border-radius:4px; padding:6px; width:98px; height:98px; background-color:#fff;}
.product_list ul li dl a.ewm:hover:before{content:'';  width: 0;  height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #9c292c; position:absolute; display:block; margin-left:20px; top:-13px; z-index:5}
.product_list ul li dl a{  display:inline-block; width:55px; height:27px; background-repeat:no-repeat;  background-position:left;}
.product_list ul li dl a.ewm{ background-image:url(../images/ind_pro_icon_ewm.png); border-right:solid 1px #e5e5e5;}
.product_list ul li dl a.cart{  background-image:url(../images/ind_pro_icon_cart.png);}

.product_list ul li dl a.ewm:hover,
.product_list ul li dl a.cart:hover{ background-position:right;}
.product_list ul li h6{ font-size:18px; color:#980c19; padding-top:5px;}
.product_list ul li dl a.ewm:hover img{ display:block;}
.product_list ul li:hover {box-shadow:0px 2px 10px #d2d2d2; }

.news_list{}
.news_list .hot{ padding:3% 2%; background-color:#f7f7f7;}
.news_list .hot:hover{ background-color:#f0f0f0;}
.news_list .hot time{ text-align:center; float:left; max-width:70px; width:100%; margin-right:2%;}
.news_list .hot time b{  display:block; font-size:60px;line-height:50px; font-weight:normal; border-bottom:solid 1px #a6a6a6; font-family: "Courier New", Courier, monospace}
.news_list .hot .pic{ overflow:hidden; float:left; width:30%; border:solid 1px #f1f1f1;}
.news_list .hot .pic img{ width:100%;}
.news_list .hot .intro{ float:right; width:58%;}
.news_list .hot .intro h5{ font-size:20px;}
.news_list .hot .intro p{ color:#666666; margin:2% 0; height:90px; overflow:hidden; line-height:30px;}
.news_list .hot .intro .more{ display:inline-block; position:absolute; bottom:0; width:127px; line-height:36px; padding-left:23px; background-color:#9c292c; border-radius:4px;}
.news_list .hot .intro .more:before{ font-weight:bold; border-radius:100px; content:">"; position:absolute; display:block; right:17px; top:10px; color:#9c292c; font-family:宋体; background-color:#fff; width:17px; line-height:17px; text-align:center;}
.news_list .hot .intro .more a{ color:#fff;}
.news_list .hot .intro .more:hover{ background-color:#d2b052;}
.news_list .hot .intro .more:hover:before{color:#d2b052;}
.news_list .list{ font-size:18px; padding:2%; border-bottom:solid 1px #ebebeb;}
.news_list .list time{ padding-left:10px; padding-right:30px; float:right; font-size:16px; color:#aaaaaa;}
.news_list .list time:before{ font-size:18px; font-weight:bold; border-radius:100px; content:">"; position:absolute; display:block; right:17px; color:#fff; font-family:宋体; background-color:#8c8c8c; width:30px; line-height:30px; text-align:center;}
.news_list .list a:before{ left:1%; top:48%; position:absolute; content:''; width:5px; height:5px; border-radius:100px; background-color:#cccccc;}

.down_list ul li{ position:relative; font-size:18px; padding:2% 0 2% 2%; border-bottom:solid 1px #ebebeb;}
.down_list ul li time{ padding-left:10px; padding-right:30px; float:right; font-size:16px; color:#aaaaaa;}
.down_list ul li a:before{ left:1%; top:48%; position:absolute; content:''; width:5px; height:5px; border-radius:100px; background-color:#cccccc;}
.down_list ul li .down{ float:right; font-size:14px;}


.case_list{ padding:2% 0}
.case_list ul li{ float:left; padding:1%; text-align:center; border:solid 1px #f3f3f3; position:relative; margin-left:2%; margin-bottom:2%;}
.case_list ul li .pic{ position:relative; overflow:hidden; position:relative; padding-top:100%;}
.case_list ul li .pic img{position:absolute; width:100%; height:100%; top:0; left:0;}
.case_list ul li h5{ font-size:16px; padding:10px 0;}
.case_list ul li h5 a{ color:#232323;}
.case_list ul li:hover {box-shadow:0px 2px 10px #d2d2d2; }

.login_box{ border:solid 1px #ebebeb; margin-top:3%;}
.login_box .photo,
.login_box .login{ width:50%; padding:3% 5%}
.login_box .photo{ float:left; text-align:center;}
.login_box .login{ float:right; border-left:solid 1px #ebebeb;}
.login_box .login .form h4{ font-size:0; line-height:0; height:32px; background:url(../images/login_font.png) no-repeat center center;}
.login_box .login .form dl{ padding-top:6%;}
.login_box .login .form .text{ border:solid 1px #ebebeb; width:100%; line-height:48px; height:48px; padding:0 3%;}
.login_box .login .form .btn{ font-size:16px; color:#fff; background-color:#9c292c; border:none; cursor:pointer; width:100%; height:48px;}
.login_box .login .txt{ color:#999999; line-height:32px;}

.service  h4{ font-size:30px; padding:5% 0 3% 0;}
.service ul{ overflow:hidden;}
.service ul li{ position:relative; text-align:center; float:left; width:23.5%; background-color:#fbfbfb; margin-right:2%; margin-bottom:2%; padding:2% 0;}
.service ul li:last-child{ margin-right:0;}
.service ul li b{ font-size:18px; font-weight:normal; padding:10px 0; display:block;}
.service ul li span{ width:100%; margin-top:-20px; position:absolute; left:0; text-align:center; font-size:18px; color:#951a1e;}
.service ul li span img{ margin-top:-40px;}
.service ul li figure img{transition: 0.6s; transform-style: preserve-3d;}
.service ul li:hover figure img{transform: rotateY(180deg);}
.service ul li:hover{box-shadow:0px 2px 10px #d2d2d2;}

.jobs_list{ padding-top:3%; padding-bottom:2%;}
.jobs_list .name{ font-size:16px; color:#fff; background-color:#999999;}
.jobs_list .name,
.jobs_list .list{ overflow:hidden; padding:1% 0; cursor:pointer; position:relative;}
.jobs_list .list:before{ content:'+'; position:absolute; right:1%; font-size:40px; color:#999999; font-family:宋体}
.jobs_list .show:before{ content:'-';}
.jobs_list .j_title,
.jobs_list .j_num,
.jobs_list .j_work,
.jobs_list .j_place,
.jobs_list .j_time{ float:left; padding:0 1%;}
.jobs_list .j_title{ width:28%; padding-left:3%}
.jobs_list .j_num,
.jobs_list .j_work,
.jobs_list .j_place,
.jobs_list .j_time{ width:14%;}
.jobs_list .apply { text-align:right;}
.jobs_list .apply a{ color:#fff; text-align:left; width:136px; line-height:50px; text-indent:55px; background-color:#9c292c; display:inline-block; cursor:pointer; background-image:url(../images/job_icon.png); background-repeat:no-repeat; background-position:25px ;}
.jobs_list .apply a:hover{ background-color:#e2c965; background-position:20px;}
.jobs_list .list{  border-bottom:solid 1px #ebebeb;}
.jobs_list .details{ padding:2% 3%; background-color:#f7f7f7; display:none; border-bottom:solid 1px #ebebeb;}
.jobs_list .details .font{ font-weight:bold;}
.jobs_list .details .txt{ color:#666666;}
.jobs_list .details .info{ display:none; padding-bottom:3%;}

#hide_apply{ display:none; position:fixed; left:0; top:0; background-color:rgba(0, 0, 0, 0.48); width:100%; height:100%; padding-top:15%; z-index:110;}
#hide_apply .table_cell{ width:400px; max-width:96%; margin:auto; background-color:#fff; border-radius:10px; padding:2%; position:relative;}
#hide_apply table td:first-child{ width:30%;}
#hide_apply dl{ padding:1% 0;}
#hide_apply h1{ font-size:18px;}
#hide_apply .text{ width:100%;border-radius:2px; padding:1%; border:solid 1px #e8e8e8;}
#hide_apply .form_err{ color:#F00}
#hide_apply .btn{ width:30%; margin:3%; cursor:pointer; padding:2% 0; border-radius:2px; background-color:#9c292c; color:#fff; border:none;}
#hide_apply .reset{ background-color:#999}
#hide_apply .colse{
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: rgba(0, 0, 0, 0.79);
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
	}

#map{height:362px; border:solid 1px #e4e3e3; margin-top:3%;}
#map img{ max-width: none;}
#map *{ box-sizing:content-box;}

.detail-article{ clear:both; overflow:hidden;}
.detail-article .title,
.detail-article .time{ text-align:center; font-weight:normal; padding:10px 0; margin:0 }
.detail-article .title{ font-size:24px; padding-top:2%; line-height:30px;}
.detail-article .time{font-size:14px; border-bottom:1px dotted #ebebeb; display:block;}

.detail-article .video{ position:relative; padding-top:60%;}
.detail-article .video embed,
.detail-article .video video{ position:absolute; top:0; width:100%!important; height:100%!important;}

.detail-product{ padding:3% 0;}
.detail-product .detail{ padding-bottom:40px;}
.detail-product .photo{ float:left; width:45%; position:relative;}

/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border:1px solid #888;margin:0px;background-color:#fff;cursor:move;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:1px solid #ccc;overflow:hidden; top:0 !important;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}

*html .zoom-section{display:inline;clear:both;}
.zoom-small-image{ position:relative; float:left; width:82%; max-height:558px; background-color:#f4f4f4;}
.zoom-small-image a{margin: 0 auto;} 
.zoom-small-image .cloud-zoom img{ max-height:558px;}
.zoom-small-image i{ z-index:12; background:#fff url(../images/Big.png) no-repeat center center; width:58px; height:58px; position:absolute; right:0; bottom:0;}

.zoom-desc{width:14%; float:right;}
.zoom-tiny-image{border:1px solid transparent;/*margin:5px 0px;*/}
.zoom-tiny-image:hover{border-color: #C00;}

.wap_photo{ position:relative; display:none;}
.wap_photo .bx-controls{z-index:5; text-align:center;}
.wap_photo .bx-controls .bx-pager{ width:100%;}
.wap_photo .bx-pager-item{ *display:inline; display:inline-block; }
.wap_photo .bx-pager-item a{ line-height:0; font-size:0; margin:0 6px; display:inline-block; width:13px; height:13px; cursor:pointer; border-radius:100px; background-color:#eee;}
.wap_photo .bx-pager-item a.active{ background-color:#9c2930; opacity:1}
.wap_photo .bx-controls-direction a{ font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:10%; height:100%; bottom:0; background-repeat:no-repeat; background-position:center center}
.wap_photo .bx-controls-direction a.bx-prev{ left:0;}
.wap_photo .bx-controls-direction a.bx-next{ right:0;}

.detail-product .intro{ float:right; width:50%; line-height:30px;}
.detail-product .intro .h5{ font-size:32px; line-height:40px;}
.detail-product .intro .h6{ font-size:18px; color:#666666; padding:2% 0;}
.detail-product .intro .txt{ padding:20px 0; border-bottom:solid 1px #f4f4f4; margin-bottom:30px;}
.detail-product .intro .btn { display:inline-block; background-image:url(../images/icon2.png); background-position:90%; background-repeat:no-repeat;}
.detail-product .intro .btn a{ font-size:20px; width:186px; line-height:48px; text-indent:55px; display:inline-block; border:solid 1px #f4f4f4; background:url(../images/icon.png) no-repeat 10px;}
.detail-product .intro .btn:hover{ background-position:95%; background-color:#9e2b2e}
.detail-product .intro .btn:hover a{ color:#fff; text-indent:60px;}
.detail-product .ewm_link{ position:relative; margin-bottom:80px;}
.detail-product .ewm_link img{ display:none; position:absolute; top:40px; margin-left:-30px; z-index:8; border:solid 1px #9c292c;  border-radius:4px; padding:6px; width:98px; height:98px; background-color:#fff;}
.detail-product .ewm_link a.ewm:hover:before{content:'';  width: 0;  height: 0;  border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #9c292c; position:absolute; display:block; margin-left:10px; top:35px; z-index:5}
.detail-product .ewm_link a{ display:inline-block; width:55px; height:27px; background-position:left; background-repeat:no-repeat; }
.detail-product .ewm_link a.ewm{  background-image:url(../images/ind_pro_icon_ewm.png); border-right:solid 1px #e5e5e5;}
.detail-product .ewm_link a.cart{  background-image:url(../images/ind_pro_icon_cart.png);}

.detail-product .ewm_link a.ewm:hover,
.detail-product .ewm_link a.cart:hover{ background-position:right;}
.detail-product .ewm_link a.ewm:hover img{ display:block;}

.detail-product .h4{ font-size:16px; border-bottom:solid 1px #ebebeb;}
.detail-product .h4 span{ display:inline-block; line-height:40px; height:45px; color:#971217; text-indent:43px; background:url(../images/icon3.png) no-repeat left; margin-bottom:-1px;}

.single{ color:#4f4f4f; padding:3% 0;line-height:36px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; }
.single img{ max-width:100%;}

.editor_about h5{ text-align:center; font-size:24px; position:relative; padding:2% 0;}
.editor_about h5:after{ display:block; position:relative; width:57px; height:3px; background-color:#9c292c; content:''; margin:auto; bottom:-10px;}
.editor_about center{ color:#666666; padding:2% 0}
.editor_about .fl,
.editor_about .fr{ width:48%; border:solid 1px #ebebeb; overflow:hidden;}
.editor_about .ul li{ float:left; width:50%; text-align:center; padding-top:3%;}
.editor_about .ul li b{ display:block; font-weight:normal; font-size:18px; padding:20px 0}
.editor_about .ul li figure{ border:solid 1px #ebebeb; display:inline-block; margin:auto; border-radius:100px;}
.editor_about .ul li figure img{ padding:20px;}
.editor_about .fl .ul li:nth-child(1),
.editor_about .fl .ul li:nth-child(4){ background-color:#fbfbfb;}
.editor_about .fr .ul li:nth-child(1),
.editor_about .fr .ul li:nth-child(4){ background-color:#fbfbfb;}

.editor_about .odd,
.editor_about .even{ overflow:hidden; padding:4% 0}
.editor_about .odd .photo,
.editor_about .even .txt{ float:left; width:48%}
.editor_about .odd .txt,
.editor_about .even .photo{ float:right; width:48%;}
.editor_about .txt {color:#666666;}
.editor_about .txt .p{ padding-left:47px; padding-bottom:20px;}
.editor_about .odd .txt{ padding-right:10%;}
.editor_about .even .txt{ padding-left:10%;}
.editor_about .h4{ line-height:50px; padding-left:47px;  font-size:18px; background-repeat:no-repeat; background-position: left; color:#333333}
.editor_about .n1{background-image:url(../../uploadfiles/image/img1.png);}
.editor_about .n2{background-image:url(../../uploadfiles/image/img2.png);}
.editor_about .n3{background-image:url(../../uploadfiles/image/img3.png);}
.editor_about .n4{background-image:url(../../uploadfiles/image/img4.png);}
.editor_about .n5{background-image:url(../../uploadfiles/image/img5.png);}
.editor_about .n6{background-image:url(../../uploadfiles/image/img6.png);}
.editor_about .n7{background-image:url(../../uploadfiles/image/img7.png);}
.editor_about .n8{background-image:url(../../uploadfiles/image/img8.png);}

.editor_shzr .fl{width:54%; }
.editor_shzr .fr{ width:43%}

.editor_qyrl .fl{width:40%; }
.editor_qyrl .fr{ width:58%}

.survey{ padding:3% 0}
.survey ul{ padding:0; margin:0; border-bottom: 1px dashed #dadada;}
.survey ul li{ list-style:none; padding:10px 0}
.survey ul ul{ border-bottom:none;}
.survey ul ul li{ padding:5px 10px; display:inline-block;}
.survey ul li:first-child{ font-size:16px;}
.survey .btn_box{ padding:3% 0;}
.survey .btn_box .btn{ color:#fff; border:none; cursor:pointer;font-size:16px; width:160px; line-height:40px; display:inline-block; border:solid 1px #9C292C; background:#9C292C url(../images/icon2.png) no-repeat 95%; border-radius:6px;}

.trackingTit { font-size: 16px; color: #555; line-height: 20px; text-align: center; padding:20px 0;}
.trackingTit a { color: #ea444b; white-space:nowrap; display:inline-block; }
.trackingTit a:hover { text-decoration: underline; }

.trackingCon p{ padding:0; margin:0;}
.trackingCon .iconCon { margin-bottom: 20px; background-color: #e5e4e4; overflow: hidden; }
.trackingCon .iconBox { position: relative; float: left; width: 272px; padding-bottom: 1000px; margin-bottom: -1000px; vertical-align: middle; background-color: #8f8172; text-align: center; overflow: hidden; }
.trackingCon .trackingInfo { margin-left: 272px; padding: 25px 35px; min-height:150px; }
.trackingCon .trackingInfo ul{ padding:0; margin:0;}
.trackingCon .trackingInfo li { margin-bottom: 2px; overflow: hidden; }
.trackingCon .trackingInfo li .short { float: left; width: 426px; margin-right: 2px; }
.trackingCon .trackingInfo li .short p { background-color: #f5f5f5; border: 1px solid #d3d2d2; padding: 10px 20px; font-size: 14px; line-height: 18px; color: #555; }
.trackingCon .trackingInfo li .short p span { color: #888; margin-right: 15px; }
.trackingCon .trackingInfo li .short p input[type='text'] { padding: 0; margin: 0; width: 295px; height: 18px; font-size: 14px; color: #555; line-height: 18px; outline: none; border: none; background: none; }
.trackingCon .trackingInfo li .long { width: 854px; }
.trackingCon .trackingInfo li .long p { background-color: #f5f5f5; border: 1px solid #d3d2d2; padding: 10px 20px; font-size: 14px; line-height: 18px; color: #555;  }
.trackingCon .trackingInfo li .long p span { color: #888; margin-right: 15px; }
.trackingCon .trackingInfo li .long p input[type='text'] { padding: 0; margin: 0; width: 720px; height: 18px; font-size: 14px; color: #555; line-height: 18px; outline: none; border: none; background: none; }
.trackingCon .trackingInfo li .qtr { float: left; width: 212px; margin-right: 2px; }
.trackingCon .trackingInfo li .qtr p { background-color: #f5f5f5; border: 1px solid #d3d2d2; padding: 10px 0 10px 10px; font-size: 14px; line-height: 18px; color: #555; }
.trackingCon .trackingInfo li .qtr p span { color: #888; margin-right: 5px; }
.trackingCon .trackingInfo li .qtr p select { padding: 0; margin: 0; width: 100%; height: 18px; font-size: 14px; color: #555; line-height: 18px; outline: none; border: none; background: none; }
.trackingCon .trackingInfo li .qtr p input[type='text'] { padding: 0; margin: 0; width: 105px; height: 18px; font-size: 14px; color: #555; line-height: 18px; outline: none; border: none; background: none; }
.trackingCon .iconWord { position: absolute; width: 100%; left: 0; }
.trackingCon .iconWord i { display: block; margin-bottom: 15px; }
.trackingCon .iconWord .cn { font-size: 14px; font-weight: bold; color: #fff; }
.trackingCon .iconWord .en { font-size: 12px; color: #b8b0a8; }
.trackingCon .surveyInfoCon .iconWord i { margin-bottom: 10px; }
.trackingCon .surveyInfoCon .iconWord .cn, .trackingCon .surveyInfoCon .iconWord .en { font-size: 16px; color: #ccc7c1; line-height: 22px; font-weight: normal; }



.info_back{ padding:1% 0; border-top:1px dotted #ebebeb;}
.info_back a{ padding:0 10px; cursor:pointer; color:#fff; background-color:#9C292C; display:inline-block;}
.info_back a:hover{background-color:#fed001;}
.info_prev_next{padding:1% 0;}
.info_prev_next span{ padding-top:5px; display:block;}

.ul_sitemap{ padding:0; margin:0;}
.ul_sitemap li{ list-style:none; padding:10px 0;}
.ul_sitemap li strong{ display:block;}
.ul_sitemap li a{ white-space:nowrap;}

.ind_menu_pro{ position:absolute; width:230px; /*height:508px;*/ z-index:99;}
.ind_menu_pro h3 { cursor:pointer; position:relative;line-height:36px; padding-left:55px; font-size:16px;  background-color:rgba(255, 255, 255, 0.60);}
.ind_menu_pro h3 span.img1{ position:absolute; left:10px; top:5px; width:100%;}
.ind_menu_pro.show  h3 { color:#991017;background-color:rgba(255, 255, 255, 0.95);}
.ind_menu_pro ul { height:0; overflow:hidden;  background-color:rgba(255, 255, 255, 0.95);}
.ind_menu_pro ul li a{ display:block; position:relative; line-height:74px; padding-left:55px; overflow:hidden;}
.ind_menu_pro ul li a:hover{ background-color:#fde253}
.ind_menu_pro ul li span{ display:inline-block;}
.ind_menu_pro ul li a img{ width:30px; height:30px;}
.ind_menu_pro ul li a span.img1,
.ind_menu_pro ul li a span.img2{ left:10px; position:absolute; width:100%;}
.ind_menu_pro ul li a img{ width:30px; height:30px;} 
.ind_menu_pro ul li.on a,
.ind_menu_pro ul li a:hover{ background-color:#950b00; border-color:#950b00; color:#fff;}
.ind_menu_pro ul li a span.img2,
.ind_menu_pro ul li a:hover span.img1,
.ind_menu_pro ul li.on a span.img1{ top:-100px;}
.ind_menu_pro ul li a span.img1,
.ind_menu_pro ul li a:hover span.img2,
.ind_menu_pro ul li.on a span.img2{ top:23px;}
.ind_menu_pro.show ul{ height:100%;}

.menu_pro{ position:fixed; left:2%; height:100%; top:0; z-index:102}
.menu_pro .table{ display:table; height:100%;}
.menu_pro .table_cell { display:table-cell; vertical-align:middle;}
.menu_pro ul li a{ position:relative; padding:50px 16px 10px 16px; display:block; border:solid 1px #ebebeb; border-top:none; text-align:center; background-color:#fff; overflow:hidden;}
.menu_pro ul li:nth-child(1) a{border-top:solid 1px #ebebeb;}
.menu_pro ul li a span{ display:block;}
.menu_pro ul li a span.img1,
.menu_pro ul li a span.img2{ left:0; position:absolute; width:100%;}
.menu_pro ul li a span.img1{ top:15px;}
.menu_pro ul li a span.img2{ top:-100px;}
.menu_pro ul li a img{ width:30px; height:30px;} 
.menu_pro ul li.on a,
.menu_pro ul li a:hover{ background-color:#950b00; border-color:#950b00; color:#fff;}
.menu_pro ul li a:hover span.img1,
.menu_pro ul li.on a span.img1{ top:-100px;}
.menu_pro ul li a:hover span.img2,
.menu_pro ul li.on a span.img2{ top:15px;}
.menu_pro ul li{ position:relative;}
.menu_pro ul li:hover:before,
.menu_pro ul li.on:before{content:'';  width: 0;  height: 0;  border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #9c292c; position:absolute; display:block; right:-5px; top:46%; z-index:5}

.menu_pro_sub{ padding:1% 0; background-color:#f4f4f4;}
.menu_pro_sub span{ padding-right:30px;}
.menu_pro_sub span:last-child{ padding-right:0;}
.menu_pro_sub span a{ color:#989898; border-bottom:solid 2px transparent; display:inline-block;}
.menu_pro_sub span.on a,
.menu_pro_sub span a:hover{ color:#333333; border-color:#333333;}
/*index*/

.ind_ban{position:relative;}
.ind_ban ul li{ height:508px; background-repeat:no-repeat; background-position: center center;}
.ind_ban ul li a{ position:absolute; width:100%; height:100%; left:0; top:0; display:block;}
.ind_ban ul li img{ display:none;}
.ind_ban .bx-controls{z-index:5; text-align:center;}
.ind_ban .bx-controls .bx-pager{ position:absolute; width:100%;  bottom:5%;}
.ind_ban .bx-pager-item{ *display:inline; display:inline-block; }
.ind_ban .bx-pager-item a{ line-height:0; font-size:0; margin:0 6px; display:inline-block; width:13px; height:13px; cursor:pointer; border-radius:100px; background-color:#fff;}
.ind_ban .bx-pager-item a.active{ background-color:#9c2930; opacity:1}
.ind_ban .bx-controls-direction a{ font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:10%; height:100%; bottom:0; background-repeat:no-repeat; background-position:center center}
.ind_ban .bx-controls-direction a.bx-prev{ left:0;}
.ind_ban .bx-controls-direction a.bx-next{ right:0;}

.ind_news { line-height:49px;}
.ind_news .auto{ padding-left:160px;  padding-right:70px;}
.ind_news h2{ font-size:16px; text-indent:36px; left:2%; position:absolute; width:136px; background:url(../images/ind_news_icon.png) no-repeat left;}
.ind_news ul li{ overflow:hidden;}
.ind_news ul li span{ display:block; float:right;color:#ababab; width:100px;}
.ind_news ul li a{ text-indent:10px; display:block; float:left; width:70%}
.ind_news ul li a:before{ left:0; top:48%; position:absolute; content:''; width:3px; height:3px; border-radius:100px; background-color:#cccccc;}
.ind_news .bx-controls{ position:absolute; right:2%; top:0}
.ind_news .bx-controls .bx-controls-direction a{  font-size:0; line-height:0; overflow:hidden; margin:0px 5px;}
.ind_news .bx-controls .bx-controls-direction a:before{ font-size:20px; font-family:'宋体'}
.ind_news .bx-controls .bx-prev:before{ content:'<'}
.ind_news .bx-controls .bx-next:before{ content:'>'}
.ind_news .bx-controls .bx-controls-direction a:before:hover{ color:#9c282b;}

.ind_product{ background-color:#fafafa; border-top:solid 1px #ebebeb; padding:2% 0}
.ind_product h2{ padding-bottom:2%; font-size:22px;}
.ind_product ul { border:solid 1px #f3f3f3; background-color:#fff;}
.ind_product ul li{ float:left; width:25%; padding:2%; text-align:center; border-left:solid 1px #f3f3f3; border-top:solid 1px #f3f3f3; position:relative;}
.ind_product ul li i{ width:58px; position:absolute; right:0; top:0; color:#fff; z-index:99; font-style:normal; }
.ind_product ul li i:before{ content:'';  width: 0;  height: 0;  border-top: 58px solid #eb8e2e;  border-left: 58px solid transparent; position:absolute; right:0; top:0;}
.ind_product ul li i font{font-size:14px; font-style:normal; position:absolute; width:90%; display:block; text-align:right;}
.ind_product ul li .pic{ position:relative; overflow:hidden; position:relative; padding-top:100%;}
.ind_product ul li .pic img,
.ind_product ul li .pic a{position:absolute; width:100%; height:100%; top:0; left:0;}
.ind_product ul li .pic a{ z-index:8;padding-top:45%; background-color:rgba(0, 0, 0, 0.3);  color:#fff; opacity:0}
.ind_product ul li .pic a b{font-size:16px; font-weight:normal; display:block; position:relative; line-height:40px;}
.ind_product ul li .pic a b:before,
.ind_product ul li .pic a b:after{ width:0; content:''; position:absolute;}
.ind_product ul li .pic a b:before{ left:0; top:0; border-top:solid 1px #fff;}
.ind_product ul li .pic a b:after{ right:0; bottom:0; border-bottom:solid 1px #fff;}
.ind_product ul li h4{font-size:16px; padding-top:4%;color: #991017;}
.ind_product ul li h5{ font-size:18px; margin:10px 0;  line-height:30px;}
.ind_product ul li h5 a{color:#232323;}
.ind_product ul li p{ color:#989898;}
.ind_product ul li:hover h5 a,
.ind_product ul li h5 a:hover{ color:#991016}
.ind_product ul li p{ font-size:14px;}
.ind_product ul li dl{ position:relative; margin-top:3%;}
.ind_product ul li dl img{ display:none; position:absolute; bottom:40px; margin-left:-20px; z-index:8; border:solid 1px #9c292c;  border-radius:4px; padding:6px; width:98px; height:98px; background-color:#fff;}
.ind_product ul li dl a.ewm:hover:before{content:'';  width: 0;  height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #9c292c; position:absolute; display:block; margin-left:25px; top:-6px; z-index:5}
.ind_product ul li dl a{ display:inline-block; width:55px; height:27px; background-repeat:no-repeat;  background-position:left;}
.ind_product ul li dl a.ewm{ background-image:url(../images/ind_pro_icon_ewm.png); border-right:solid 1px #e5e5e5;}
.ind_product ul li dl a.cart{ background-image:url(../images/ind_pro_icon_cart.png);}
.ind_product ul li dl a.ewm:hover,
.ind_product ul li dl a.cart:hover{ background-position:right;}
.ind_product ul li h6{ font-size:18px; color:#980c19; padding-top:10px;}
.ind_product ul li.list p{ display:none;}
.ind_product ul li.list h5{ height:30px; height:inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ind_product ul li.hot{ width:50%;border-top:none}
.ind_product ul li.hot i:before{ border-top-color:#991017}
.ind_product ul li.hot .pic{ float:right; width:50%; padding-top:50%;}
.ind_product ul li.hot .txt{ float:left; width:46%; padding-top:10%}
.ind_product ul li:nth-child(1),
.ind_product ul li:nth-child(3){ border-left:none}
.ind_product ul li:nth-child(3){ clear:both}
.ind_product ul li:hover .pic a{opacity:1}
.ind_product ul li:hover .pic a b:before,
.ind_product ul li:hover .pic a b:after{ width:100%;}
.ind_product ul li:hover {box-shadow:0px 2px 10px #d2d2d2; }
.ind_product ul li dl a.ewm:hover img{ display:block;}


/*
 .Map000101 服务网点
 */
.Map000101{ padding:20px 0;}
.Map000101 .map{width:55%; float:left;}
.Map000101 .map #allMap{height:450px; width:100%;}
.Map000101 .map #allMap img{ max-width:none;}
.Map000101 .info{ float:right; width:45%;max-height:450px; overflow:auto;}
.Map000101 .info li{ line-height:25px;padding:20px; border-bottom:1px #dbdbdb dotted;}
.Map000101 .info li p{ margin:0;}
.Map000101 .info li h1{ margin:0;font-size:14px;}
.Map000101 .info li.on{ background-color:#eee;}
.Map000101 .info li.on{ background-color:#eee;}
.Map000101 .info .text { width: 25%; border-radius: 2px;padding: 1%; border: solid 1px #e8e8e8;}
.Map000101 .info .btn { width: 15%; cursor: pointer; padding: 1% 0; border-radius: 2px; background-color: #9c292c; color: #fff;  border: none;}

/*index end*/

@media screen and (max-width:1500px){
.product_list ul,
.detail-product,
#boxpro .footer .nav,
#boxpro .footer .other,
#boxpro .footer .subnav{ padding-left:95px;}
#boxpro .menu_pro_sub .auto{ padding-left:120px;}
}
@media screen and (max-width:1220px){
.ind_ban ul li{ height:400px; background-size: cover;}


.ind_menu_pro h3 span.img1{ top:12px;}
.ind_menu_pro{ /*height:400px;*/}	
.ind_menu_pro ul li a{ line-height:58px;}
.ind_menu_pro ul li a span.img1,
.ind_menu_pro ul li a:hover span.img2,
.ind_menu_pro ul li.on a span.img2{ top:11px;}
	
	.trackingCon .iconBox{ width: 22.5%;}
	.trackingCon .trackingInfo{ margin-left: 22.5%;}
	.trackingCon .trackingInfo li{ margin-bottom: 0;}
	.trackingCon .trackingInfo li .short{ width: 100%; margin-bottom: 2px; float: none; box-sizing: border-box;}
	.trackingCon .trackingInfo li .long{ width: 100%; box-sizing: border-box; margin-bottom: 2px;}
	.trackingCon .trackingInfo li .qtr{ float: none; width: 100%;}
	.trackingCon .surveyInfoCon .trackingInfo li .short p span,
	.trackingCon .surveyInfoCon .trackingInfo li .long p span,
	.trackingCon .surveyInfoCon .trackingInfo li .qtr p span{ float: left; margin-right: 0;}
	.trackingCon .surveyInfoCon .trackingInfo li .long p i,
	.trackingCon .surveyInfoCon .trackingInfo li .short p i,
	.trackingCon .surveyInfoCon .trackingInfo li .qtr p i{ display: block; margin-left: 85px;}
	.trackingCon .surveyInfoCon .trackingInfo li .long p i input[type='text'],
	.trackingCon .surveyInfoCon .trackingInfo li .short p i input[type='text'],
	.trackingCon .surveyInfoCon .trackingInfo li .qtr p i input[type='text']{ width: 100%;}
	.trackingCon .trackingInfo li .qtr{ margin-bottom: 2px;}
}
@media screen and (max-width:1000px){
.header .search{ width:200px;}
.header .other .cart{margin-left:5px;}
}
@media screen and (max-width:960px){
.header{ height: auto;}
.header .search{ position:relative; top: auto; width:100%; clear:both; right:auto; padding:2% 0; border:none; background-color:transparent; border-radius:0}
.header .search span{ display:block;  background-color: #484848;  border-radius: 100px;  border: solid 1px #403d37; position:relative; padding-left:15px; padding-right:40px;}
.header .search .text{ height:28px; line-height:28px;}
.header .search .btn{ height:26px;}
.news_list .hot .intro .more{ position:relative;}
.news_list .hot .intro{ width:55%;}
}

@media screen and (max-width:768px){
.icon_menu{display:block;}
.header .nav{ line-height:40px; padding-top:46px; display:none; position:absolute; right:-100%; background-color:#9c292c; width:55%;}
.header .nav li{ padding-left:0; float:none; border:solid 1px #9c292c; background-color:#fff; text-align:center; font-size:16px;}
.header .nav li b{ display:block;}
.header .nav li b a,
.header .nav li.on b a{ color:#9c292c;}
.header .nav li#nav4 dl{ min-width:100%; left:0;}
.header .show{ display:block; right:0; }
.header .other{ padding-right:60px;}


.header .nav li:hover{ padding-bottom:0;}
.header .nav li dl{ position:relative; left:0; top:0; height:0;}
.header .nav li:hover>dl{ height:auto;}

.location{ position:relative; padding:2%;  border-bottom: solid 1px #ebebeb;}
.sidebar{ border-bottom:none;}
.menu { overflow:auto; padding:2% 0;}



.service  h4{ font-size:22px;}
.service ul li b{ font-size:16px;}
.news_list .hot .intro{ width:52%;}
.news_list .list,
.down_list ul li{ font-size:14px;}
.news_list .list{ padding:2% 2% 2% 3%;}
.news_list .hot time b{ font-size:24px;}
.news_list .hot .intro{ width:48%;}
.news_list .list time{ font-size:12px; padding-right:0;}
.news_list .list time:before{ display:none;}

.editor_about h5{ font-size:18px;}
.editor_about .ul li figure img{ padding:10px;}
.editor_about .ul li b{ font-size:14px;}


.Map000101 .map,
.Map000101 .info{ float:none; width:100%;}
.footer .fl,
.footer .fr{ float:none; width:100%;}
}
@media screen and (min-width:640px){
.product_list ul li{width:23.5%; }
.product_list ul li:nth-child(4n+1){ clear:both; margin-left:0;}

.case_list ul li{width:23.5%; }
.case_list ul li:nth-child(4n+1){ clear:both; margin-left:0;}
	}
@media screen and (max-width:640px){
.footer .fl,
.footer .fr{ width:100%; float: none;}
.footer .fr span{ display:block;}
.menu ul li{ padding-left:0; padding-right:15px;}
.header .other{ padding-right:50px; font-size:14px;}
.header .other a{ float:left;}
.header .other .cart{ text-indent:-500px; overflow:hidden; padding:0; width:22px;}
.main{ min-height:200px}

#boxpro .footer .nav,
#boxpro .footer .other,
#boxpro .footer .subnav{ padding-left:0;}
#boxpro .menu_pro_sub .auto{ padding-left:2%;}

.ind_news .auto{ padding-left:130px; padding-right:45px;}
.ind_news ul li span{ display:none;}
.ind_news ul li a{ width:90%; float:none;}
.login_box .login,
.login_box .photo{ float:none; width:100%;}
.login_box .login{ border-left:none; border-bottom: solid 1px #ebebeb;}

.jobs_list .j_work,
.jobs_list .j_num,
.jobs_list .j_place,
.jobs_list .j_time:last-child{ display:none;}
.jobs_list .j_time{ width:25%;}
.jobs_list .j_title{ width:75%;}
.jobs_list .details .info{ display:block;}
.jobs_list .name,
.jobs_list .list{ padding-right:20px;}
.jobs_list .list:before{ font-size:26px;}

.service  h4{ font-size:16px;}
.service ul li{ width:49%;}
.service ul li:nth-child(2n+2){ margin-right:0;}
.service ul li figure img{ max-width:40%;}
.service ul li span img{ max-width:30%;}

.product_list ul,
.detail-product{ padding-left:0px;}
.product_list ul li{ width:49%; padding:2%;}
.product_list ul li:nth-child(2n+1){ clear:both; margin-left:0;}
.product_list ul li h5{ font-size:16px;}

.editor_about .fl,
.editor_about .fr,
.editor_shzr .fl,
.editor_shzr .fr,
.editor_qyrl .fl,
.editor_qyrl .fr{ float:none; width:100%; margin:2px 0;}

.ind_menu_pro{ height:auto;}
.ind_menu_pro h3{}
.ind_menu_pro ul{ height:100%;}
.ind_menu_pro{ position:relative; width:100%;}
.ind_menu_pro ul li{ width:33.333%; float:left;}
.ind_menu_pro ul li a{ line-height:46px;}
.ind_menu_pro ul li a span.img1,
.ind_menu_pro ul li a:hover span.img2,
.ind_menu_pro ul li.on a span.img2{ top:7px;}


.menu_pro{ left:0; width:100%; position:inherit; overflow:hidden;}
.menu_pro .table,
.menu_pro .table_cell{ display:block;}
.menu_pro ul li{ float:left; width:25%;}
.menu_pro ul li:hover:before,
.menu_pro ul li.on:before{ display:none;}
.menu_pro ul li a{ border-left:none; border-top:none; padding:50px 0 5% 0}
.menu_pro ul li:nth-child(1) a{ border-top:none;}
.menu_pro ul li:nth-child(4n+4) a{ border-right:none;}

.menu_pro_sub{ padding:3% 0;}

.ind_ban ul li{ background:none!important; height:auto;}
.ind_ban ul li img{ display: block;}

.zoom-section{ display:none;}
.wap_photo{ display:block;}
.detail-product .photo,
.detail-product .intro{ float:none; width:100%;}
.detail-product .intro{ padding-top:20px;}
.detail-product .intro .h5{ font-size:22px;}

.case_list ul li{ width:49%; padding:2%;}
.case_list ul li:nth-child(2n+1){ clear:both; margin-left:0;}
.case_list ul li h5{ font-size:14px;}

.ind_product ul li.hot .pic{ padding-top:100%;}
.ind_product h2{ font-size:18px;}
.ind_product ul li{ width:50%;}
.ind_product ul li.hot .pic,
.ind_product ul li.hot .txt{ float:none; width:100%;}
.ind_product ul li.hot .txt{ padding-top:0;}
.ind_product ul li:nth-child(2n+1){ clear:both; border-left:none;}
.ind_product ul li h5{ font-size:16px; margin:5px 0;}
.ind_product ul li.list p{ display:block;}


	.trackingCon .iconBox{ float: none; width: 100%; padding-bottom: 0; margin-bottom: 0;}
	.trackingCon .trackingInfo{ margin-left: 0;}
	.trackingCon .iconWord{ position: static; left: auto; top: auto; overflow: hidden;}
	.trackingCon .iconWord i{ float: left; margin-bottom: 0; margin-left: 35px; height: 90px; line-height: 90px; vertical-align: middle;}
	.trackingCon .iconWord i img{ vertical-align: middle;}
	.trackingCon .iconWord .cn{ padding-top: 30px;}
	
.editor_about .odd,
.editor_about .even{ padding:2% 0;}
.editor_about .odd .photo,
.editor_about .even .txt,
.editor_about .odd .txt,
.editor_about .even .photo{ float:none; width:100%;}
.editor_about .odd .txt,
.editor_about .even .txt{ padding:2% 0;}


.FloatNav{ top:inherit; bottom:0; position:relative; height:inherit; z-index:103}
.FloatNav .table{ display:block}
.FloatNav .table_cell{ display:block;}
.FloatNav .table_cell dl{ float:left; width:50%;}
.FloatNav dl{ position:inherit;}
.FloatNav dl dt{ width:inherit; width:100%; padding:6% 0; background-position: 20% center;border-radius:0;}
.FloatNav dl.online dt{ border-right:solid 1px #d7a9ab}
.FloatNav dl dd{ top:inherit; bottom:10%; height:inherit; right:inherit;}
.FloatNav dl.online dd{ left:10%;}
.FloatNav dl.buy dd{ right:10%;}
.FloatNav dl dd div:before{ display:none;}
.FloatNav dl.online dd a.pc{ display:none;}
.FloatNav dl.online dd a.wap{ display: block;}


#goToTop{ bottom:6%;}

.news_list .hot .auto{ padding:0}
.news_list .hot .pic{ width:100%; float:none;}
.news_list .hot time{ position:absolute; background-color:#fff; margin:0; padding:2%; opacity:0.8}
.news_list .hot time b{ line-height:30px;}
.news_list .hot .intro{ width:100%; float:none; padding-top:3%;}


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

	.trackingCon .iconWord i{ height: 46px; line-height: 46px; margin-left: 15px;}
	.trackingCon .iconWord i img{ height: 23px;}
	.trackingCon .iconWord .cn{ padding-top: 0; line-height: 23px;}
	.trackingCon .iconWord .en{ line-height: 23px;}
	.trackingCon .trackingInfo{ padding: 15px;}
}
@media screen and (max-width:320px){

}
.zoom-section .zoom-small-image #wrap{ z-index:10 !important;}
.zoom-desc .sNext,
.zoom-desc .sPrev{ width:100%; height:25px; color:#fff; text-align:center; display:block; background:rgba(199,199,199,0.2); line-height:25px;}
.zoom-desc .sNext:after,
.zoom-desc .sPrev:after{ content:''; width: 0; height: 0; display:inline-block; margin:0 auto;}
.zoom-desc .sNext:after{border-right: 10px solid transparent; border-top: 10px solid #f18686; border-left: 10px solid transparent;}
.zoom-desc .sPrev:after{border-right: 10px solid transparent; border-bottom: 10px solid #f18686; border-left: 10px solid transparent;}
.zoom-desc li{ margin:0 0 3px;}
.zoom-desc img{ width:100%; height:100%; display:block;}