@charset "utf-8";
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:#3d3d3d; width:100%; min-width:320px;  position:relative;font-family:"Arial"; overflow-x:hidden; font-family:"Arial",微软雅黑; font-size:14px;}
.ul,li,form, dl,dt,dd, div,nav,menu,.p,figure{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.mp{ margin:0px; padding:0px;}
select,input,textarea{  font-size:14px;border-radius:0; -webkit-border-radius:0; color:#414446;font-family:"Arial";}
input:focus { outline: none;}
input,button,select,textarea{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:#353535; 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:#169049;}
.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;}
.body{}

.fl{ float:left;}
.fr{ float:right;}
.auto{ position:relative; width: 100%; margin: 0 auto; min-width:320px; max-width:1200px;}

.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.header{ 
/*position:fixed; left:0; top:0; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(12,9,8,0) 65%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(12,9,8,0) 65%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(12,9,8,0) 65%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); 
background-color:rgba(255,255,255,0.85);*/
}
.header .auto{z-index:100; padding-top:10px; padding-bottom:10px; position:relative;}
.header .logo{}
.header .btn_nav{ display:none;}
.header .nav{ position:absolute; right:0; bottom:-1px;}
.header .nav ul li{ float:left; padding:0px 25px 15px 25px; position:relative; }
.header .nav ul li:last-child{ padding-right:0;}
.header .nav ul li a{line-height:36px;}
.header .nav ul li a.a1{ position:relative; font-size:16px; display:block;  height:36px; color:#28282d; position:relative;}
.header .nav ul li a.on,
.header .nav ul li a.a1:hover{ color:#28282d;}
.header .nav ul li a.a1.on:before,
.header .nav ul li.show a.a1:before{ content:""; position:absolute; width:100%; bottom:0px; border-bottom:solid 2px #28282d}
.header .nav ul li.show a.a1:after{ content:""; position: relative; display:block; margin:auto; width:17px; height:9px; top:6px; z-index:88; background:url(../images/icon.jpg) no-repeat;}
.header .nav ul li dl{ display:none; left:0; position:absolute; top:51px; width:450px; padding:0px 30px; background-color:#fff;}
.header .nav ul li dl dt{ float:left; width:40%; padding:23px 0; border-right:solid 1px #e6e6e7; min-height:250px;}
.header .nav ul li dl dt span{ position:relative; display:block; /*float:left;*/ width:96%; padding-left:15px;}
.header .nav ul li dl dt span:before{ left:0; top:18px; content:""; position:absolute; width:7px; height:1px; background-color:#313131;}
.header .nav ul li dl dt span a{ color:#6f6f6f;}
.header .nav ul li dl dt span a:hover{ color:#ca1005; font-weight:bold;}
.header .nav ul li dl dt span a.on{ color:#ca1005;}
.header .nav ul li dl dd{ float:right; width:50%; padding:23px 0; text-align: center;}
.header .nav ul li dl dd figure{ padding-bottom:15px;}
.header .nav ul li dl dd figure img{ max-width:100%;}
.header .nav ul li dl dd center img{ width:50%;}
.header .nav ul li dl dd p{ padding:0px; margin:0px;}
.header .nav ul li dl dd p span{ display:block;}
.header .nav ul li dl dd p span.en{ color:#b4b4b4; font-size:12px;}
.header .nav ul li:nth-child(5) dl,
.header .nav ul li:nth-child(6) dl,
.header .nav ul li:nth-child(7) dl,
.header .nav ul li:nth-child(8) dl,
.header .nav ul li:nth-child(9) dl{ left:auto; right:0;}

.header .other{ position:absolute; right:0; top:10px; color:#a8a8a8; line-height:26px; z-index:88;}
.header .other a{color:#a8a8a8; padding-left:25px; margin-right:10px; cursor:pointer;}
.header .other a.icon-login{background:url(../images/icon_t1.jpg) no-repeat left;}
.header .other a.icon-reg{ padding-left:0;}
.header .other a.icon-sina-weibo{background:url(../images/icon_t2.jpg) no-repeat left;}
.header .other a.icon-wechat2{background:url(../images/icon_t3.jpg) no-repeat left;}
.header .other a.icon-tmall{ margin-right:0; padding-left:35px; background:url(../images/icon_t4.jpg) no-repeat left;}
.header .other a img{ position:absolute; display:none; width:175px; height:175px; z-index:88;}
.header .other span.search{ display:inline-block; padding-right:62px; position:relative;}
.header .other span.search .text{ width:0px; line-height:26px; height:26px; padding:0px 5px; border-radius:4px; border:solid 1px #fff; -moz-transition:all 0.7s;  -ms-transition:all 0.7s;  -o-transition:all 0.7s;  -webkit-transition:all 0.7s; transition:all 0.7s;}
.header .other span.search .btn{ font-size:14px; color:#a8a8a8; right:0px; top:0px; padding-left:33px; position:absolute; height:26px; cursor:pointer; border:none; background:url(../images/icon_t5.jpg) no-repeat left;}
.header .other span.search:hover .text{ width:150px; border-color:#cccccc;}


.location{ text-align:right; font-family:宋体; color:#949494; font-size:12px; line-height:50px; margin-bottom:30px;}
.location a:nth-child(1){ padding-left:17px; background:url(../images/location_icon.jpg) no-repeat left;}
.location a:hover{ color:#169049;}
.location a,
.location span{ color:#000000; padding:0px 5px;  font-family:微软雅黑;}

.column{ text-align:center; text-align:center; background:url(../images/column_line.jpg) repeat-x center 10px; margin-bottom:4%;}
.column em{display:inline-block;  background-color:#fff; font-style:normal;color:#6f6f6f; font-size:15px;}
.column em.cn{ font-size:30px; padding:0px 43px;}
.column em.en{ display:block; }



.news-info { padding:2% 0;}
.news-info .h5{ text-align:center; font-size:24px; color:#8d837a; line-height:28px;}
.news-info .time{ text-align:center; font-size:14px; color:#838383; padding:10px 0;}
.news-info .singlePage { border-top:dotted 1px #b4b4b4; border-bottom:dotted 1px #b4b4b4;}

.singlePage{ padding:2% 0; color:#585858;}
.txt_ppjs{ overflow:hidden;}
.txt_ppjs .fl{ width:40%;}
.txt_ppjs .fr{ width:58%;}
.txt_ppjs .f{ text-align:center; padding:2% 0 5% 0; color:#000; text-transform:uppercase;}
.txt_ppjs .f b{ font-size:24px; font-weight:normal;}


.info_back{ padding-bottom:3%;}
.info_back span{ padding:2px 0; display:block;}
.info_back span:first-child a{ display:inline-block; color:#fff; padding:0.2% 2%; border-radius:18px; background-color:#8d837a;}
.info_back a{ color:#848484;}

.footer{ border-top:solid 1px #f1f1f1; padding:2% 0;}
.footer nav dl{ float:left; width:10.80%; margin-right:4%; line-height:30px;  min-height:150px;}
.footer nav dl:last-child{ margin-right:0;}
.footer nav dl dt{ padding-left:30px; font-size:15px; border-bottom:solid 1px #e0e0e0; height:30px; height:40px; background:url(../images/footer_nav.png) no-repeat;}
.footer nav dl:nth-child(1) dt{ background-position:left top;}
.footer nav dl:nth-child(2) dt{ background-position:left -40px;}
.footer nav dl:nth-child(3) dt{ background-position:left -80px;}
.footer nav dl:nth-child(4) dt{ background-position:left -120px;}
.footer nav dl:nth-child(5) dt{ background-position:left -160px;}
.footer nav dl:nth-child(6) dt{ background-position:left -200px;}
.footer nav dl:nth-child(7) dt{ background-position:left -240px;}
.footer nav dl dd{ padding:10px 0;}
.footer nav dl dd span{padding-left:30px;  font-size:13px; display:block; background:url(../images/footer_a_line.png) no-repeat 12px;}
.footer nav dl dd a{ color:#9d9d9d;}
.footer nav dl dd a:hover{ color:#353535;}
.footer menu { padding-top:1%; border-top:solid 1px #e0e0e0;}
.footer menu a{color:#656565; margin-right:20px; position: relative;}
.footer menu a:hover{ color:#353535;}
.footer menu a:before{ content:""; display:block; position:absolute; right:-10px; top:3px; background-color:#dedede; width:1px; height:12px;}
.footer dl .wanhu{ opacity:0.4}
.footer dl.copyright{ color:#8f8f8f;}
.footer dl.copyright span.icp{ float:right;}
.footer #istop{ z-index:888; cursor:pointer; width:40px; height:40px; display:block; position:fixed; right:2%; bottom:10%; border-radius:100%; background:#000 url(../images/istop.png) no-repeat center center; border:solid 1px #8d837a;  opacity:0.6}
.footer #istop:hover{ background-color:#c1ae8b;}

.banner img{ max-width:100%;}


.link_list ul li{ float:left; width:23.3%; margin-right:2%; padding:1% 0;}
.link_list ul li figure{ border:solid 1px #dddddd; padding-bottom:58.5%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.link_list ul li:nth-child(4n){ margin-right:0;}
.link_list ul li a{ display:block;}
.link_list ul li h5{ font-size:15px; text-align:center; padding:10px 0;}

.download_list ul li{ font-size:16px; position:relative; padding:6px 70px 6px 28px; border-bottom: dashed 1px #e1e1e1;line-height:26px; background:url(../images/icon2.jpg) no-repeat 2px 10px; }
.download_list ul li span{ font-size:14px; color:#757575; position:absolute; right:0;  border:solid 1px #ededed; border-radius:4px; display:block; width:62px; text-align:center; text-shadow: #fff 0 1px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,eeeeee+50,e2e2e2+50,d3d3d3+100 */
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #eeeeee 50%, #e2e2e2 50%, #d3d3d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#eeeeee 50%,#e2e2e2 50%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f6f6 0%,#eeeeee 50%,#e2e2e2 50%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */

}

.webform{ overflow:hidden; padding:2% 0 4% 0;}
.webform table td{ padding:5px; vertical-align:top}
.webform table td.td_name{ width:25%; text-align:right;white-space:nowrap;}
.webform table td.td_txt{ color:#929292;}
.webform table td.td_txt .form_err{ color:#ff0000;}
.webform .text{ font-size:12px; border:solid 1px #e2e2e2; padding:0px 10px; width:100%; line-height:30px; height:30px;}
.webform .textcode{ width:30%;}
.webform textarea.text{ height:160px;}
.webform .imgcode{ height:40px;}
.webform .btn{ background:#dd1d1d; cursor:pointer; border:none; font-size:16px; color:#fff; border-radius:4px; padding:9px 35px;}
.webform .reset{ background-color:#c2c2c2; margin-left:5%;}

.ul_sitemap li{ border-bottom: dotted 1px #d3d3d3; padding:10px 0;}
.ul_sitemap li a{ white-space:nowrap;}
.ul_sitemap li strong{ padding-right:10px;}

.font_list ul li{ font-size:16px; position:relative; padding:6px 0px 6px 28px; border-bottom: dashed 1px #e1e1e1;line-height:26px; background:url(../images/icon2.jpg) no-repeat 2px 10px; }
.font_list ul li span{ float:right; padding-left:10px;}

.Pages{ padding:3% 0; text-align: center; }
.Pages a{ color:#acacac; border:solid 1px #edecec; display:inline-block; padding:4px 12px; overflow:hidden; position:relative; background-color:#fff;}
.Pages a.a_cur,
.Pages a:hover{ border-color:#d6010f; background-color:#d6010f; color:#fff;}
.Pages em{ font-style:normal;}
.Pages a.a_prev,
.Pages a.a_next{}
.a_prev::before,
.a_next::before{}
.a_prev::before{ content:''}
.a_next::before{ content:''}
.p_cur,
.p_count,
.p_total,
.p_jump{ display:none;}

.mesh{ padding:3% 5%; overflow:hidden;}
.mesh .left{ width:45%; float:left;}
.mesh .left .t{ padding:33px 39px 0 40px; height:130px; font-size:18px; background:#fafafa; border-top-left-radius:50px;}
.mesh .left .mesh-sear{ background:#fff url(../images/map_search.png) no-repeat right; border:1px solid #e5e5e5; height:53px; line-height:53px; margin-top:13px; overflow:hidden;}
.mesh .left .mesh-sear a{ float:right; width:41px; height:53px;}
.mesh .left .mesh-sear input{ height:53px; line-height:53px; width:80%; padding-left:10px; font-size:16px; border:none;}

.mesh .left .list{}
.mesh .left .list li{ padding:21px 0; border-bottom:1px solid #f2f2f2;}
.mesh .left .list li .h3{ font-size:18px; font-weight:normal; color:#222; margin:0; line-height:28px;}
.mesh .left .list li .h3 em{ vertical-align:middle; display:inline-block; width:28px; height:28px; text-align:center; color:#fff; background:#e60027; border-radius:100px; font-style:normal; margin-right:15px;}
.mesh .left .list li .txt{ font-size:14px; color:#848484;}

.mesh .right{ width:52%; float:right;}
.mesh .right #map{ width:100%; height:555px; border:2px solid #a2a2a2;}
.mesh .right #map img{ max-width:none;}

#container{position:relative;}
.grid{width:25%; float:left;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;transition: top 1s ease, left 1s ease;}
.grid a{ margin:0 7px 22px 7px; display:block; position:relative; border:solid 1px #eeeeee; background-color:#fff;
 	-webkit-box-shadow-bottom:0px 2px 1px #f4f4f4;
	-moz-box-shadow-bottom:0px 2px 1px #f4f4f4;
	box-shadow: 0px 5px 0px #f4f4f4;}
.grid:nth-child(2) a,
.grid:nth-child(4) a{ margin-top:28px;}
.grid figure{ padding-bottom:6px; overflow:hidden;}
.grid figure img{ width:100%;transform:scale(1); -transform:scale(1); -ms-transform:scale(1);-webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s}
.grid a:hover img{ transform:scale(1.2); -transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s;}
.grid h1{ margin:0; font-weight:normal; font-size:16px;}
.grid p{ margin:4% 0; line-height:18px; color:#a3a3a3; font-size:12px; padding-bottom:4%; border-bottom:dashed 1px #d1d1d1;}
.grid time{ display:block; font-size:12px; color:#6c6c6c;background:url(../images/icon3.png) no-repeat right; }
.grid dl{ padding:15px;}

.video_list ul li{ position:relative; float:left; width:32%; margin-right:1.5%; margin-bottom:2%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.video_list ul li:nth-child(3n){ margin-right:0;}
.video_list ul li a{ display:block; padding-bottom:60%;}
.video_list ul li video{ width:100%; height:100%; position:absolute;}

.product_list ul li{ float:left; width:25%; margin-right:12.5%;  color:#969696; padding-bottom:2%;  font-size:12px;}
.product_list ul li:nth-child(3n){ margin-right:0;}
.product_list ul li a{ display:block; }
.product_list ul li h5{ font-size:15px; font-weight:bold; padding-top:15px;}
.product_list ul li b,
.product_list ul li h5{ color:#6d6d6d;}
.product_list ul li p{ height:72px; overflow:hidden;}
.product_list ul li span{ display:block;}
.product_list ul li figure{ padding-bottom:90%; background-repeat:no-repeat; background-position:center center; background-size:contain;}

.category_intro  .column{ margin-left:52px; margin-right:52px;}
.category_intro .logo{ text-align:center; padding-bottom:3%;}
.category_intro  .intro{ overflow:hidden; margin-bottom:3%;}
.category_intro  .intro .fl{ width:40%;}
.category_intro  .intro .fr{ width:57%;}
.category_intro  .intro .fr_img{ float:right; padding-left:5%;}
.category_intro .txt{ padding:0 13% 3% 13%; text-align:center; color:#a4a4a4; font-size:12px;}
.category_intro .bx-wrapper{ position:relative; padding-left:72px; padding-right:72px; margin-bottom:3%;}
.category_intro .bx-pager{ text-align:center; height:50px;}
.category_intro .bx-pager-item{ display:inline-block; padding:0px 5px; line-height:17px;}
.category_intro .bx-pager-item a{ display:inline-block; border-radius:100px; border:solid 1px #aaaaaa; width:17px; height:17px; font-size:0; line-height:0;}
.category_intro .bx-pager-item a.active{ background-color:#aaaaaa;}
.category_intro .bx-controls-direction a{  font-size:0; line-height:0; border-radius:100px; position:absolute; top:30%; border:solid 1px #bfbfbf; width:52px; height:52px; background-image:url(../images/pro_prev_next.png); background-repeat:no-repeat;}
.category_intro .bx-controls-direction a.bx-prev{ left:0px; background-position:left;}
.category_intro .bx-controls-direction a.bx-next{right:0; background-position:right;}

.f_24{ font-size:24px;}

/*index*/
.ind_ban{ position:relative;}
.ind_ban .bx-pager { z-index:88; position:absolute; width:100%; bottom:5%; height:60px; text-align:center; background:url(../images/ban_icon.png) no-repeat center bottom;}
.ind_ban .bx-pager-item{ display:inline-block; padding:0px 5px; line-height:17px;}
.ind_ban .bx-pager-item a{ display:inline-block; border-radius:100px; border:solid 2px #fff; width:17px; height:17px; font-size:0; line-height:0; overflow:hidden;}
.ind_ban .bx-pager-item a.active{ background-color:#fff;}
.ind_ban .bx-controls-direction a{ z-index:55; font-size:0; line-height:0; position:absolute; top:40%; width:49px; height:49px; background-image:url(../images/indban_prev_next.png); background-repeat:no-repeat;}
.ind_ban .bx-controls-direction a.bx-prev{ left:18%; background-position:left;}
.ind_ban .bx-controls-direction a.bx-next{right:18%; background-position:right;}

.ind_photo ul li{ float:left; width:25%;position:relative; overflow:hidden;}
.ind_photo ul li a{ z-index:5; display:block;  color:#fff; position:absolute; width:100%; height:100%; text-align:center; background-color:rgba(0, 0, 0, 0.40);-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 0.3s ease;transition:all 1s ease;}
.ind_photo ul li dl{ padding:15% 5% 0% 5%}
.ind_photo ul li a h5{ font-size:20px;}
.ind_photo ul li a  p{ padding-bottom:10%;}
.ind_photo ul li a .more{ font-size:16px; border:dashed 1px #fff; display:inline-block; padding:6px 30px;}
.ind_photo ul li figure{
	/*padding-bottom:62%; */
	background-repeat:no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
	transform:scale(1); 
	-transform:scale(1); 
	-ms-transform:scale(1);
	-webkit-transition:all 1s ease 0.2s; 
	transition:all 1s ease 0.2s
}
.ind_photo ul li:hover figure{
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%); 
	filter:normal;
	transform:scale(1.2); 
	-transform:scale(1.2); 
	-ms-transform:scale(1.2); 
	-webkit-transition:all 1s ease 0.2s; 
	transition:all 1s ease 0.2s;
}
.ind_photo ul li:hover a{ color:#000; background-color:transparent;}
.ind_photo ul li:hover a .more{ color:#fff; border-color:#000; background-color:rgba(23, 23, 23, 0.59)}

/*10-26*/
.pro_select .btn{width: 266px; height: 38px; float: left; background: url(../images/select_bg.png) 0 0 no-repeat; position: relative; cursor: pointer;}
.pro_select .btn span{display: block; height: 38px; line-height: 38px; padding: 0 40px 0 10px; color: #939393;}
.pro_selectR{margin-left: 27px;}
.pro_select .btn ul{width: 100%; position: absolute; top: 38px; left: 0; background: #fff; z-index: 9; border: 1px solid #ccc; display: none;}
.pro_select .btn ul li{padding: 0 10px;}
.pro_select .btn ul li a{height: 30px; line-height: 30px; display: block;}
.pro_select .pro_selectR ul li{display: none;}
.pro_selectR ul.on li{display: block;}


/*详细*/
.pro_conInfo{margin-top: 40px;}
.dtailed_left{width: 460px; float: left;}
.dtailed_pic{width: 460px; height: 362px; border: 1px solid #f0f0f0; overflow: hidden;}
.dtailed_pic img{width: 100%; height: 362px;}
.dtailed_list{width: 100%; height: 66px; margin-top: 14px; position: relative;}
.dtailed_list .sPrev{width: 30px; height: 66px; position: absolute;left: 0; top: 0; background: url(../images/icon_proL.png) 0 50% no-repeat;}
/*.dtailed_list .sPrev:hover{ background: url(../images/icon_proL.png) 0 50% no-repeat;}*/
.dtailed_list .sNext{width: 30px; height: 66px; position: absolute;right: 0; top: 0; background: url(../images/icon_proR.png) 0 50% no-repeat;}
.dtailed_min{width: 390px; margin: 0 auto; overflow: hidden; }
/*.dtailed_list .sNext:hover{ background: url(../images/pro_infoBtn2_2.png) 0 50% no-repeat;}*/

.dtailed_min ul li{width: 113px; height: 65px; float: left; padding-right: 12px;}
.dtailed_min ul li img{width: 117px; height: 63px; border: 1px solid #f0f0f0;}
.dtailed_min ul li:hover img{border: 1px solid #ffd6d6;}

.dtailed_right{width: 600px; float: left; margin-left: 36px;}
.dtailed_title{font-size: 24px; color: #000; font-weight: bold;}
.dtailed_text{font-size: 14px; line-height: 0.5px; color: #585858; margin-top: 20px;}
.dtailed_tip{margin-top: 40px; font-size: 16px; color: #000; font-weight: bold;}
.dtailed_btn{margin-top: 19px;}
.dtailed_right .dtailed_btn a{display: block; float: left; padding-left: 46px; color: #fff; line-height: 39px; font-size: 16px;}
.dtailed_right .dtailed_btn a:hover{color: #fff;}
.dtailed_right .dtailed_btn .dtailed_btnL{width: 100px; height: 40px; background:  #8fc67a url(../images/pro_btn1.png) 20px 50% no-repeat; border-radius: 4px;}
.dtailed_right .dtailed_btn .dtailed_btnR{width: 125px; height: 40px;margin-left: 12px; background: #f95a5a url(../images/pro_btn2.png) 14px 50% no-repeat; border-radius: 4px;}

.dtailed_con{margin-top: 70px;}
.pro_infoB{margin-top: 70px;}

@media screen and (max-width:1210px){
.auto{ padding:0 2%;}
.header .auto{ padding-bottom:0;}
.header .nav{ position:relative;}
.header .other{ right:2%; top:25%;}


.mesh{ padding:1%;}
    
.dtailed_left{width: 50%;} 
.dtailed_right{width: 48%; margin-left: 2%;}
}
@media screen and (max-width:1000px){

.header .nav ul li{ padding-left:15px; padding-right:15px;}

.footer nav dl{ width:22%;}
.footer nav dl:nth-child(4){ margin-right:0;}	

.webform table td.td_name{ width:16%;}

.mesh .right #map{ height:400px;}

.video_list ul li{ width:49%;}
.video_list ul li,
.video_list ul li:nth-child(3n){ margin-right:2%;}
.video_list ul li:nth-child(2n){ margin-right:0;}

.product_list ul li{ width:30%; margin-right:5%; }

.ind_photo ul li{ width:50%;}

.dtailed_pic{width: 100%;}
.dtailed_min{width: 100%;}
.dtailed_list .sPrev{display: none;}
.dtailed_list .sNext{display: none;}
}
@media screen and (max-width:850px){
	.header .nav ul li{ padding-left:10px; padding-right:10px;}
}

@media screen and (max-width:768px){
.header .auto{ padding-bottom:10px;}
.header .nav{ top:97px; position:fixed; height:100%; bottom:inherit; display:none; width:70%; background-color:rgba(0, 0, 0, 0.78);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;}
.header .nav ul li{float:none; padding:10px 0; text-align:center; border-bottom:solid 1px #555}
.header .nav ul li a.a1{ color:#fff; padding:15px 0; display:inline; font-size:20px;}
.header .nav ul li.show a.a1:after{ display:none;}
.header .nav ul li a.on,
.header .nav ul li a.a1:hover{ color:#fff;}
.header .nav ul li a.a1.on:before,
.header .nav ul li.show a.a1:before{ display:none;}
.header .nav ul li dl{ position:relative; width:auto; background-color:transparent; top:auto; padding:0;}
.header .nav ul li dl dt{ float:none; width:100%; border-right: none; min-height: inherit; padding:0;}
.header .nav ul li dl dt span{ float:none; width:100%; border-top: dotted 1px #777;}
.header .nav ul li dl dt span a{ color:#fff; font-size:14px;}
.header .nav ul li dl dd{ display:none;}

.header .other{ display:none;}
.icon_nav{ display:block; width:40px; height:32px; position:absolute; right:2%; top:52%; margin-top:-16px; overflow:hidden; text-indent:-999em; z-index:10; cursor:pointer;}
.icon_nav a{ width:100%; height:5px; background-color:#231815; position:absolute; left:0; top:50%; margin-top:-2.5px; border-radius:3px; -webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.icon_nav a::before,
.icon_nav a::after{ position:absolute; content:'';width:100%; height:5px;background-color:#231815;left:0;border-radius:3px; -webkit-transition:all ease 0.3s;transition:all ease 0.3s;}
.icon_nav a::before{ top:-13px;}
.icon_nav a::after{ bottom:-13px;}
.header .show a{ background-color:transparent;}
.header .show a::before{ transform:rotate(-45deg); top:0; }
.header .show a::after{ transform:rotate(45deg);top:0;}

.link_list ul li{ width:23%; }
.link_list ul li:nth-child(4n){ margin-right:0;}

.grid:nth-child(4) a{ margin-top:0px;}

.product_list ul li{ width:48%;}
.product_list ul li,
.product_list ul li:nth-child(3n){ margin-right:4%; }
.product_list ul li:nth-child(2n){ margin-right:0;}
    
.dtailed_left{width: 100%; margin-top: 20px;} 
.dtailed_right{width: 100%; margin-left: 0; margin-top: 20px;}    
.dtailed_list{display: none;}
}

@media screen and (max-width:640px){
.footer nav dl{ margin-right:0; width:25%; min-height:inherit;}
.footer nav dl dd{ display:none;}
.footer nav dl dt{ border-bottom:none; font-size:14px;}
.footer dl.copyright span{ display:block;}
.footer dl.copyright span.icp{ float:none;}
.footer #istop{ bottom:2%; width:45px; height:45px; opacity:0.6}

.location{ margin-bottom:0;}
.column em.cn{ font-size:18px; padding:0px 20px;}
.column em.en{ font-size:12px;}

.Pages .a_first,
.Pages .a_end{ display:none;}

.link_list ul li{ width:48%; }
.link_list ul li,
.link_list ul li:nth-child(4n){margin-right:4%;}
.link_list ul li:nth-child(2n){ margin-right:0;}

.news-info .h5{ font-size:16px; line-height:24px;}

.webform table td{ display:block; width:100%; padding:0;}
.webform table td.td_name{text-align:left;padding-top:10px;}

.mesh .right,
.mesh .left{ float:none; width:100%; margin-bottom:2%;}

.grid a{ padding:5px; }
.grid a::before{right:5px;}
.grid:nth-child(2) a,
.grid:nth-child(4) a{ margin-top:0px;}

.video_list ul li{ width:100%; float:none; margin-bottom:4%;}
.video_list ul li:nth-child(3n),
.video_list ul li:nth-child(2n){ margin-right:0;}

.product_list ul li{ width:100%; float:none; padding-bottom:6%;}
.product_list ul li,
.product_list ul li:nth-child(3n){ margin-right:0; }
.product_list ul li p{ height:auto;}

.category_intro  .intro .fl,
.category_intro  .intro .fr,
.category_intro  .intro .fr_img{ width:100%; float:none;padding:2% 0;}

.ind_photo ul li dl{ padding-top:10%;}
.ind_photo ul li a h5{ font-size:18px;}
.ind_photo ul li a .more{ padding:3px 20px;}

.pro_select .btn{width: 48%; margin: 0 1%; line-height: 5%; background-size: 100% 100%;}
.pro_selectR{margin-left: 0;}
}
@media screen and (max-width:480px){
.txt_ppjs .fl,
.txt_ppjs .fr{ float:none; width:100%; padding:2% 0;}

.grid h1{ font-size:14px;}

.ind_photo ul li{ width:100%; float:none;}

}
@media screen and (max-width:330px){
.footer nav dl dt {border-bottom: none;font-size: 12px;}
.footer nav dl dt{padding-left: 27px;}
}

/*2016.10.19*/
.islogin{display:none}