/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;text-align: center;}
ul,ol,li{list-style-type:none}
a {color:#4C4C4C;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover{color:#d1a95a;text-decoration:none;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.main_product{width: 100%!important;}

.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/

a,a img,input,li{transition:All 0.20s ease;}
/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:10px;}
.pager a{color:#777777;background-color:#FFFFFF;text-decoration:none;border:#c3c3c3 solid 1px;padding:4px 10px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#a2a2a2;}
.pager .cpb {color:#FFFFFF;background-color:#a2a2a2;text-decoration:none;border:#c3c3c3 solid 1px;padding:4px 10px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/



/*================= 基础布局样式，随需要修改 =================*/
/*首页主框架*/
body{margin:0 auto;background: url(../images/bj.jpg) center bottom;}
.body{position: relative;}
.floatr{ position:fixed; top:38%; right:0; z-index:9999; background:url(../images/erwm_1.png) no-repeat;}
.keifu_close{ display:block; width:17px; height:44px; position:absolute; left:0px; top:57px;}
.keifu_con{ display:block; width:132px; height:158px; float:right;}


.floatl{ width:150px; height:150px;position:absolute; top:675px; left:5%; z-index:9999;}
@media(max-width:1280px){.floatl{left: -4% !important;}}
@media(min-width:1281px) and (max-width:1440px){.floatl{left:-3% !important;}}
@media(min-width:1441px) and (max-width:1680px){.floatl{left:0 !important;}}





/*网站公共左导航*/
#menu {width:1002px; margin:0 auto; height:36px; margin-top:48px; background:url(../images/menubg_1.png) no-repeat; margin-bottom:50px;}

#menu dl {width:1002px;height:36px;position:relative;}
#menu dl dd{  height:36px; float:left; margin:0; padding:0;}
#menu dl dd a{color: #949494;display: block;padding:8px 18px;font-size:16px;overflow:hidden; float:left; margin:0 18px; border:solid 1px #e9e9e9; background:#fff;}
#menu dl dd a:hover,#menu dl dd a.hover {background:#965b1e;color: #FFFFFF;text-decoration: none;font-size:16px; border:none;padding:8px 18px;border:solid 1px #965b1e;}

#menu dl dd ul{ position:absolute; right:0px; top:135px;}
#menu dl dd ul li{ float:left; margin-left:11px;}
#menu dl dd ul li a {color: #959595; padding:0 20px; font-size:14px; margin:0;border:none;background: transparent;}
#menu dl dd ul li a:hover, #menu dl dd ul li a.hover {color: #94704b;border:none;background: transparent;font-size:14px; padding:0 20px;}

#menu.menu_news_nav {width:1002px; margin:0 auto; height:36px; margin-top:48px; background:url(../images/menubg_1.jpg) repeat-x; margin-bottom:50px;}

#menu.menu_news_nav dl {width:1002px;height:36px;position:relative;}
#menu.menu_news_nav dl dd{  height:36px; float:left; margin:0; padding:0;}
#menu.menu_news_nav dl dd a{color: #949494;display: block;padding:8px 18px;font-size:16px;overflow:hidden; float:left; margin:0 18px; border:solid 1px #e9e9e9; background:#fff;}
#menu.menu_news_nav dl dd a:hover,#menu.menu_news_nav dl dd a.hover {background:#916a33;color: #FFFFFF;text-decoration: none;font-size:16px; border:none;padding:8px 18px;border:solid 1px #916a33;}

#menu.menu_news_nav dl dd ul{ position:absolute; right:0px; top:135px;    z-index: 999;}
#menu.menu_news_nav dl dd ul li{ float:left; margin-left:11px;}
#menu.menu_news_nav dl dd ul li a {color: #949494;height: 30px;line-height: 30px;width: 90px; display:block; text-align:center; border:solid 1px #e9e9e9; padding:0; font-size:14px; margin:0;}
#menu.menu_news_nav dl dd ul li a:hover, #menu.menu_news_nav dl dd ul li a.hover {color: #fff; border:solid 1px #916a33; background:#916a33; padding:0;font-size:14px;}
#menu.menu_news_nav .contact{ margin:13px 0 0 0;}


#menu .contact{ margin:13px 0 0 0;}
#menu.product_menu{background:url(../images/probg_1.png) no-repeat center;margin-bottom: 70px;}
#menu.product_menu dl{display: flex;justify-content: center;}
#menu .pro_menu{left: 50%;top: 60px;margin-left: -250px; width: 500px;    display: flex!important;justify-content: center;}

#menu.cont_menu{ background:url(../images/contbg_1.png) no-repeat;}
#menu.news_menu{ background:url(../images/newsbg_1.png) no-repeat;}

/*网站公共左导航*/
.tit .bt_1_about{margin: 0;}
#path{width:1002px; height:37px; margin:40px auto 10px;}
#path .tit{ width:225px; height:37px; float:left;}
#path h2{float:left; font-size:.3rem; color:#965b1e; font-weight:normal; padding-left:8px; line-height:37px;}

#path .link{ float:right;line-height:37px;}
#path .link a{padding:0 5px; color:#444340; line-height:37px;}
#path .link a.hover{ color:#9b6213;}

/*网站子页右框架*/
.maincon{ width:100%; position:relative; }
#main #content{width:915px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}
#content1{width:1002px; min-height:400px;height:auto !important;height:400px;overflow:hidden; margin:0 auto; padding-bottom:50px;}
#content1.content1_news{width:1060px;}
#content2{width:935px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}
#content2.product_pagedlist{width: 86%;}
#content3{width:990px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}
#main.main_news{width:1200px;}

/*网站公共底部*/
.footbor{ border-bottom:solid 1px #c0c0c0; border-top:solid 1px #c0c0c0; height:2px;}
#foot{height:78px;text-align:center; color:#E5E5E5;}
.footer{ width:1002px; margin: 0 auto; padding-top:20px; position:relative; overflow:hidden;}
.cnzz{margin:0 auto;}

.footinfo{ float:left;color:#202020;}
.footinfo p{ color:#202020;}
.footinfo a{ color:#202020;}
.link_dropdown{ float:right; margin-right:10px; display:inline;}
.link_dropdown select{ width:150px;}


.addcon{ position:relative; overflow:hidden;width:1002px; margin: 0 auto; padding-bottom:30px;}
.addcon h2{ font-size:15px;}
.addconl,.addconr{ width:50%; float:left;}







/*================= 基础扩展类，可自定义添加 =================*/
/*首页TAB切换4种效果*/
.tabs{position:relative; width:480px; margin:0 auto;}
.tabs dl dt{height:34px;}
.tabs dl dt a{float:left;display:block;cursor:pointer;width:102px;line-height:28px;height:28px;text-align:center;display:block;text-decoration:none;}
.tabs dl dt a.on{font-weight:bold;width:102px;line-height:28px;height:28px;text-align:center;display:block;text-decoration:none;}
.tabs dl dd .more{background:url(../images/more00.jpg) no-repeat; width:41px; height:15px; position:absolute; text-indent:-1000em;top:4px;right:15px;}

#tabs01 dl dt{height:34px;}
#tabs01 dl dt a{color:#444;width:102px;height:28px;line-height:28px;background:url(../images/hover01_1.jpg) no-repeat top;}
#tabs01 dl dt a.on{width:102px;color:#0970B3;height:28px;line-height:28px;background:url(../images/hover01_1.jpg) no-repeat bottom;text-align:center;display:block;text-decoration:none;}
#tabs01 dl dd .more{width:41px; height:15px;background:url(../images/more01_1.jpg) no-repeat;top:4px;right:15px;}

#tabs02 dl dt{height:37px;padding:4px 0 0 5px;background:url(../images/hover02_bg_1.jpg) repeat-x;}
#tabs02 dl dt a{color:#4B4B4B;width:96px;height:37px;line-height:30px;background:url(../images/hover02_1.jpg) no-repeat top;}
#tabs02 dl dt a.on{color:#fff;display:block;font-weight:bold;width:96px;height:37px;line-height:30px;background:url(../images/hover02_1.jpg) no-repeat bottom;}
#tabs02 dl dd .more{width:29px; height:11px;background:url(../images/more02_1.jpg) no-repeat;top:15px;right:10px;}

#tabs03 dl dt{height:38px;}
#tabs03 dl dt a{color:#4c4c4c;margin-right:2px;width:86px;height:28px;line-height:28px;background:url(../images/hover03_1.jpg) no-repeat top;}
#tabs03 dl dt a.on{width:86px;height:28px;line-height:28px;background:url(../images/hover03_1.jpg) no-repeat bottom;}
#tabs03 dl dd .more{width:50px; height:17px;background:url(../images/more03_1.jpg) no-repeat;top:4px;right:15px;}

#tabs04 dl dt{height:33px;}
#tabs04 dl dt a{color:#2E425A;width:106px;height:33px;line-height:28px;background:url(../images/hover04_1.jpg) no-repeat top;}
#tabs04 dl dt a.on{width:106px;height:33px;line-height:28px;background:url(../images/hover04_1.jpg) no-repeat bottom;}
#tabs04 dl dd .more{width:42px; height:12px;background:url(../images/more04_1.jpg) no-repeat; top:4px;right:15px;}

#video{ position:fixed; bottom:0px; right:0px; z-index:9999;}
#video:hover #closesp{ display:block !important;}
#closesp{ position:absolute; right:0px; top:0px; width:30px; height:30px; cursor:pointer;}
#closesp img{ width:100%; height:100%;}