﻿@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{font-family:Arial, Helvetica, sans-serif;  margin:0px; padding:0px; margin:0px auto; line-height:24px; color:#433f37; width:100%; min-width:320px;  position:relative; overflow-x:hidden; font-size:14px; background:url(../images/bg_body.jpg) repeat left top}
.body2{ background:url(../images/bg_body2.jpg) repeat left top}
.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:Arial, Helvetica, sans-serif; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family:Arial, Helvetica, sans-serif;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:#433f37; 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:#e41111}
.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;}

.animate,
.ind_product .txt i,
.ind_product ul li .txt,
.ind_product .bx-pager-item a,
.ind_news .fr ul li,
.header .nav li,
.header .nav,
.product_list_new ul li .txt,
.news_list *,
.editor_product *,
.ind_intro .list .txt,
.menu h3,
.product_list ul li dl{-moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -webkit-transition:all 0.75s ease;transition:all 0.75s ease;}
.product_list ul li.n3{ margin-left:0; clear:both;}

.fl{ float:left;}
.fr{ float:right;}

.news_list .list img,
.honor_list ul li .pic span,
.link_list ul li .pic span{
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
}
.news_list .list:hover img,
.honor_list ul li:hover .pic span,
.link_list ul li:hover .pic span{
	 transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
}


.container{ padding-bottom:60px;}
.sidebar{ padding:2.5% 0;}
.body2 .sidebar{ background-color:#fbf7e9;}
.body2 .main{ padding-top:3%;}
.main{ min-height:100px;}
.auto{margin:0 auto; max-width:1200px;  position:relative;}
.auto_1440{margin:0 auto; max-width:1440px;  position:relative;}
.menu{ text-align:center; }
.menu h3{font-size:40px; color:#6c5421; line-height:60px; position:relative; margin-bottom:3%}
.menu h3 i{ display:inline-block; padding:0px 24px; font-style:normal;}
.menu h3 img{ vertical-align:middle}
.menu h3:before,
.menu h3:after{width:136px; height:9px; content:''; background-repeat:no-repeat; display:inline-block;}
.menu h3:before{ background-image:url(../images/menu_line_left.png); background-position:right}
.menu h3:after{background-image:url(../images/menu_line_right.png); background-position:left;}
.menu ul{transition:all ease-in-out 0.3s; font-size:16px;}
.menu ul li{ display:inline-block; position:relative; line-height:51px; padding:0px 20px;*display:inline; zoom:1; height:51px;}
.menu ul li a,
.menu ul li a i{ display:block;}
.menu ul li a i{ font-style:normal;}
.menu ul li.on a,
.menu ul li.on a i{ background-image:url(../images/menu_bg.png); background-repeat:no-repeat;}
.menu ul li.on a{ padding-left:38px; color:#e41111; background-position:left top; }
.menu ul li.on a i{ padding-right:38px; background-position: right bottom;}
.menu ol{ padding-top:2%;}
.menu ol li{ display:inline-block; padding:0px 20px; font-size:16px;}
.menu ol li a{ color:#b9b4a6}
.menu ol li a i{ font-style:normal;}
.menu ol li.on a,
.menu ol li a:hover{ color:#e30015;}


.sidebar .submenu{  background-color:#f0ecdb; margin-top:2.5%; text-align:center;}
.sidebar .submenu .auto{padding:1% 0; }
.sidebar .submenu .auto:before{ content:''; display:inline-block; position:absolute; top:-8px; left:45%; width:14px; height:8px; background:url(../images/submenu_icon.png) no-repeat;}
.sidebar .submenu span{ padding:0px 20px;}
.sidebar .submenu span a{ color:#433f37; white-space:nowrap;}
.sidebar .submenu span.on a,
.sidebar .submenu span a:hover{ color:#e41111;}
.sidebar #category{  background-color:#bea874; margin-top:2.5%}
.sidebar #category .auto:before{ background:url(../images/category_icon.png) no-repeat;}
.sidebar #category span a{ color:#fff;}
.sidebar #category span.on a,
.sidebar #category span a:hover{ color:#352705;}

.table{ display:table; width:100%; height:100%; text-align:center;}
.table-cell{display:table-cell; vertical-align:middle;}

.location{ text-align:center; opacity:0.5}
.location,
.location a{color:#433f37; }


.header{ position:relative; width:100%; z-index:100;  background:#fff url(../images/header_bg.jpg) repeat-x left top; }
.h_header{ display:none;}
.header .auto_1440{ position:inherit;}
.header .logo{ padding-top:38px;}
.header .nav{  text-align:right; line-height:60px; margin-top:-30px;}
.header .nav ul{/*word-spacing: -4px;*/}
.header .nav li{ padding-left:1.5%; display:inline-block; transition:all ease-in-out 0.3s;*display:inline; zoom:1;}
.header .nav li b{ font-size:16px; font-weight:normal;}
.header .nav li b a{ display:block; color:#6c5421; font-size: 14px;}
.header .nav li.on b a,
.header .nav li.hover b a{ color:#e41111;}
.header .nav li#nav1{ padding-left:0;}

.header .nav li .sub{ padding:54px; left:0; color:#6c5421; line-height:30px; position:absolute; display:none; min-width:100%; background:url(../images/subnavbg.jpg) repeat left top;}
.header .nav li .sub dl{ max-width:1000px; margin:auto;}
.header .nav li .sub dl dt{ text-align:center; float:left; width:200px; margin-right:40px;}
.header .nav li .sub dl dt span a{ color:#6c5421; line-height:37px; display:block; height:37px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .nav li .sub dl dt span a:hover{ color:#e41111;  background:url(../images/subnav_a.png) no-repeat center center;}
.header .nav li .sub dl dd{ text-align:left; position:relative; float:left; max-width:744px; padding-left:293px; min-height:150px; width:70%;}
.header .nav li .sub dl dd p{ opacity:0.5; margin-bottom:20px;}
.header .nav li .sub dl dd .img{ left:0; position:absolute; padding:9px; border:solid 1px #bea874; width:258px;}
.header .nav li .sub dl dd .img img{ width:240px; max-height:149px;}
.header .nav li .sub dl dd .more{ display:block; width:43px; height:41px; background:url(../images/icon_more2.png) no-repeat;}

/*.header .nav li{-webkit-perspective: 500px;}*/

.header .nav li .sub{	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>.sub{
	-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{ float:right; position:relative; top:35px;}
.header .other a{ cursor:pointer; margin-left:6px;}
.header .other .lan{ font-size:16px; color:#baad91; padding:0px 14px; margin-left:0; margin-right:10px; background:url(../images/lan.png) no-repeat right center; display:inline-block; position:relative; cursor:pointer;}
.header .other .language{ display:none; position:absolute; border:solid 1px #baad91; padding:10px; border-radius:6px; background-color:#fff; z-index:2; right:0; top:100%; white-space:nowrap;}
.header .other .language a{ color:#baad91; margin:0; display:block; background-color:#fff; text-align:center;}
.header .other .enable{ display:block;}
.header .other a{color:#baad91;}
.header .other a:hover{ color:#e41111;}
.header .other .code{position: relative; cursor:pointer;}
.header .other .code .code_pic{position: absolute; right: 0; top: 100%; display: none; z-index: 101;}
.header .other .code .code_pic img{max-width: 100px; display: block;}
.header .search{ position:absolute; top:35px; width:210px; padding-right:36px;}
.header .search .text{ font-size:14px; padding:0 5px; width:100%; border: solid 1px #bea874; height:29px; line-height:29px; background:#fff; color:#ccc2b1; border-radius:4px 0 0 4px;}
.header .search .btn{ position:absolute; right:0; top:0; width:36px; height:29px; border:none; background:#baad91 url(../images/search_bg.png) no-repeat; border-radius:0 4px 4px 0; cursor:pointer;}

.fixed{ position:fixed; top:0}

.banner{}


.icon_menu{ display:none; z-index:100; width:32px; height:32px; position:absolute; top:36%; right:3%;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon_menu a{ width:100%; height:4px; background-color:#e8300c; position:absolute; right:0; top:50%; margin-top:-2.5px;}
.icon_menu a::before,
.icon_menu a::after{ position:absolute; content:'';width:100%; height:4px;background-color:#e8300c;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{ background-color:transparent;}
.on.icon_menu a::before{ transform: rotate(-45deg); top:0}
.on.icon_menu a::after{ transform: rotate(45deg); bottom:0}



#goToTop{ text-align:center; position: absolute; width:100%; left:0;}
#goToTop a{ position:relative; top:-37px; width:74px; height:74px; line-height:0; font-size:0; display:block; background:url(../images/istop.png) no-repeat center center; margin:0 auto; z-index:1;}

.footer{ font-size:12px; background-color:#2b2223; position:relative;}
.footer,
.footer a{ color:#DBD8CE;}
.footer a:hover,
.footer .subnav dl dt a:hover{ color:#e41111}
.footer .subnav{ padding:4% 0; border-bottom:solid 1px #342a2a;}
.footer .subnav dl{ float:left; width:14%; padding-right: 2%;}
.footer .subnav dl dt{ padding:4% 0;}
.footer .subnav dl dt a{ font-size:14px; color:#fbf7e9;}
.footer .subnav dl dd span{ display:block; padding:6px 0;}
.footer .subnav dl dd span a{line-height: 18px; display: block;}

.footer .other{ padding:1% 0;}
.footer .other .fl .hotline{ background:url(../images/hotline.png) no-repeat left; padding-left:30px;}
.footer .other .fl .hotline b{ color:#e41111; font-size:24px; font-family:宋体; font-weight:normal;}
.footer .other .fl .wap{ display:none;}
.footer .other .fl a{ position:relative; display:inline-block; margin-right:8px;}
.footer .other .fl a:before{ content:''; position:absolute; height: 60%; top: 17%; border-right: solid 1px #423836; right: -7px; }
.footer .other .fl a:last-child:before{ display:none;}
.footer .other .fr{ text-align:right;}
.footer .beian{ text-align:center; padding:10px 0;}
.footer .beian img{ vertical-align:middle; margin-right:10px;}
/* .footer .beian a{ display:inline-block; padding-left:25px; background:url(../images/ghs.png) no-repeat left;} */
.jiathis_style_32x32 a{ text-indent:inherit!important; margin:0 2px!important; display:inline-block; float:none!important; background-image:url(../images/share.png)!important;background-position: center top!important; width:32px; cursor:pointer;}
.more .jiathis_style_32x32 .jiathis_txt{ display:none !important;}
.fr .jiathis_style_32x32 .jiathis_txt{ display:none !important;}

.footer .other .fr .jiathis_style_32x32{ overflow:hidden;}
.footer .other .fr .jiathis_style_32x32+div{ clear:both;}
.footer .other .fr .jiathis_style_32x32 a{ text-indent:inherit!important; margin:0 2px!important; display:block; float:right!important; background-image:url(../images/share.png)!important;background-position: center top!important; height:30px !important;}

.jiathis_style_32x32 a:hover{ background-position:left top!important;}
.jiathis_style_32x32 a:before{ position:relative; content:''; display: inline-block; width:32px; height:30px; background-image:url(../images/share_icon.png); background-repeat:no-repeat;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.5}
.jiathis_style_32x32 a:hover:before{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:normal; opacity:1;}
.jiathis_style_32x32 a.jiathis_button_tsina:before{ background-position:center top;}
.jiathis_style_32x32 a.jiathis_button_weixin:before{ background-position:center center;}
.jiathis_style_32x32 a.jiathis_button_tqq:before{ background-position:center bottom;}

/*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 4px; padding:2px 14px; border:solid 1px #d1c7b0; overflow:hidden;}
.Pages a:hover,
.Pages em a.a_cur{color:#fff; background-color:#e41111; border-color:#e41111;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages em a{ margin:0 1px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .a_first,
.Pages .a_end{}
.Pages .a_prev,
.Pages .a_next{ background-position:center center; background-repeat:no-repeat; text-indent:-999px;}
.Pages .a_prev{ background-image:url(../images/a_prev.png)}
.Pages .a_next{ background-image:url(../images/a_next.png)}
.Pages .a_prev:hover{ background-image:url(../images/a_prev_hover.png)}
.Pages .a_next:hover{ background-image:url(../images/a_next_hover.png)}

/*pages end*/

#map{height:362px; border:solid 1px #e4e3e3; margin-top:3%;}
#map img{ max-width: none;}
#map *{ box-sizing:content-box;}

.bg{ padding-top:10%; background-image:url(../images/article-bg.png); background-repeat:no-repeat; background-position:center top}
.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:26px; color:#e12600; padding-top:2%; line-height:30px; border-bottom:solid 1px rgba(108, 84, 33, 0.20);}
.detail-article .time{font-size:14px; border-bottom:1px dotted #ebebeb; display:block;}

.detail-article .video{ position:relative; padding-top:40%; margin:auto; max-width:800px;}

.detail-article .video iframe,
.detail-article .video embed,
.detail-article .video video,
.detail-article .video object{ position:absolute; left:0; top:0; width:100%!important; height:100%!important;}

.detail-article .photo{ text-align:center;}

.detail-article .single{ color:#757168; padding:3% 0;  border-bottom:solid 1px rgba(108, 84, 33, 0.20);}
.detail-article .single p {margin:15px 0;}
.single{ color:#6c5421; line-height:28px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.single img{ max-width:100%;}


.editor_about{ border-top:solid 1px #ded6c0;}
.editor_about .fl,
.editor_about .fr{width:50%; }
.editor_about .fr{ background:#eae0bd url(../images/editor_about_fr_bg.jpg) no-repeat left bottom;}
.editor_about .fl dl,
.editor_about .fr dl{ padding:10px 10%; text-indent:2em;}
.editor_about .fl dl{ color:#fff;}
.editor_about .fr dl{ color:#6c5421;}
.editor_about .txt1{ font-size:16px; padding:2% 0; text-align:center;}
.editor_about .txt2{ background-color:#c39272;}
.editor_about .txt3{ padding:3% 0; text-indent:2em;}
.editor_about .txt4{ background-color:#f3e6c1; box-shadow:0 3px 6px 2px #d4ccb5; margin-bottom:3%;}
.editor_about .txt4 ol{ overflow:hidden;}
.editor_about .txt4 ol li{ float:left; width:33.333%; padding:30px 1.5%; *width:30.33%;}
.editor_about .txt4 ol li:nth-child(2){ background:url(../images/bg_txt1.jpg) repeat left top}
.editor_about .txt4 ol li[data-scroll-reveal="enter top"]{ background:url(../images/bg_txt1.jpg) repeat left top}
.editor_about .txt4 h6{ padding-bottom:6%; position:relative; font-size:30px; text-align:center; color:#765921; line-height:42px;}
.editor_about .txt4 h6 em{ font-style:normal; border:solid 1px #e41615; display:inline-block; width:42px; height:42px; text-align:center; border-radius:100px;}
.editor_about .txt4 h6:before,
.editor_about .txt4 h6:after{ position:absolute; bottom:0; width:35%; height:9px; content:''; background-repeat:no-repeat; display:inline-block;}
.editor_about .txt4 h6:before{ left:13%; background-image:url(../images/menu_line_left.png); background-position:right}
.editor_about .txt4 h6:after{right:13%; background-image:url(../images/menu_line_right.png); background-position:left;}
.editor_about .txt6{ padding-top:2%; overflow:hidden;}
.editor_about .txt6 ul{ margin-right:-2%; overflow:hidden;}
.editor_about .txt6 ul li{ float:left; width:14.667%; margin-right:2%; position:relative; background:url(../images/bg_txt2.jpg);}
.editor_about .txt6 ul li figure{ padding-top:60% \9;}
.editor_about .txt6 ul li:nth-child(odd) figure{ padding-bottom:60%;}
.editor_about .txt6 ul li:nth-child(even) figure{ padding-top:60%;}
.editor_about .txt6 ul li .font{ position:absolute; width:100%; height:50%; font-size:16px; color:#6b5420; top:0 \9; left:0 \9;}
.editor_about .txt6 ul li:nth-child(odd) .font{ bottom:0; top:auto \9;}
.editor_about .txt6 ul li:nth-child(even) .font{ top:0; bottom:auto \9;}

.editor_brand #item1{ background-image:url(../../uploadfiles/image/brand_bg1.jpg);}
.editor_brand #item2{ background-image:url(../../uploadfiles/image/brand_bg2.jpg);}
.editor_brand #item3{ background-image:url(../../uploadfiles/image/brand_bg3.jpg); background-color:#eae6dd;}
.editor_brand #item4{ background-image:url(../../uploadfiles/image/brand_bg4.jpg);}
.editor_brand #item1,
.editor_brand #item2,
.editor_brand #item3,
.editor_brand #item4{ padding:10% 0; background-size: cover; height:100%; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; overflow-x: hidden;}
.editor_brand .icon{ text-align:center; padding:20px 0;}
.editor_brand .icon a{ width:22px; height:22px; display:inline-block; line-height:0; font-size:0; background:url(../images/icon1.png) no-repeat;}

/*质量文化*/
.quality {padding: 10% 0;background-size: cover;height: 100%;background-repeat: no-repeat;background-position: center center;background-attachment: fixed;overflow-x: hidden;}}
.quality .h4 {font-size: 60px;padding-bottom: 4%;line-height: 60px;text-align: center;}
.quality .h4 span{background: url(../images/img_icon.png) no-repeat right 22px;padding: 0px 40px;}
.quality .quality-conten{padding: 5% 0;width: 100%;}
.quality .fr{float: right;}
.quality .fl{float: left;}
.quality .quality-conten p {color: #83714b;font-size: 16px;}
.quality .quality-conten .quality-conten-fl{width: 60%;padding-top: 0;}
.quality .quality-conten .quality-conten-fr{width: 30%;position: relative;}
.quality .quality-conten .quality-conten-fr img {width: 100%;vertical-align: middle;}
.quality .quality-conten .quality-btn {padding-top: 2%;}
.quality .quality-conten .quality-btn ul {clear: both;    padding-inline-start: 0;	overflow: hidden;}
.quality .quality-conten .quality-btn ul li{float: left;background-image: url(../images/no-nav.jpg);height: 40px;width: 21%;margin:0 2%;background-size:  100% 100%;list-style: none;text-align: center; }
.quality .quality-conten .quality-btn ul li a{color: #83714b;line-height: 40px;}
.quality .quality-conten .quality-btn ul  li.on{background-image: url(../images/nav.jpg);color: #fff; }
.quality .quality-conten .quality-btn ul  li.on a{color: #fff}


.editor_brand .inlineBox{display: none;}
.editor_brand a.fancybox{display: block;text-align: center;color: #6c5421; width: 100px; line-height:30px;  margin:12px auto;  border-radius: 4px; position:relative;}
.editor_brand a.fancybox,
.editor_brand a.fancybox:after{border: solid 1px #cda332; background-color: #e2cfa4;}
.editor_brand a.fancybox:hover,
.editor_brand a.fancybox:hover:after{ color:#fff; background-color:#fc8802;border-color:#fc8802;}
.editor_brand a.fancybox:after{ font-weight:bold; font-size:20px; right:-10px; top:5px; position:absolute; display:block; content:'+'; width:20px; height:20px; line-height:20px;border-radius:100px;}

.editor_brand .h4{ font-size:40px; line-height:40px;}

.editor_brand #item1{ text-align:center;}
.editor_brand #item1 .h4{font-size:60px; padding-bottom:10%; line-height:60px;}
.editor_brand #item1 .h4 span{ background:url(../images/img_icon.png) no-repeat right 22px; padding:0px 40px;}
.editor_brand #item1 .box{ text-align:center;}
.editor_brand #item1 ul{ display:inline-block; *zoom:1; *display:inline;}
.editor_brand #item1 ul li{ margin:0 60px; position:relative; display:block; width:196px; height:196px; border-radius:100px; border:solid 1px #6c5421; float:left;}
.editor_brand #item1 ul li span{ line-height:32px; font-size:30px; display:block;  width:2em; padding-top:1em; margin:0 auto;}
.editor_brand #item1 ul li span i{ display:block;  font-style:normal; width:1em; float:left; line-height:1em;}
.editor_brand #item1 ul li:before{ content:''; display:inline-block; background:url(../images/line.png) no-repeat; width:154px; height:37px; position: absolute; bottom:-9%; left:-30%;
animation:lineicon 2s infinite;
-moz-animation:lineicon 2s infinite; /* Firefox */
-webkit-animation:lineicon 2s infinite; /* Safari and Chrome */
-o-animation:lineicon 2s infinite; /* Opera */	
}
@keyframes lineicon
{
0%   { left:-30%}
50%  { left:-20%}
100% { left:-30%}
}
@-moz-keyframes lineicon {
0%   { left:-30%}
50%  { left:-20%}
100% { left:-30%}
}
@-webkit-keyframes lineicon {
0%   { left:-30%}
50%  { left:-20%}
100% { left:-30%}
}
@-o-keyframes lineicon {
0%   { left:-30%}
50%  { left:-20%}
100% { left:-30%}
}

.editor_brand #item2 .h5{ padding:5px 0; font-size:18px;}
.editor_brand #item2 .h5:after{ content:''; position:relative; bottom:-5px; display:block; border-bottom:solid 1px #e30015; width:6%;}
.editor_brand #item2 .fl{ width:47%;}
.editor_brand #item2 .fr{ width:50%;}


.editor_brand #item3{ text-align:center;}
.editor_brand #item3 .h4 i{ font-style:normal; border-left:solid 1px #ecd3cc; display:inline-block; padding:0 10px;}
.editor_brand #item3 .h4 i:last-child{ border-right:solid 1px #ecd3cc; }
.editor_brand #item3 p{ padding:3% 15%;}
.editor_brand #item3 .box{ text-align:center;}
.editor_brand #item3 ul{ display:inline-block; *zoom:1; *display:inline;}
.editor_brand #item3 ul li{ font-size:16px; margin:0 36px; display:block; background:url(../images/font_bg.png) no-repeat; width:51px; line-height:51px; height:158px; position:relative; float:left;}
.editor_brand #item3 ul li span{ display:block; width:16px; height:64px; position:absolute; left:0; top:0; right:0; bottom:0; margin:47px 17px; line-height:16px; text-align:center;}
.editor_brand #item3 ul .li2 span{ height:48px; margin:55px 17px;}

.editor_brand #item4{ text-align:center;}

.editor_product .h4{ font-size:34px; color:#e30b0b; line-height:40px;}

.editor_product #item1{ background-image:url(../../uploadfiles/image/product_bg1.jpg);}
.editor_product #item2{ background:none !important;}
.editor_product #item3{ background-image:url(../../uploadfiles/image/product_bg3.jpg);}
.editor_product #item1,
.editor_product #item2,
.editor_product #item3{ padding:10% 0; background-size: cover; height:100%; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; overflow:hidden; position:relative;}
.editor_product #item2 .bg{ position:fixed; z-index:-1; background-size:cover; left:0; top:0;  background-image:url(../../uploadfiles/image/product_bg2.jpg); width:100%; height:100%; padding:0;}

.editor_product #item1 .photo,
.editor_product #item3 .photo{ width:55%; float:left; padding:0 3%; position: relative;}
.editor_product #item1 .txt,
.editor_product #item3 .txt{ width:40%; float:left; position: relative;}
.editor_product #item2 .txt{ width:45%; padding:3%; background:url(../../uploadfiles/image/bg_09121437.png); position: relative;}

/**/
.editor_product #item1 .photo{ left: -500px; }
.editor_product #item1 .photo.inview{ left: 0px;}
.editor_product #item1 .txt{ right: -500px;}
.editor_product #item1 .txt.inview{ right: 0px;}
.editor_product #item2 .txt{ left:-500px;}
.editor_product #item2 .txt.inview{ left: 0px;}
.editor_product #item3 .photo{ left: -500px; }
.editor_product #item3 .photo.inview{ left: 0px;}
.editor_product #item3 .txt{ right: -500px;}
.editor_product #item3 .txt.inview{ right: 0px;}

.inscription_list { border-top:solid 1px #ddd5be; padding-top:30px; overflow:hidden;}
.inscription_list ul{ margin-right:-16.2%; overflow:hidden;}
.inscription_list ul li{ float:left;  margin-bottom:3%; position:relative; width:19.33333333333333%; margin-right:14%;}
.inscription_list ul li .pic{ padding:10%; background-color:#614321; margin-bottom:3%; }
.inscription_list ul li .pic span{ display:block; padding-top:120%; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative;}
.inscription_list ul li .pic span img{ position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.inscription_list ul li h5{ font-size:16px; line-height:40px;}



.honor_list{ overflow:hidden;}
.honor_list ul{ overflow:hidden; margin-right:-7.5%;}
.honor_list ul li{ float:left; margin-bottom:3%; width:26.333333333%; margin-right:7%;}
.honor_list ul li .pic{ overflow:hidden; background:url(../images/honor_pic_bg.jpg) no-repeat center center; background-size:cover; padding:10%;}
.honor_list ul li .pic span{ padding-top:60%; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1))); position:relative;}
.honor_list ul li .pic span img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.honor_list ul li h5{ position:relative; font-size:16px; padding:5% 15% 5% 5%; border:solid 1px #eadaa9; border-top:none;}
.honor_list ul li h5:before,
.honor_list ul li h5:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.honor_list ul li h5:before{ background-position:left bottom; left:0}
.honor_list ul li h5:after{ background-position:right bottom; right:0;}
.honor_list ul li h5 i{ font-style:normal; display:block;}
.honor_list ul li h5 i:before{content:''; position:absolute; display:block; width:27px; height:27px; right:5%; background:url(../images/icon3.png) no-repeat left;}
.honor_list ul li:hover h5 i:before{ background-position:right;}


.link_list{ overflow:hidden;}
.link_list ul{ margin-right:-7.5%; overflow:hidden;}
.link_list ul li{ float:left; margin-bottom:3%; width:26.33333333333333%; margin-right:7%;}
.link_list ul li .pic{ overflow:hidden;}
.link_list ul li .pic span{ padding-top:30%; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#fff; position:relative;}
.link_list ul li .pic span img{ position:absolute; display:block; max-height:100%; max-width:100%; left:0; top:0; right:0; bottom:0; margin:auto;}
.link_list ul li h5{ position:relative; font-size:16px; padding:5% 15% 5% 5%; border:solid 1px #eadaa9; border-top:none;}
.link_list ul li h5:before,
.link_list ul li h5:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.link_list ul li h5:before{ background-position:left bottom; left:0}
.link_list ul li h5:after{ background-position:right bottom; right:0;}
.link_list ul li h5 i{ font-style:normal; display:block;}
.link_list ul li h5 i:before{content:''; position:absolute; display:block; width:27px; height:27px; right:5%; background:url(../images/icon3.png) no-repeat left;}
.link_list ul li:hover h5 i:before{ background-position:right;}


.news_list .wall-column{ float:left;}
.news_list .list{
	background-color:#fff; padding:5px;
	transition:all 0.5s ease-out 0s;
	-ms-transition:all 0.5s ease-out 0s;
	-moz-transition:all 0.5s ease-out 0s;
	-webkit-transition:all 0.5s ease-out 0s;
	-o-transition:all 0.5s ease-out 0s;
}


.news_list .list:hover{
	box-shadow:0 3px 6px rgba(130,130,130,0.3);
}
.news_list .list .pic{ overflow:hidden; position: relative; padding-bottom: 60%;}
.news_list .list img{ width:100%; position: absolute; top: 0; left:0;  width: 100%;}
.news_list .list dl{ padding:14px;}
.news_list .list:hover dl{ padding:8px 14px 20px 14px}
.news_list .list dl h5{ font-size:20px; border-bottom:solid 1px #e5e5e5; line-height:20px;}
.news_list .list:hover dl h5,
.news_list .list:hover dl h5 a{ color:#e41111}
.news_list .list dl p{ padding:10px 0; height: 130px; overflow: hidden;}
.news_list .list dl time{ text-align:right; display:block;}

.loading{ text-align:center;}
.loading a{ display:inline-block; background-image:url(../images/loading.png); background-repeat:no-repeat; background-position:center center; width:53px; height:53px;-webkit-animation:rotate 2s infinite linear ;}
@-webkit-keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
 }

.font_news_list{ padding-top:3%;}
.font_news_list ul li{ font-size:16px; padding:2% 0 2% 2%; border-bottom:solid 1px #aa9b79; background-image:url(../images/icon7.png); background-repeat:no-repeat; background-position:left center}
.font_news_list ul li:hover{background-image:url(../images/icon7_on.png);}
.font_news_list ul li span{ padding-left:20px; float:right;}

.video_list ul{ overflow:hidden; margin-right:-2%;}
.video_list ul li{ float:left; width:48%; margin:0 2% 2% 0; position:relative;}
.video_list ul li:nth-child(2n+1){clear:both;}
.video_list ul li .pic{ background-color:#000;}
.video_list ul li .pic figure{ padding-top:56.3%; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;}
.video_list ul li h5{ font-size:16px; margin-top: 10px; height: 48px; overflow: hidden;}

.video_list ul li .pic{padding-top:56.3%; display:block;position: relative;height: 0;overflow: hidden;}
.video_list ul li video{ width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;}
.video_list ul li video source{ width: 100%; height: 100%;}
.video_list ul li .pic a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
/*.video_list ul li:hover .pic a{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}*/

.style_list .big_img{ padding-bottom:10px;}
.style_list .big_img img{ display:block; margin:0 auto; max-width:100%;}
.style_list .list{ padding:0 30px;position:relative;}
.style_list .list a{ position:absolute; width:16px; height:30px; background-image:url(../images/prev_next.png); background-repeat:no-repeat; cursor:pointer;top:50%; margin-top:-13px; z-index:10; font-size:0;}
.style_list .list a.bx-prev{ left:0; background-position:left;}
.style_list .list a.bx-next{ right:0; background-position:right;}
.style_list .list a.prevStop,
.style_list .list a.nextStop{ cursor:default; opacity:0.2}
.style_list .list li{position:relative; text-align:center;}
.style_list .list li .pic{ width:100%; height:0; padding-bottom:62%; position:relative; cursor:pointer;}
.style_list .list li .pic img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.style_list .list li .box{ padding:6px;}
.style_list .list li.on .box{ border:6px solid #d70413; padding:0;}

/*.style_list .list .bd{overflow: hidden;}*/


.product_list ul li .pic,
.product_list ul li p,
.product_list ul li dl,
.product_list ul li i{ transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }
.product_list ul li:hover .pic { transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px); }
.product_list{ padding-bottom:3%; overflow:hidden;}
.product_list ul{ overflow:hidden; margin-right:-0.2%;}
.product_list ul li{ text-align:center; float:left; width:33.13333333333333%; background-color:#fff; margin-right:0.2%; margin-bottom:0.2%; position:relative; padding:5%;}
.product_list ul li a{ display:block;}
.product_list ul li .pic{ padding-top:70%; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:5%; position:relative;}
.product_list ul li .pic img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.product_list ul li h5{ font-size:18px; padding:2% 0;}
.product_list ul li p{ line-height:40px; height:40px; overflow:hidden; background:url(../images/txt_line2.png) no-repeat center bottom; margin-bottom:7%;}
.product_list ul li:hover p{ margin-top:4%;}
.product_list ul li dl{ padding-top:8%;}
.product_list ul li:hover dl{ padding-top:5%;}
.product_list ul li{
	transition:all 0.5s ease-out 0s;
	-ms-transition:all 0.5s ease-out 0s;
	-moz-transition:all 0.5s ease-out 0s;
	-webkit-transition:all 0.5s ease-out 0s;
	-o-transition:all 0.5s ease-out 0s;
}
.product_list ul li:hover{
	box-shadow:0 3px 6px rgba(130,130,130,0.3);
}
.product_list ul li i{ display:block; margin:auto; width:43px; height:43px; background-image:url(../images/icon_more.png); background-repeat:no-repeat; background-position:center center}
.product_list ul li:hover i{ background:url(../images/icon_more2.png) no-repeat left;}

.product_list_new ul li{ margin-bottom:2%; background-color:#bea974; position:relative;}
.product_list_new ul li .pic,
.product_list_new ul li .txt{ width:50%;}
.product_list_new ul li .pic{ background-color:#fff}
.product_list_new ul li .pic img{ width:100%;}
.product_list_new ul li .txt{  position:absolute; height:100%; color:#fff; padding:0 2%; top:0;}
.product_list_new ul li .txt h5{ font-size:16px; padding:2% 0; white-space:inherit;}
.product_list_new ul li .txt p{ padding-bottom:2%; background:url(../images/txt_line.png) no-repeat center bottom; margin-bottom:7%;}
.product_list_new ul li .txt i{ display:block; width:43px; height:43px; margin:auto; background:url(../images/icon_more3.png) no-repeat left;}
.product_list_new ul li:hover .txt i{ background:url(../images/icon_more2.png) no-repeat left;}
.product_list_new ul li:hover .txt {transform:translate(0,-20px);}
.product_list_new ul li:hover {box-shadow:0 3px 6px rgba(130,130,130,0.3);}
.product_list_new ul li:hover img{ opacity:0.8}
.product_list_new ul li.odd .pic{ float:right}
.product_list_new ul li.even .pic{ float:left;}
.product_list_new ul li.odd .txt{ left:0}
.product_list_new ul li.even .txt{ right:0}

.question_list{ padding-top:2%;}
.question_list .list{ line-height:28px; padding:2% 0; border-bottom: dashed 1px #dcd5cc;}
.question_list .h5,
.question_list .txt{ padding-left:46px; background-repeat:no-repeat; background-position: left top}
.question_list .h5{ color:#333333; font-size:16px; background-image:url(../images/q.png); margin-bottom:2%;}
.question_list .txt{ color:#76736a; background-image:url(../images/a.png)}

.map_search { overflow:hidden; position:relative; margin-bottom:2%;}
.map_search ul li{ width:22%; float:left; margin-right:1%;}
.map_search select,
.map_search .text{ font-size:16px; color:#76736a; width:100%; padding:6% 2%; border:solid 1px #e5dbc0; background-color:#f0ecdb;}
.map_search .btn{ cursor:pointer; font-size:16px; position:absolute; right:0; top:0; height:94%; width:8%; color:#fff; background-color:#e41111; border:none;}

.box_left_right{ border:solid 1px #e5dbc0; position:relative}
.box_left_right .left{ width:100%; float:left;}
.box_left_right .map_list ul li{border-bottom:solid 1px #e5dbc0; padding:2% 5%; color:#76736a; cursor:pointer; position:relative; }
.box_left_right .map_list ul li h5{ font-size:16px; padding:3% 0;}
.box_left_right .map_list ul li:hover h5{ color:#e41111;}
.box_left_right .map_list ul li:hover { color:#89867d;}
.box_left_right .map_list ul li:hover:before{ content:''; position:absolute; height:100%;  top:0; right:0px; border-right:solid 7px #e51110;}

.box_left_right .font_list ul li{border-bottom:solid 1px #e5dbc0; padding:2% 5%; color:#76736a; cursor:pointer; position:relative; }
.box_left_right .font_list ul li h5{ font-size:16px; padding:3% 0;}
.box_left_right .font_list ul li:hover h5{ color:#e41111;}
.box_left_right .font_list ul li:hover { color:#89867d;}


.box_left_right .bx-controls-direction{ overflow:hidden;}
.box_left_right .bx-controls-direction a{ position:relative; width:50%; display:block; float:left; font-size:0; line-height:0; padding-top:8%; cursor:pointer; background-image:url(../images/arrow_bg1.png);background-repeat:no-repeat; background-position:center center;     background-size: cover;}
.box_left_right .bx-controls-direction a:before{ position:absolute; display:block; width:100%; height:100%; top:0; content:'';}
.box_left_right .bx-controls-direction a.bx-prev{ border-right:solid 1px #e5dbc0; }
.box_left_right .bx-controls-direction a:hover{ background-image:url(../images/arrow_bg2.png)}
.box_left_right .bx-controls-direction a.bx-prev:before{ background:url(../images/arrow_down.png) no-repeat center center;}
.box_left_right .bx-controls-direction a.bx-next:before{ background:url(../images/arrow_up.png) no-repeat center center;}
.box_left_right .icon_t,
.box_left_right .icon_b{ position:absolute; width:100%;}
.box_left_right .icon_t:before,
.box_left_right .icon_t:after{ width:23px; height:12px; content:''; position:absolute; top:0; background:url(../images/icon2.png) no-repeat;}
.box_left_right .icon_t:before{ background-position:left top; left:0}
.box_left_right .icon_t:after{ background-position:right top; right:0;}
.box_left_right .icon_b:before,
.box_left_right .icon_b:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.box_left_right .icon_b:before{ background-position:left bottom; left:0}
.box_left_right .icon_b:after{ background-position:right bottom; right:0;}

.box_left_right .right{ width:0%; z-index:5;}
.box_left_right .map_photo{ height:100%; position:absolute; right:0; top:0;}
.box_left_right .map_photo ul li{ float:left;}
.box_left_right #allmap{ position:absolute; width:100%; height:100%; border:solid 7px #e5dbc0; top:0;}
.box_left_right .detail{ float:right; padding:2%; border-left:solid 1px #e5dbc0; }

/*.box_left_right #allmap{width:837px;height:284px}*/
.box_left_right #allmap *{ box-sizing:content-box; max-width:none;}/*百度地图图标问题*/
.box_left_right #allmap .BMapLabel{ display:none !important;}

#international .box_left_right .map_list ul li{ padding:2%; cursor:default;}
#international .box_left_right .map_list ul li:last-child{ border-bottom:none;}
#international .box_left_right .map_list ul li h5{ padding:1% 0;}
#international .map_search .btn{ right:inherit;}

.info_back{ padding:1% 0; border-top:1px dotted #ebebeb;}
.info_back a{ padding:3px 20px; cursor:pointer; color:#fff; background-color:#e41111; display:inline-block;}
.info_back a:hover{background-color:#fed001;}
.info_prev_next{padding:2% 0; overflow:hidden;}
.info_prev_next span{ display:block; float:left; width:48%;}
.info_prev_next span.flr{ float: right; text-align: right; }
.info_prev_next a{ color:#757168;}
.info_prev_next a:hover{ color:#e41111;}
.info_prev_next .prev{ float:left;}
.info_prev_next .next{ float:right; text-align:right;}

.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;}

.feedback{ font-size:16px;}
.feedback h4{ padding:2% 1%; font-size:16px;}
.feedback dl{ float:left; width:31.1%; margin:1%; background-color:#f0ecdb; padding:0.5% 2%; position:relative;}
.feedback dl.dl_website{ clear:both; width:64%;}
.feedback dl.dl_area{ clear:both; width:100%; margin:1% 0; padding:0.5% 0; background-color:transparent;}
.feedback dl.dl_textarea{ clear:both; width:98%; margin:1%}
.feedback .text{ width:100%; line-height:40px; height:30px\0; line-height:30px\0; background-color:transparent; border:none;}
.feedback textarea{ height:200px;}
.feedback .form_err{ position:absolute; right:2%; top:10px; color:#e41111;}
.feedback select{ width:31%;line-height:50px; height:50px;background-color:#f0ecdb; border:none; margin:0 1%; padding:0.5% 2%;}
.feedback .btn{ color:#fff; font-size:16px; background-color:#e41111;  cursor:pointer; padding:2% 6%; border:none;}
.feedback center{ padding:2% ;0}
/*index*/

.owl-carousel { position:relative; overflow:hidden;}

.owl-carousel .owl-item{ float:left;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{ z-index:5; font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:61px; height:100%; bottom:0; background-repeat:no-repeat; background-image:url(../images/ind_ban_arrow.png);}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover{background-image:url(../images/ind_ban_arrow2.png);}
.owl-carousel .owl-nav .owl-prev{ left:5%; background-position:left;}
.owl-carousel .owl-nav .owl-next{ right:5%; background-position:right;}
.owl-carousel .owl-dots{position:absolute; width:100%;  bottom:5%; text-align:center; display:none;}
.owl-carousel .owl-dots .owl-dot{ line-height:0; font-size:0; margin:0 6px; display:inline-block; width:13px; height:13px; cursor:pointer; border-radius:100px; background-color:#fff;}
.owl-carousel .owl-dots .active{ background-color:#e41111; opacity:1}

@media only screen and (min-width: 641px) {
	.owl-carousel img.dt{display: block;}
	.owl-carousel img.xt{display: none;}
}
@media only screen and (max-width: 640px) {
	.owl-carousel img.dt{display: none;}
	.owl-carousel img.xt{display: block;}
	.quality .quality-conten .quality-conten-fr img {width: 98%;}
	.quality .quality-conten .quality-conten-fr{position: absolute;width: 100%;}
	.quality .quality-conten .quality-conten-fl{padding-top: 100%;width: 100%;}
}


.ind_ban{position:relative;}
.ind_ban ul li {position:relative;}
.ind_ban ul li a{ position:absolute; width:100%; height:100%; left:0; top:0; display:block;}
.ind_ban .bx-controls{z-index:5; text-align:center;}
.ind_ban .bx-controls .bx-pager{ position:absolute; width:100%;  bottom:5%; display:none;}
.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:#e41111; opacity:1}
.ind_ban .bx-controls-direction a{ font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:61px; height:100%; bottom:0; background-repeat:no-repeat; background-image:url(../images/ind_ban_arrow.png);}
.ind_ban .bx-controls-direction a:hover{background-image:url(../images/ind_ban_arrow2.png);}
.ind_ban .bx-controls-direction a.bx-prev{ left:5%; background-position:left;}
.ind_ban .bx-controls-direction a.bx-next{ right:5%; background-position:right;}

.ind_icon{ z-index:99; position:absolute; width:100%; text-align:center;}
.ind_icon a{ position:relative; top:-90px; display:inline-block; background-image: url(../images/ban_icon.png); background-repeat:no-repeat; background-position:center center; width:94px; height:77px; animation: icon 1s ease-in 0.5s infinite;}
@keyframes icon {
     0% {top:-90px;}
     50% {top:-80px;}
     100% {top:-90px;}
  }
@-moz-keyframes icon {
     0% {top:-90px;}
     50% {top:-80px;}
     100% {top:-90px;}
  }
@-webkit-keyframes icon {
     0% {top:-90px;}
     50% {top:-80px;}
     100% {top:-90px;}
  }
@-o-keyframes icon {
     0% {top:-90px;}
     50% {top:-80px;}
     100% {top:-90px;}
  }

.ind_font{ text-align:center; padding-top:6%; padding-bottom:3%}
.ind_font i{ font-style:normal; display:inline-block;}
.ind_font h2{ padding:10px 0; font-size:48px; line-height:40px; color:#6c5421;}
.ind_font h2 i{ padding:0 28px; background:url(../images/ind_icon3.png) no-repeat right bottom;}
.ind_font h3{ text-transform:uppercase;}
.ind_font h3:before,
.ind_font h3:after{width:136px; height:9px; content:''; background-repeat:no-repeat; display:inline-block;}
.ind_font h3:before{ background-image:url(../images/menu_line_left.png); background-position:right}
.ind_font h3:after{background-image:url(../images/menu_line_right.png); background-position:left;}
.ind_font h3 i{ padding:0px 18px;}
.ind_font p{ opacity:0.5}

.ind_news .fl{ width:42%}
.ind_news .fl ul li .pic{ padding:16px 0;}
.ind_news .fl ul li .pic img{ width:100%;}
.ind_news .fl ul li span{ text-align:center; left:21px; top:0; color:#f5d159; position:absolute; display:block; background-color:#e41111; padding:0px 15px 5px 15px;}
.ind_news .fl ul li span b{ font-weight:normal; font-family:宋体; display:block; font-size:60px; line-height:60px; border-bottom:solid 1px #e94b27;}
.ind_news .fl ul li h5{ padding:2% 0; font-size:18px;}
.ind_news .fl ul li p{ max-height:48px; overflow:hidden;}

.ind_news .fr{ width:55%; padding-top:16px;}
.ind_news .fr ul{ border-top:solid 1px #e4d8bc;}
.ind_news .fr ul li{ position:relative; padding:5% 20%; border-bottom:solid 1px #e4d8bc; background-image:url(../images/icon_more.png); background-repeat:no-repeat; background-position: 95% center}
.ind_news .fr ul li:hover{ background-image:url(../images/icon_more2.png);}
.ind_news .fr ul li a{ display:block;}
.ind_news .fr ul li h5{ font-size:16px;}
.ind_news .fr ul li  p{ opacity:0.7}
.ind_news .fr ul li span{ padding-left:20px; padding-top:20px; font-size:18px; font-family:宋体; left:5%; position:absolute; display:block;}
.ind_news .fr ul li span:before{ top:0; content:''; position: absolute; display:inline-block; width:1px;height:100%; background-color:#433f37;
-webkit-transform: rotate(45deg);/*Safari 4+,Google Chrome 1+  */
-moz-transform: rotate(45deg);/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);}
.ind_news .fr ul li:hover span:before{ background-color:#f11111}
.ind_news .fr ul li span b{font-size:40px; display:block; padding-left:5px;}
.ind_news .fr ul li span i{ font-style:normal; position:absolute; left:0; top:0;}
.ind_news .fr ul li:hover a{color:#e41111;}

.ind_news .more{ padding-top:3%; padding-left:60px; margin-bottom: 70px;}
.ind_news .more font{ position: absolute; left:0;}
.ind_news .more .jiathis_style_32x32 a{ background-position:right center!important; height:30px;}
.ind_news .more .jiathis_style_32x32 a:hover{background-position:left center!important}
.ind_news .more .jiathis_style_32x32 a:before{ background-image:url(../images/share_icon_ind.png);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:normal; opacity:1;}
.ind_news .more .jiathis_style_32x32 a:hover:before{ background-image:url(../images/share_icon.png);}
.ind_news .more center a{ text-indent:64px; color:#e41111; display:inline-block; text-align:left; font-size:16px; background-image:url(../images/more_bg.png); background-repeat:no-repeat; width:158px; line-height:61px;}

.ind_intro .list{ position:relative; background:url(../images/bg_txt1.jpg) repeat left top;}
.ind_intro .list h5{ font-size:24px; padding-top:80px;}
.ind_intro .list p{ padding:20px 22%;}
.ind_intro .list .photo,
.ind_intro .list .txt{ width:50%;}
.ind_intro .list .txt{ position:absolute; height:100%;}
.ind_intro .list:hover .txt{transform:translate(0,-10px);}
.ind_intro #n1.list .photo,
.ind_intro #n2.list .txt{ float:right;}
.ind_intro #n2.list .txt{ right:0;}
.ind_intro #n1 h5{ background:url(../images/ind_icon1.png) no-repeat center top;}
.ind_intro #n2 h5{ background:url(../images/ind_icon2.png) no-repeat center top;}

.ind_product{ padding-bottom:70px;}
.ind_product .bx-viewport{ border:solid 1px #eadaa9;}
.ind_product ul li{ position:relative;}
.ind_product .pic,
.ind_product .txt{ width:50%;}
.ind_product .pic{ text-align:center; border-right:solid 1px #eadaa9;}
.ind_product .txt{ overflow:hidden; position:absolute; height:100%; right:0; top:0; padding:0 3%; *width:44%;}
.ind_product .txt .table{text-align:left;}
.ind_product .txt h5{ font-size:18px;}
.ind_product .txt h6{ font-size:14px; color:#c3bdaa; margin-bottom:3%;}
.ind_product .txt p{ padding:20px 0; opacity:0.8; border-top:solid 1px #f3eacc; margin-bottom:5%;}
.ind_product .txt i{ width:43px; height:41px; display:block; background:url(../images/icon_more.png) no-repeat left;}
.ind_product ul li:hover .txt{transform:translate(0,-10px);}
.ind_product ul li:hover .txt i{ background-image:url(../images/icon_more2.png)}
.ind_product .bx-controls{z-index:5; text-align:center; padding-top:3%;}
.ind_product .bx-controls .bx-pager{ display:inline-block; *zoom:1; *display:inline;}
.ind_product .bx-pager-item{ display:block; float:left;}
.ind_product .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:#e6d9aa;}
.ind_product .bx-pager-item a.active{ background-color:#e41111; opacity:1}
.ind_product .bx-controls-direction a{ font-size:0; line-height:0; z-index:8; position:absolute; display:block; cursor:pointer; width:22px; height:39px; top:40%; background-repeat:no-repeat; background-image:url(../images/prev_next.png);}
.ind_product .bx-controls-direction a.bx-prev{ left:-5%; background-position:left;}
.ind_product .bx-controls-direction a.bx-next{ right:-5%; background-position:right;}
.ind_product ul li h5,
.ind_product ul li h6{ left:-200%; position:relative;}
.ind_product ul li p{ right:-200%; position:relative;}
.ind_product ul li.active h5,
.ind_product ul li.active h6{ left:0;}
.ind_product ul li.active p{ right:0;}
/*index end*/

@media screen and (max-width:1480px){
.auto_1440{ padding-left:2%; padding-right:2%}
.ind_news .more font{ left:2%;}
}
@media screen and (max-width:1240px){
.auto,
.auto_1200{ padding-left:2%; padding-right:2%}
.ind_intro .list p{ padding:10px 5%;}
.ind_product .bx-controls-direction a.bx-prev{ left:0}
.ind_product .bx-controls-direction a.bx-next{ right:0;}

}
@media screen and (max-width:1080px){
.header .nav{ margin-top:auto;}
.header .nav li{ padding-left:2%}

.menu ul li{ padding:0px 10px;}
.menu ul li.on a{ padding-left:20px;}
.menu ul li.on a i{ padding-right:20px;}

.editor_brand #item3 ul li{ margin:0 30px;}
.editor_brand #item1 ul li{ margin:0 30px;}
}
@media screen and (max-width:960px){


.editor_brand .h4{ font-size:28px;}
.editor_brand #item1 .h4{ font-size:32px;}
.editor_brand #item1 ul li font{ font-size:28px;}
.editor_brand #item3 p{ padding:0;}

.link_list ul,
.inscription_list ul,
.honor_list ul{ margin-right:-5%;}
.link_list ul li,
.inscription_list ul li,
.honor_list ul li{ width:28.33333333333333%; margin-right:5%;}

.ind_intro .list{ margin-bottom:5%;}
.ind_intro .list .photo,
.ind_intro .list .txt{ width:100%;}
.ind_intro .list .txt{ position:relative; padding:3% 0;}

.ind_news .fr ul li span b{ font-size:24px;}

.editor_brand #item3 ul li{ margin:0 20px;}
.editor_brand #item1 ul li{ margin:0 20px;}



.header .logo{ padding:6% 0 4% 0;}
.header .logo img{ max-width:36%;}
.header .other{ top:17px;}

.icon_menu{display:block;}
.header .nav{ top:0; padding-top:20%; line-height:40px; position:fixed; right:-100%;  background: url(../images/subnavbg.jpg) repeat left top; width:55%; height:100%; overflow-y:auto;}
.header .nav li{ display:block; padding-left:0; float:none; text-align:center; border-bottom: dotted 1px #d6cebd; height:51px;}
.header .nav li.li{ height:auto;}
.header .nav li b{ display:block; font-size:16px; padding:5px 0;}
.header .nav li b a,
.header .nav li.on b a{ color:#6c5421;}
.header .nav li#nav4 dl{ min-width:100%; left:0;}
.header .show{right:0; }


.header .nav li:hover{ padding-bottom:0;}
.header .nav li .sub{ position:relative; left:0; top:0; height:0; padding:0; position:relative; background:none;}
.header .nav li:hover>.sub{ height:auto;}
.header .nav li .sub dl dt{ float:none; margin-right:0; width:auto;}
.header .nav li .sub dl dd{ display:none; float:none; padding-left:inherit; min-height:inherit; padding:0 3%;}
.header .nav li .sub dl dd .img{ position:relative;}

.header .search{ top:0; padding-bottom:10px; width:100%;  position: relative; overflow:hidden;right:0!important}

.menu ul{ display:none;}
}

@media screen and (max-width:768px){
/*.header .nav li b{ font-size:15px;}
.header .nav li{ padding-left:1.1%}
.header .nav li .sub dl dt{ margin-right:3%;}
.header .nav li .sub{ padding:54px 20px;}*/

.menu h3{ margin-bottom:0; font-size:30px;}
.menu ul{ text-align:left;}
.menu ul li{ padding:2px; line-height:26px;}
.menu ul li a{ border:solid 1px #bea974; padding:0px 7px; white-space:nowrap;}
.menu ul li.on a,
.menu ul li.on a i{ background-image:none}
.menu ul li.on a{  padding:0px 7px;}
.menu ul li.on a i{ padding-right:0;}


.ind_font h2{ font-size:30px; line-height:30px;}



.detail-article .video{ padding-top:60%;}

.font_news_list ul li{ font-size:14px; padding-left:3%}

.editor_about .txt4 h6{ font-size:22px; line-height:30px;}
.editor_about .txt4 h6 em{ width:30px; height:30px; font-size:16px;}
.editor_about .txt4 ol li{ width:100%; float:none;}
.editor_about .txt6 ul li{ width:31.33333%; margin-bottom:2%;}
.editor_about .txt6 ul li img{ width:100%;}

.box_left_right .left{ float:none; width:100%;}
.box_left_right .map_photo{ position:relative; width:100%; padding-top:70%;}

.video_list ul li video{ display:none;}
.editor_brand #item1 ul li{ margin:0 10px;}


.editor_brand #item1 ul{ display:block;}
.editor_brand #item1 ul li{ display:block;  width: 140px; height:140px; margin:6% auto; float:none;}
.editor_brand #item1 ul li span{ font-size:22px;}
.editor_brand #item1 ul li font{ padding-right:27%}
.editor_brand #item1 .h4{ font-size:28px; padding-bottom:0;}
.editor_brand #item1 .h4 span{ background-position: right bottom}
.editor_brand #item1 ul li font{ font-size:18px;}

.ind_ban .bx-controls-direction a{ width:24px; background-size:65px;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{ width:24px; background-size:65px;}
}
@media screen and (min-width:640px){

.inscription_list ul li:nth-child(3n+1),
.honor_list ul li:nth-child(3n+1),
.link_list ul li:nth-child(3n+1),
.product_list ul li.n3{ margin-left:0; clear:both;}

.news_list .wall-column{ margin-right:3.5%; width:31%;}
.news_list .wall-column:nth-child(3n+3){ margin-right:0;}
.news_list .wall-column .list{ margin-bottom:15% !important;}



}




@media screen and (max-width:640px){


.footer .other .fr .jiathis_style_32x32{ float:left;}
	
.news_list .list dl h5{ font-size:16px; white-space:inherit; border-bottom:none; line-height:20px;overflow: hidden;
/*
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	display: block;*/}

.news_list .wall-column{ margin-right:6%; width:100%;}
.news_list .wall-column .list:after{content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	font-size: 0px;}
.news_list .list .pic{ /*width: 40%; float: left;*/ padding-bottom: 0; position: static;}
.news_list .list .pic img{position: static;}
/*.news_list .list dl{ width: 58%; float: right;}*/

.news_list .wall-column:nth-child(2n+2){ margin-right:0;}
.news_list .wall-column .list{ margin-bottom: 3%;}

/*.news_list .list dl p,*/
/*.news_list .list dl time{ display:none;}*/
	.news_list .list dl p{overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		display: block; display: none;}
.video_list ul li{ width:90%; margin:0 auto!important; float:none; }

.link_list ul,
.inscription_list ul,
.honor_list ul{ margin-right:-4%;}
.link_list ul li,
.inscription_list ul li,
.honor_list ul li{ width:46%; margin-right:4%;}

.inscription_list ul li:nth-child(2n+1),
.honor_list ul li:nth-child(2n+1),
.link_list ul li:nth-child(2n+1),
.product_list ul li:nth-child(2n+1){ clear:both; margin-left:0;}

.product_list ul li{ width:90%; margin:0 auto 4% !important; float:none;}
	
.product_list_new ul li .txt i{ display:none;}
.banner{}

.footer .subnav { display:none;}

.footer .fl,
.footer .fr{ width:100%; float: none;}
.footer .other .fl{ padding-top:8%;}
.footer .other .fr{ text-align:left;}
.footer .other .fl .wap{ display: inline-block;}
.footer .other .fl .pc{ display:none;}
.menu h3{ font-size:20px;}
.menu h3:before,
.menu h3:after{ width:70px}
.menu h3 i{ padding:0 10px;}
.menu ol li{ border: solid 1px #bea874; margin-bottom:5px;}
.sidebar .submenu{ text-align:left;}
.sidebar .submenu span{ padding: 2px 5px; border: solid 1px #fdf7e8;}

.ind_font h2{ font-size:20px; line-height:22px;}
.ind_font h3:before,
.ind_font h3:after{ width:70px}
.ind_font h3 i{ padding:0 10px;}

.ind_news .fl,
.ind_news .fr{ float:none; width:100%;}
.ind_news .fr ul li{ background-image:none; padding:3% 0 3% 18%; min-height: 60px;}
.ind_news .fr ul li:hover{ background-image:none;}

.ind_news .more center a{ background-size:contain; width:110px; line-height:42px; text-indent:34px;}
.ind_news .fl ul li h5,
.ind_news .fr ul li h5{ white-space:inherit;}
.ind_news .fr ul li  p{ display:none;}

.ind_news .fr ul li span{ left:2%;}
.ind_news .fr ul li span b{ font-size:20px;}
.ind_intro .list h5{ font-size:20px; padding-top:60px;}


.main{ min-height:200px}

.detail-article .title{ font-size:20px;}
.Pages .a_first,
.Pages .a_end{ display:none;}
.info_prev_next span{ padding:1% 0; float: none; width:100%;}
.info_prev_next .next{text-align:left;}

.editor_brand{overflow-x: hidden;}
.editor_brand .h4{ font-size:20px;}
.editor_brand #item4{ padding-bottom:13%;}
.editor_brand #item2 .fl,
.editor_brand #item2 .fr{ width:100%; float:none}
.editor_brand #item2 .fr{ padding-top:4%;}
.editor_brand #item2 .h5{ font-size:16px;}
.editor_brand #item3 .h4 i{ padding:0 3px;}

.editor_product #item1 .photo,
.editor_product #item3 .photo,
.editor_product #item1 .txt,
.editor_product #item3 .txt,
.editor_product #item2 .txt{ padding:0; width:100%; float: none;}
.editor_product #item1 .txt,
.editor_product #item2 .txt,
.editor_product #item3 .txt{ padding:3%;}
.editor_product .h4{ font-size:20px;}

.editor_about .fl,
.editor_about .fr{ width:100%; float:none;}

.editor_about .txt6 ul li{ width:100%; margin-right:0;}
.editor_about .txt6 ul li figure{ width:50%;}
.editor_about .txt6 ul li:nth-child(odd) figure{ padding-bottom:0;}
.editor_about .txt6 ul li:nth-child(even) figure{ padding-top:0;}
.editor_about .txt6 ul li .font{ width:48%; right:2%; height:100%;}

.ind_icon{ display:none;}
.ind_ban .bx-controls .bx-pager{ display:block;}
/*.bx-controls-direction{ display:none;}*/
.owl-carousel .owl-dots{ display:block;}

.ind_product .pic,
.ind_product .txt{ width:100%;}
.ind_product .txt{ padding:2% 3%; background-color:rgba(0, 0, 0, 0.43); height:auto; top:inherit; bottom:0;}
.ind_product .bx-controls-direction,
.ind_product ul li p,
.ind_product .txt i{ display:none}
.ind_product .txt h5{ color:#fff;}
.ind_product .pic{ border-right:none;}

.feedback dl,
.feedback dl.dl_website,
.feedback dl.dl_textarea,
.feedback select{ width:100%; float:none; margin:2% 0;}
.feedback dl.dl_area{ margin:0; padding:0}
.feedback select{ margin:1% 0}

.map_search ul{ padding-right:54px;}
.map_search ul li{ float:none; width:100%; margin-right:0; margin-bottom:2%;}
.map_search ul li:last-child{ margin-bottom:0;}
.map_search select,
.map_search .text{ padding:2%;}
.map_search .btn{ width:50px; height:100%;}

#international .map_search .btn{ right:0;}
	
.news_list .list dl p{height: auto;}

.editor_brand #item3 ul li{ margin:0 10px;}
}
@media screen and (max-width:480px){

}
@media screen and (max-width:320px){

}

.music-cont{ position:fixed; right:0.5%; bottom:0; cursor:pointer;}

#advertising {
	position:fixed;
	width:100%; height:100%; left:0; top:0;
	text-align:center;
	z-index:999;	
	display:none;
}
#fullbg {
	background-color:#000;
	left:0;
	opacity:0.5;
	position:absolute;
	top:0;
	z-index:9998;
	filter:alpha(opacity=80);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	width:100%; height:100%;
}
#dialog {
	position:fixed !important;
	z-index:9999;
	display:table;
	width:100%;
	height:100%;
	text-align:center;
}
#dialog p.close { position:absolute; right:5%; top:5%; cursor:pointer; padding:0; margin:0}
#dialog p.close a {
	color: #fff;
	width: 35px;
	text-decoration: none;
	background: url(../images/x_close.png) no-repeat right;
	height: 35px;
	display: block;
	position: absolute;
	right:0;
}
.nr_box{ display:table-cell; vertical-align:middle;}



/*登录*/
.login_box header{ padding-top:2%; padding-bottom:2%;}
.login_box header span{ font-size:30px; color:#666; padding-left:3%; margin-left:3%; border-left:1px solid #ededed; vertical-align:middle; display:inline-block;}
.login_box footer{ text-align:right;  padding-top:2%; padding-bottom:4%;color:#666;}
.login_box footer .jiathis_style_32x32{ float:left; line-height:32px;}
.login_box footer .jiathis_style_32x32 a{ margin:0 0 0 6px; float:none; padding:0; width:32px; height:32px; display:inline-block; background:url(../images/login_box-share.png) no-repeat left top; vertical-align:middle;}
.login_box footer .jiathis_style_32x32 a.jiathis_button_tqq{ background-position:-42px 0;}
.login_box footer .jiathis_style_32x32 a.jiathis_button_weixin{ background-position:-85px;}
.login_box footer .jiathis_style_32x32 a:hover{ background-image:url(../images/login_box-share_hover.png);}
.login_box footer a{color:#666; display:inline-block;}
.login_box footer a:hover{color:#f04848;}
.login_box footer i{ margin:0 8px; width:1px; height:12px; display:inline-block; background-color:#f2f2f2;}
.login_box footer span a{ text-decoration:underline;}

.login_box section{ position:relative;}
.login_box .ad aside,
.login_box .ad{ position:absolute; left:0; top:0; height:100%; width:50%;}
.login_box .ad img{ display:none;width:100%;}
.login_box .ad aside{ width:100%; background:top center;}
.login_box .form{ padding:10% 10% 13% 60%; border:5px solid #ece0bd; margin: 20px 0; background: #fff;}
.login_box .form h1{ margin:0; font-size:18px; color:#333;}
.login_box .form td{ padding-top:16px;}
.login_box .form td div{ position:relative; line-height:44px;}
.login_box .form td label{ position:absolute; left:10px; color:#999;}
.login_box .form td .text{ width:100%;  line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none;}
.login_box .form td .text:focus{ border-color:#d4be80;}
.login_box .form .fgpsw{ float:right; color:#737373;}
.login_box .form .fgpsw:hover{ text-decoration:underline; color:#e62500;}
.login_box .form .btn{ float:left; width:100%;border-radius:3px; font-size:18px; color:#fff; background:#e62500; cursor:pointer; padding:0; font-weight:bold; border:none; height:44px;}
.login_box .form .btn_reg{ float:right; background:#572257;}

.login_ti{ text-align: center; font-size: 20px; border-bottom: solid 1px #b9b9b9; padding:0 0 15px 0; position: relative;}
.login_ti a{ display: inline-block; width: 50%;color: #b9b9b9}
.login_ti a:hover{ color: #333;}
.login_ti a.ti_this{ color: #333; }
.login_ti a.ti_this1{ color: #333; }
.login_ti a.ti_this:after{ content: url(../images/ico_xl.jpg); width: 20px; height: 10px; position: absolute; left: 22%; bottom: 7px;}
.login_ti a.ti_this1:after{ content: url(../images/ico_xl.jpg); width: 20px; height: 10px; position: absolute; right: 22%; bottom: 7px;}

@media(max-width:640px){
	.login_box footer{ text-align:left;}
	.login_box footer .jiathis_style_32x32{ float:none; margin-bottom:10px;}
	.login_box .ad{ position:relative; width:auto; height:auto;}
	.login_box .ad aside{ display:none;}
	.login_box .ad img{ display:block;}
	.login_box .form{ padding:3%;}
	.login_box header span{ font-size:20px;}
}
@media(max-width:480px){
	.login_box header img{ height:50px;}
}



/*左侧*/
.Menu_left{ border:1px solid #f4edd8;font-size:18px; margin-top:2%; background: #fff; width: 18%; float: left;}
.Menu_left ol{ padding: 0; padding-left:34px; color:#999; background:#d4c496 url(../images/ti_ico.png) right bottom no-repeat;   position: relative;
	background-size: 100% 100%; height: auto;}
.Menu_left ul ol a{ color: #fff; font-size: 15px;height: 40px; line-height:40px;}
.Menu_left ol.ol_nav{ background:#e41111 url(../images/ti_ico.png) right bottom no-repeat;position: relative;
	background-size: 100% 100%; height: auto; padding-left:36px;}

.Menu_left .ul_0 ol a:after{ content: url(../images/t_1.png); width: 20px; height: 20px; position: absolute; top: 6px; left: -25px;}
.Menu_left .ul_1 ol a:after{ content: url(../images/t_2.png); width: 20px; height: 20px; position: absolute; top: 6px; left: -25px;}
.Menu_left .ul_2 ol a:after{ content: url(../images/t_3.png); width: 20px; height: 20px; position: absolute; top: 6px; left: -25px;}
.Menu_left .ul_3 ol a:after{ content: url(../images/t_4.png); width: 20px; height: 20px; position: absolute; top: 6px; left: -25px;}
.Menu_left ul a{color:#999; position:relative; display:block; white-space:nowrap; text-overflow:ellipsis; font-size: 14px;}
.Menu_left li{position:relative; padding:6% 0 6% 36px;}
.Menu_left li a:before{ left:24px; width:6px; height:1px; background-color:#999;}
.Menu_left li.aon a,
.Menu_left li a:hover{ color:#d2b156;;}

.Menu_left li.aon a:after{content: url(../images/t_ti.png); width: 20px; height: 20px; position: absolute; top: 6px; left: -31px;}


.Form_pro{ width: 80%; float: right; margin-top: 2%; position: relative;}

.Form_pro .reg_form{ border:5px solid #ece0bd; background: #fff;min-height: 510px;}
.Form_pro .reg_form h1{ margin:0; font-size:18px; color:#333;}
.Form_pro .reg_form dl{ padding:3%; margin-top:3%; overflow:hidden;}
.Form_pro .reg_form dl dt,
.Form_pro .reg_form dl dd{ float:left; line-height:37px;}
.Form_pro .reg_form dl dt{ width:24%; padding-left:3%;}
.Form_pro .reg_form dl dt b{ width:37px; height:37px; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:#e4e4e4; border-radius:50%; color:#fff;}
.Form_pro .reg_form dl dd{ width:76%;}
.Form_pro .reg_form dl.table dt{ width:20%; }
.Form_pro .reg_form dl.table dd{ width:100%;}
.Form_pro .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:44px; margin-right:2%; color:#999;}
.Form_pro .reg_form dl.tab a.on{ border-color:#f04848; color:#333;}
.Form_pro .reg_form td{ padding:0; line-height:37px; padding-bottom:15px;}
.Form_pro .reg_form td.f_name{ width:126px; color:#3c3c3c; text-align: right; padding-right: 15px;}
.Form_pro .reg_form td .text{ width:42%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:42px; height:42px; display: block;}
.Form_pro .reg_form td .text1{ width:15%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:42px; height:42px; display: block;}
.Form_pro .reg_form td input.btn{width:18%;border-radius:3px; font-size:18px; color:#fff; background:#e62500;
	cursor:pointer; padding:0; font-weight:bold; border:none; height:44px;  display: inline-block; float: left;}
.Form_pro .reg_form td input.btn1{width:18%;border-radius:3px; font-size:18px; color:#fff; background:#d4c496;
	cursor:pointer; padding:0; font-weight:bold; border:none; height:44px;  display: inline-block; margin-left: 3%;}


.Form_pro .reg_form:before{ content: ""; background: url(../images/table_b.png) no-repeat; width: 99%; height: 15px; background-size: 100%; position: absolute; top: 4px;}
.Form_pro .reg_form:after{ content: ""; background: url(../images/table_b1.png) no-repeat; width: 99%; height: 15px; background-size: 100%; position: absolute; bottom: 3px;}

.controls .location_txt{ width:15%; border:1px solid #e4e4e4; padding:0 10px; border-radius:3px; line-height:42px; height:42px; float: left; margin-right: 2%;}

.Form_pro ul{ padding:5%;}
.Form_pro li{ float:left; width:30%; margin-right:5%; margin-bottom:3%;}
.Form_pro li .Ispic{ display:block; padding-bottom:100%; background-size: 100%;border: 1px solid #eaeaea;}
.Form_pro li .Ispic img{ display:none;border: 1px solid #eaeaea;}
/*.Form_pro li div{ border:1px solid #eaeaea; border-top:0;}*/
.Form_pro li .dot{ text-align:center;padding:5% 5% 0 5%; display: block;}
.Form_pro li p{ line-height:18px; overflow:hidden;color:#9e9e9e; font-size:12px; padding:0 8%; text-align: center; display: block;}
.Form_pro li p i{ font-style: normal; background: url(../images/jf_ico.png) no-repeat; width: 15px; height: 15px; padding-left: 25px;  display: inline-table; color: #e41111;}
.Form_pro li aside{ padding:0 5%; line-height:36px; text-align:center;}
.Form_pro li aside a{ background:url(../images/more_a.png) no-repeat center; padding-right:15px; color:#e14343; display:inline-block; height: 35px; width: 35px;}
.Form_pro li.end{ margin-right:0;}


.product_list ul li i{ display:block; margin:auto; width:43px; height:43px; background-image:url(../images/icon_more.png); background-repeat:no-repeat; background-position:center center}
.product_list ul li:hover i{ background:url(../images/icon_more2.png) no-repeat left;}

@media(max-width:1170px){
	.Menu_left{ width:22%;}
	.Form_pro{ width:77%}
}
@media(max-width:768px){
	.Form_pro li{ width:47%; margin-right: 3%}
	.Form_pro li:nth-child(2n){ margin-right:0;}
	.Form_pro li.end{ margin-right: 3%;}

}
@media(max-width:768px) and (min-width:481px){

}
@media(max-width:480px){
	.Form_pro li{ width:49%;}
}


@media(max-width:1000px){
	.Form_pro .reg_form dl dt,
	.Form_pro .reg_form dl dd{ float:none; width:auto !important;}
	.Form_pro .reg_form dl dt{ padding-left:0; padding-bottom:10px;}
}
@media(max-width:640px){
	.Form_pro header span{ display:none;}
	.Form_pro header img{ height:50px;}
	.Form_pro .reg_form td.btn input{ font-size:15px; }
	.Form_pro footer{ text-align:left;}
	.Form_pro footer .jiathis_style_32x32{ float:none; margin-bottom:10px;}
}


@media screen and (max-width:1080px){

}
@media screen and (max-width:960px){
	.Menu_left{ width: 100%; float: none; background: none;border:none;}
	.Form_pro{ width: 100%; float: none;}
	.Menu_left ol{ display: none;}
	.Menu_left li.aon a:after{ display: none;}
	.Menu_left li{ display: inline-block; padding: 0px 20px; font-size: 16px;}
	.Form_pro .reg_form td.f_name{ display: block; width: 80px;}
	.Form_pro .reg_form td .text{ width: 100%;}
	.Form_pro .reg_form td .text1{ width: 100%;}
	.controls .location_txt{ width: 100%; margin-bottom: 15px;}
	.Form_pro .reg_form td .controls .text{ width: 100%;}
	.Form_pro .reg_form td input.btn{ width: 45%}
}


.pro_info{ padding: 5%;}
.proInfo_fl{ float: left; width: 40%;}
.proInfo_fl img{width: 100%;border: 1px solid #eaeaea;}
.proInfo_fr{ float: right; width: 55%;}
.proInfo_fr h3{ color: #3c3c3c; font-size: 18px; font-weight: normal;}
.proInfo_fr p{ color: #999; font-size: 14px;}
.proInfo_fr .bg_tit{background: url(../images/bg2.png) right bottom no-repeat; background-size: 100% 100%; height: auto;}
.Form_pro .proInfo_fr .bg_tit ul li{ float: none; width: 32%; margin-right: 0; display: inline-block; color: #999;}

.jf_box{margin-top: 45px; display: inherit;}
.jf_box i{ font-style: normal; background: url(../images/jf_ico.png) no-repeat; width: 15px; height: 15px; padding-left: 25px;  display: inline-table; color: #e41111;}
.jf_box .ljdh_a{ color: #fff; background: #e41111; padding: 10px 35px; font-size: 16px; margin-left: 20px;}

.pro_info .proimg_info{ width: 90%; margin: 0 auto; margin-top: 45px;}
.pro_info .proimg_info .ti_nav{ background: url(../images/ti_nav.jpg) no-repeat center top; height: 55px; margin-bottom: 45px;}

@media screen and (max-width:960px){
	.proInfo_fl{ float: none; width: 100%;}
	.proInfo_fr{ float: none; width: 100%;}
	.Form_pro .proInfo_fr .bg_tit ul li{ width: 100%;}
}

.Form_pro .my_dhlist{ margin-bottom: 30px;}
.Form_pro .my_dhlist ul{border: 1px solid #eaeaea; margin: 5%; padding: 2%; margin-top: 2%; margin-bottom: 0;}
.Form_pro .my_dhlist ul ol{ width: 100%; padding: 0; border-bottom: solid 1px #eaeaea; margin-bottom: 20px; color: #999;}
.Form_pro .my_dhlist ul ol em{ font-style: normal; background: url(../images/sj_ico.png) no-repeat left;padding-left: 20px; color: #222;}
.Form_pro .my_dhlist ul li{ float: left; width: 20%; margin-right: 3%; border-right: solid 1px #eaeaea; height: 100px; color: #999; margin-bottom: 0;}
.Form_pro .my_dhlist ul li.li_01{ width: 50%; color: #222222;}
.Form_pro .my_dhlist ul li.li_02{ padding-top: 20px;}
.Form_pro .my_dhlist ul li.li_03{ padding-top: 20px;}
.Form_pro .my_dhlist ul li.end{ margin-right: 0; border-right: none;}
.Form_pro .my_dhlist ul li .span_jx{ background: url(../images/jx_ico.png) no-repeat left; padding-left: 20px;}
.Form_pro .my_dhlist ul li .span_wc{ background: url(../images/wc_ico.png) no-repeat left; padding-left: 20px;}
.Form_pro .my_dhlist ul li.li_03 a{ color: #999; background: url(../images/tj_ico.png) no-repeat left;padding-left: 20px;}

.Form_pro .my_dhlist ul li img{ float: left; width: 25%; border: solid 1px #eaeaea; vertical-align: middle;}
.Form_pro .my_dhlist ul li .span_pro{ float: right; width: 65%; padding-top: 20px;}

.Form_pro .font_news_list ul li{ width: 100%; float: none;  margin-right: 0; margin-bottom: 0;}
.Form_pro .font_news_list ul li span{ font-size: 12px; color: #999;}
.Form_pro .font_news_list ul li span em{ color: #222222;background: url(../images/sj_ico.png) no-repeat left;padding-left: 20px; font-style: normal;}

@media screen and (max-width:640px){
	.Form_pro .my_dhlist ul li img{ margin-top: 10%;}
}
@media screen and (max-width:320px){
	.Form_pro .my_dhlist ul li img{ float: left; width: 33%; margin-top: 20%;}
}


/*20170825*/
.memberstatus{display:none}
#bdshare_weixin_qrcode_dialog{padding: 10px 5px!important; height: 310px!important;}


.jiathis_weixin_modal,
.jiathis_weixin_modal *{ box-sizing:border-box !important;}
.jiathis_weixin_modal .jiathis_modal_body{ margin:-15px 0 !important;}
.jiathis_weixin_modal .jiathis_modal_footer{ padding-top:30px;}


/*兼容ie8*/
.news_list{
overflow:hidden;
margin-right:-2% \9;
}
:root .news_list{
overflow:hidden;
margin-right:0 \9;
}

.news_list .list{
width:31.333% \9;
margin-right:2% \9;
margin-bottom:2% \9;
float:left \9;
}
.news_list .list.n3{ clear:both;}
:root .news_list .list{
width:100% \9;
margin-right:0 \9;
margin-bottom:0 \9;
float:none \9;
}

.editor_brand #item1 ul li{
border:none \9;
background:url(../images/border-ie8.png) \9;
}
:root .editor_brand #item1 ul li{
border:solid 1px #6c5421 \9;
background:none \9;
}

.header .nav li .sub dl dd .img{
+width:240px;
}

.table01{ text-align:left;}
.table01 td{ text-align:left;}

.BMap_bubble_content pre{ white-space:pre-line;}

.GoTop{ position:fixed; right:0; bottom:20%; z-index:500;}
.GoTop a,
.GoTop a img{ display:block; width:35px; height:35px;}
.GoTop a{ background:#ddd; transition:all 0.3s;}
.GoTop a:hover{ background:#e41111;}

.ADDBOT{clear: both;overflow: hidden;text-align: center;}


.huazhuangpin{ width:100%!important;}
.huazhuangpin td{ width:25%!important; padding:0 2%; height:auto!important;}
@media screen and (max-width:640px){
.huazhuangpin td{ width:100%!important; display:block;padding:0;}
.huazhuangpin .no-txt td,
.huazhuangpin td.no-txt { display:none;}
}

@media (min-width: 1920px){
	body {
		max-width: 1920px;
		width: 100%;
		margin: 0 auto;
	}
}
