/* CSS Document */
html{ -webkit-text-size-adjust:100%  }
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#424242; width:100%; font-family:微软雅黑;}
ul,li,form, dl,dt,dd, div,ol{ padding: 0px; margin: 0px;}
.ul,.ul li,.ol li{ list-style:none;}
.npm{ padding:0px; margin:0px;}
select,input,textarea{font-family:微软雅黑; border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{font-family:微软雅黑;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#424242; 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:#ed7020}
.clear{ clear:both; height:0; overflow:hidden;}



.body{ background-color:#fff; min-width:320px; width:expression((documentElement.clientWidth < 320) ? "320px" : "100%" ); zoom:1; position:relative;}
.bg{ background:url(../images/bg_body.jpg) repeat-y center top;}

.header .tel{ position:absolute; right:0; top:12px; font-size:14px; line-height:23px; padding-left:40px; color:#333333; background:url(../images/icon_tel.png) no-repeat left;}
.header .search{ position:absolute; right:0; top:55px; width:188px; height:30px; background:url(../images/search_bg.png) no-repeat;}
.header .search .text{ font-size:14px; width:140px; position:absolute; line-height:28px; height:28px; left:10px; border:none; background:none;}
.header .search .btn{ cursor:pointer; border:none; position:absolute; right:0; background:none; width:30px; height:30px;}

.container{max-width:1200px; min-height:600px; padding:20px 10px; margin:0 auto; background-color:#fff; margin-top:30px;}

.container .location{line-height:40px; border-bottom:solid 1px #ed7020; margin-bottom:20px;}
.container .location h3{ color:#ed7020; position:absolute; font-size:18px; padding:0px; margin:0px; }
.container .location dl{ text-align:right; }
.container .location dl a{color:#666666;}
.container .location dl a:hover{color:#ed7020;}
.container .location dl span{ color:#ed7020;}

.footer{ font-weight:bold; color:#774c0f;  padding:15px 0;  background:#f6fcff; font-family:Arial, Helvetica, sans-serif;}
.footer a{ color:#774c0f; padding: 0 5px;}
.footer .weixin{ position:absolute; right:214px; line-height:34px; top:5;}
.footer .weixin a{ position:relative;  display:inline-block; padding-right:50px; background:url(../images/icon_ewm.png) no-repeat right;}
.footer .weixin a span{ display:none; }
.footer .weixin a:hover span{ display:block; font-size:0; bottom:30px; right:-43px; padding:10px 0; position:absolute; background:url(../images/ewm_bg.png) no-repeat; width:120px; height:127px; text-align:center;}
.footer .weixin a span img{ width:110px; height:110px;}
.footer .weixin a.weixin span img{ width:100px; height:100px;}
.footer .bdsharebuttonbox{ position:absolute; right:0; padding-left:40px;}
.footer .bdsharebuttonbox font{ font-size:12px; position:absolute; display:block; line-height:34px; left:0}
.footer .bdshare-button-style0-32 a{ padding:2px; margin:0 0 0 10px; background-image:url(../images/share_bg.png)!important}
.footer .bdshare-button-style0-32 .bds_tsina{background-position: 0 top;}
.footer .bdshare-button-style0-32 .bds_tqq{background-position: 0 center;}
.footer .bdshare-button-style0-32 .bds_renren{background-position: 0 bottom;}

.txt_wenhua{ margin:0 8px; border-left:solid 1px #e64b2e;}
.txt_wenhua li{ padding:8px 0 20px 55px; margin-left:-8px; background:url(../images/icon.jpg) no-repeat left 12px;}
.txt_wenhua li .f18{ font-size:18px; padding:0; margin:0}

.list_history{ position:relative; overflow:hidden;}
.list_history .hd{ background:url(../images/history.jpg) no-repeat left 37px; height:100px;}
.list_history .hd ul li{ width:167px; text-align:center; display:inline-block; background:url(../images/history_arrow.jpg) no-repeat right 41px;}
.list_history .hd ul li span{ cursor:pointer; display:inline-block; padding:15px 0; background:url(../images/history_icon.jpg) no-repeat bottom;}
.list_history .hd ul li.on span{background:url(../images/history_icon_on.jpg) no-repeat bottom;}
.list_history .tempWrap{ margin:auto;}
.list_history .bd{ padding:0 45px;}
.list_history .bd ul li{ padding-bottom:20px;}
.list_history .bd ul li dl{ padding-left:88px; position:relative;}
.list_history .bd ul li dl dt{ color:#c8c8c8; left:0; position:absolute; padding:40px 0px 0px 24px; text-align:right; background:url(../images/time.jpg) no-repeat left 45px}
.list_history .bd ul li dl dt span{ display:block; font-size:14px;}
.list_history .bd ul li dl dt b{ font-weight:normal;}
.list_history .bd ul li dl dd{ color:#666666; font-size:14px; border:solid 1px #c8c8c8; padding:11px 11px 11px 170px; min-height:106px; position:relative;}
.list_history .bd ul li dl dd div{ position:absolute; left:11px;}
.list_history .bd ul li dl dd div img{ width:150px; height:106px}
.list_history .bd ul li dl dd h5{ padding:0; margin:0; color:#ed7020; font-size:16px;}
.list_history .bd ul li dl a:hover dd{ color:#fff; background-color:#ed7020;}
.list_history .bd ul li dl a:hover dd h5{ color:#fff}
.list_history  .prev,
.list_history  .next{ position:absolute; display:block; cursor:pointer; width:43px; height:42px; top:50%; background:url(../images/history_prev_next.jpg) no-repeat;}
.list_history  .prev{ left:0px; background-position: left top;}
.list_history  .prev:hover{ background-position: left bottom;}
.list_history  .next{ right:0px; background-position: right top;}
.list_history  .next:hover{ background-position: right bottom;}

.list_photo ul li{float:left; width:31%; margin-right:3.5%; padding-bottom:3.5%; text-align:center;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
.list_photo ul li .pic{ position:relative; width:100%; height:0; padding-bottom:68%; left:0; top:0; border:1px solid #ddd;}
.list_photo ul li .pic pre{ position:absolute; width:100%; height:100%;left:0; top:0; margin:0;}
.list_photo ul li .pic img{ position:absolute; width:100%; height:100%;left:0; top:0; display:block;}
.list_photo ul li h5{font-size:14px; padding:10px 0px; margin:0px; font-weight:normal;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.news-info{ clear:both; overflow:hidden;}
.news-info .title,
.news-info .time{ text-align:center; font-weight:normal; padding:10px 0; margin:0 }
.news-info .title{ font-weight:bold; font-size:24px; color:#ed7020; line-height:30px;}
.news-info .time{font-size:12px; border-bottom:1px dotted #ddd;}
.news-info .info,
.single{ color:#424242; padding:20px 0; font-size:14px; line-height:30px; word-wrap: break-word; word-break: normal; overflow:hidden;}
.news-info .info img,
.single img{ max-width:100%;}
.news-info .info .f18{ font-size:18px; color:#ed7020;font-weight:bold;}
.news-info .info .f16{ font-size:16px; font-weight:bold;}
.info_back{ padding-top:20px; border-top:1px dotted #ddd;}
.info_back a{ padding:0 10px; cursor:pointer; color:#fff; background-color:#fe4400; display:inline-block; font-size:14px;}
.info_back a:hover{background-color:#fed001;}
.info_NP span{ font-size:14px; padding-top:5px; display:block;}
.info_NP span a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.single{ line-height:24px; font-size:14px; padding:15px 0; color:#424242;}


.jobs_list .j_title,
.jobs_list .j_name{ font-weight:normal; padding:0; margin:0; line-height:43px; height:44px; overflow:hidden; position:relative; z-index:55;}
.jobs_list .j_title span,
.jobs_list .j_name span{ display:block; float:left; width:22.5%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;padding-right:25px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jobs_list .j_title span.name,
.jobs_list .j_name span.name{ padding-left:80px; width:35%; }
.jobs_list .j_name span.name{ background:url(../images/job_icon_down.png) no-repeat right 15px center;}
.jobs_list .j_name.on span.name{background:url(../images/job_icon_up.png) no-repeat right 15px center;}
.jobs_list .j_title span.time,
.jobs_list .j_name span.time{ width:20%;}
.jobs_list .j_title{ font-size:16px; background-color:#ed7020; color:#fff;}
.jobs_list .j_name{ font-size:14px; cursor:pointer;}
.jobs_list .detail{ padding:10px 10px 20px 80px; color:#666666;}
.jobs_list .detail .txt{ padding-left:60px; margin-top:-24px;}
.jobs_list .list{border-bottom:solid 1px #e8e8e8; border-left:solid 1px transparent;border-right:solid 1px transparent}
.jobs_list .odd{ background-color:#f7f7f7; border-color: #e8e8e8;}

.list_font ul li{ padding:5px 0; border-bottom:dashed 1px #eeeeee;}
.list_font ul li span{ float:right; color:#888;}
.list_font ul li a{ display:block; padding-right:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.news_list ul li{  padding:20px 20px 40px 20px; margin-bottom:20px;}
.news_list ul li dl{ color:#666666; min-height:150px;}
.news_list ul li dl .pic{ position:absolute; height:150px; overflow:hidden;}
.news_list ul li dl .pic img{ width:300px; height: 150px;}
.news_list ul li dl .txt{ padding-left:337px;}
.news_list ul li dl .txt h5{ font-size:18px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal;}
.news_list ul li dl .txt h5 a{ color:#ed7020; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list ul li dl .txt h5 a:hover{ color:#000}
.news_list ul li dl .txt p{ padding:0px; margin:0px 0px 10px 0px; height:72px;overflow:hidden;}
.news_list ul li dl .txt .more a{ color:#848484; display:inline-block; padding-left:15px; width:120px; line-height:32px; background:url(../images/more_bg.png) no-repeat;}
.news_list ul li dl .txt time{ font-size:14px; float:right;}
.news_list ul li.libg{ background-color:#f4f4f4;}
.news_list ul li.libg dl .txt h5 a{ color:#353535;}
.news_list ul li.libg dl .txt h5 a:hover{ color:#ed7020}

.product_category{ position:relative; margin:0 auto; max-width:1200px; margin:0 auto; padding:50px 0; background-color:transparent; height:636px;}
.product_category .bd{ height:626px;}
.product_category .bd ul li{ position:relative; text-align:center; background:#fff url(../images/pro_icon.jpg) no-repeat center 90%; float:left; width:262px; height:624px; border:solid 1px #d6e8f1; margin:0 18px;}
.product_category .bd ul li h5{ font-size:20px; padding:60px 0 20px 0; margin:0; font-weight:normal;}
.product_category .line{ display:block; margin:auto; width:21px; height:2px; background-color:#f3f3f3;}
.product_category .bd ul li div{ padding-top:50px;}
.product_category .bd ul li div img{ width:190px; height:290px;}
.product_category .bd ul li p{ height:24px; overflow:hidden; padding:0; margin:10px;}
.product_category .bd ul li a{ position:absolute; display:block; width:100%; height:100%;}
.product_category .bd ul li a:hover{ background-color:rgba(0, 0, 0, 0.23);}
.product_category .box{ max-width:1164px; margin:0 auto;height:7px;  background-color:#dad7d7;}
.product_category .hd .tempWrap,
.product_category .bd .tempWrap{ margin:0 auto;}

.product_category .hd{/*margin:0 18px;*/ z-index:5; text-align:center; height:7px;}
.product_category .hd li{ cursor:pointer; float:left; width:264px; height:7px; margin:0 18px;}
.product_category .hd li.on{ background-color:#ec6941;}
.product_category .prev,
.product_category .next{ top:46%; display:block; width:45px; height:56px; cursor:pointer; position:absolute; z-index:4; background:url(../images/pro_arrow.png) no-repeat;}
.product_category .prev{ left:0px; background-position:left;}
.product_category .next{ right:0px; background-position:right;}
.product_category .prevStop,
.product_category .nextStop{ opacity:0.5; cursor:default;}

.product_list ul li{ float:left; width:33.333%; padding:0px 16px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.product_list ul li .pic{ border:solid 1px #dcdcdc; position:relative; width:100%; height:0; padding-bottom:88.89%;}
.product_list ul li .pic img{ position:absolute; width:100%; height:100%;}
.product_list ul li h5{ text-align:center; font-size:14px; padding:5px; margin:0; font-weight:normal;}
.product_list ul li h5 a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.pro_info{ border-bottom:dashed 1px #cecece; padding:20px 0 40px 0; margin:0 0 20px 0; position:relative;}
.pro_info .photo{ position:absolute; width:300px;}
.pro_info .photo img{ width:300px; border:solid 1px #999999; max-height:300px;}
.pro_info .intro{ padding-left:350px; font-size:14px;}
.pro_info .intro .name{ font-weight:normal; font-size:18px;  color:#ed7020; border-bottom:dashed 1px #ed7020; padding:0 0 10px 0; margin:0 0 10px 0;}

.search_list ul li{ padding:10px 0; border-bottom:dotted 1px #ddd; }
.search_list ul li a{font-size:14px;}
.search_list ul li span{ float:right;}

.link_list{ padding-top:20px;}
.link_list ul li{ float:left; width:50%; padding:0px 1%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.link_list ul li div{border:solid 1px #e4e4e4; position:relative; width:100%; height:0; padding-bottom:40%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.link_list ul li img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.link_list ul li h5{ font-size:14px; padding:10px 0; margin:0px; font-weight:normal; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.ul_sitemap li{ padding:10px 0; background:url(../images/dot2.jpg) repeat-x bottom;}
.ul_sitemap li strong{ display:block; font-size:14px;}

#dituContent{ width:100%; height:500px; margin:20px 0;}
#dituContent img{ max-width: none;}
#dituContent *{ box-sizing:content-box;}

/*index*/

.ind_ban{position:relative; background:url(../images/ban_bg.png) repeat-x left bottom; padding-bottom:8px; margin-top:-6px;}
.ind_ban .bd ul li{ position:relative}
.ind_ban .bd ul li a{ height:0; display:block; position:relative; width:100%; height:0; padding-bottom:26.6667%;}
.ind_ban .bd ul li a img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.ind_ban .hd{ z-index:5; position:absolute; width:100%; text-align:center; bottom:3%;}
.ind_ban .hd a{ margin:0 2px; display:inline-block; width:10px; height:10px; cursor:pointer; background:url(../images/ban_icon.png) no-repeat left;}
.ind_ban .hd a.on{ background-position:right;}
.ind_ban .prev,
.ind_ban .next{ top:50%; margin-top:-23px; display:block; width:46px; height:46px; cursor:pointer; position:absolute; z-index:4; background:url(../images/ban_arrow.png) no-repeat;}
.ind_ban .prev{ left:10%; background-position:left;}
.ind_ban .next{ right:10%; background-position:right;}

.index{max-width:1200px; padding:60px 0; margin:0 auto; background-color:transparent;/* height:180px;*/ min-height:inherit;}
.index .ind_product,
.index .ind_news,
.index .ind_marketing{ float:left; width:32.5%; height:0; position:relative; padding-bottom:14.278%; background:url(../images/ind_boxbg.png) no-repeat; background-size:100% 100% !important;}
.index .ind_news{ margin:0 1.25%;}
.index dl{ padding:4%; /*position:relative;*/}
.index dl h3{ padding:0px; margin:0px; font-size:18px;}
.index dl > *{ position:relative; z-index:2;}

.index dl .pic{ position:absolute; right:0; top:0; width:100%; height:100%;}
.index .ind_product dl h3 a{ font-size:24px; color:#4ca962;}
.index .ind_marketing dl h3 a{ color:#4ca962;}
.index .more{ color:#673417; padding-right:17px; background:url(../images/more.png) no-repeat right;}
.index .ind_product{ background:url(../images/ind_boxbg_pro.png) no-repeat;}
.index .ind_product dl .pic img{position:absolute; right:0; bottom:3.468%; right:6%; width:43.4782%; height:109.8265%;}

.index .ind_news .pic img{position:absolute; right:0; bottom:3.468%; right:6%; width:37.8516%; height:93.0635%;}
.index .ind_news ul li h5{ font-weight:normal; padding:10px 0 0 0; margin:0; font-size:16px;}
.index .ind_news ul li p{ padding:0 120px 5px 0; margin:0; color:#999e9f; line-height:16px;}

.index .ind_marketing .pic img{position:absolute; right:0; bottom:3.468%; right:6%; width:43.4782%; height:93.0635%;}
.index .ind_marketing h6{ color:#b1b3b4; text-transform:uppercase; padding:0 50% 5px 0; margin:0px;}

/*pages*/
.Pages{ padding:20px 0; text-align:center; line-height:28px; clear:both;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ color:#727272; display:inline-block; margin:0px 1px; padding:0px 12px; background-color:#fff; border:solid 1px #cccccc; }
.Pages a:hover,
.Pages em a.a_cur{color:#fff; background:#fe4400; border-color:#fe4400;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
/*pages end*/


@media screen and (max-width:479px){
.container .location dl{ font-size:0;}
.a_first,
.a_end,
#pageNum5{ display:none !important;}

.jobs_list .j_name span{ width:25%;}
.jobs_list .j_title span.name,
.jobs_list .j_name span.name{ padding-left:10px !important; width:50%; padding-right:25px;}
.jobs_list .time{ display:none !important;}
.jobs_list .detail{ padding:10px;}

}

@media screen and (max-width:639px){
.news_list ul li{ padding:3%; margin-bottom:3%}
.news_list ul li dl{ min-height:75px;}
.news_list ul li dl .pic{ height:75px;}
.news_list ul li dl .pic img{ width:150px; height:75px;}
.news_list ul li dl .txt h5{ margin:0;}
.news_list ul li dl .txt p{ height:48px; margin:0;}
.news_list ul li dl .txt{ padding-left:160px;}
.news_list ul li dl .txt .more a,
.news_list ul li dl .txt time{ display:none;}

.ind_ban .prev,
.ind_ban .next{ display:none;}

.pro_info .photo{ position:static; width:100%;}
.pro_info .photo img{ width:100%; border:solid 1px #999999; max-height:none;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:10px;}
.pro_info .intro{ padding-left:0; font-size:14px;}

.list_history .bd ul li dl{ padding:0;}
.list_history .bd ul li dl dt{ z-index:5; padding:0 10px 0 25px; background-position:left top; left:0; top:0; width:100%; background:#fff url(../images/time.jpg) no-repeat 10px 17px;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #c8c8c8; text-align:left; line-height:48px;}
.list_history .bd ul li dl dd{ padding-top:58px !important;}
.list_history .bd ul li dl dt span{ display:inline;}
}

@media screen and (max-width:767px){
.list_history .bd ul li dl dd{ padding:11px;}
.list_history .bd ul li dl dd div{ position:static; left:0;}
.index .ind_product,
.index .ind_news,
.index .ind_marketing{ width:100%; float:none; padding-bottom:44.2455%; margin-bottom:3%;}

}

@media screen and (max-width:1199px){
.header{ background:url(../images/header_bg.png) no-repeat center bottom; max-height:105px; position:relative; padding-bottom:13px;}
.header .logo{ max-width:30%;}
.header .logo img{ width:100%; max-width:170px;}


}
@media screen and (max-width:640px){
#img{display: none;}
}


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

.header .tel,
.container .sidebar,
.footer .weixin,
.footer .bdsharebuttonbox,
#goToTop{ display:none !important;}
.header .search{position: absolute;top: 25%;right: 8%; background-size: 90%;}
    .header .search .text{ width: 120px;}

.top_menu{ width:27px; height:30px; position:absolute; right:10px; top:63%; margin-top:-28px; cursor:pointer;}
.top_menu span{ display:block; height:4px; width:100%; border-radius:2px; background:#bbb; position:absolute; -webkit-transition:all ease 0.3s;transition:all ease 0.3s;}
.top_menu .span1{ top:4px;}
.top_menu .span2{ top:50%; margin-top:-2px;}
.top_menu .span3{ bottom:4px;}
.top_menu.on .span1{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:50%;}
.top_menu.on .span2{ display:none;}
.top_menu.on .span3{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top:50%;}

.header .nav{ position:absolute; top:100%;left:0; width:100%; display:none; z-index:500; padding:15px; margin-top:-6px; background:#e8f7fd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.header .nav.on{ display:block;}
.header .nav ul{}
.header .nav{ font-size:16px;}
.header .nav li a{ display:block;}
.header .nav li > a{ padding-left:15px; position:relative; line-height:30px;}
.header .nav li > a::before{ position:absolute; left:7px; top:50%; margin-top:-6px; width:4px; height:14px; content:''; background:#eeac7e; border-radius:2px;}
.header .nav dl{ font-size:14px; display:none;}
.header .nav dl span{ display:block;}
.header .nav dl span>a{ padding-left:25px; position:relative; line-height:26px;}
.header .nav dl span.on>a::before{ position:absolute; left:17px; top:50%; margin-top:-4px; width:0; height:0; border:5px solid #eeac7e; border-right:none; border-top-color:transparent; border-bottom-color:transparent; content:'';}
.header .nav .sub_three{ display:none; border-top:1px solid #eeac7e; padding-bottom:10px;}
.header .nav .sub_three a{ padding-left:25px; color:#777;}
}


@media screen and (min-width:480px){
.link_list ul li{ width:33.333%;}
}
@media screen and (min-width:640px){
.link_list ul li{ width:25%;}
}
@media screen and (min-width:768px){
.index .ind_news ul li p{ height:16px; overflow:hidden; padding:0;}
.index .ind_marketing h6{ padding-bottom:0;}
}

@media screen and (min-width:320px){
/*防伪页面*/
.ADDBOX{padding:20px 0;}
.AddLeft{text-align: center;font-size: 18px;color: #333;float: none;width:80%;margin: 0 auto;overflow: hidden;}
.AddLeft .ImgBox{width:100%;border: 1px solid #ccc;overflow: hidden;box-sizing:border-box;}
.AddLeft .ImgBox img{width: 100%;display: block;}
.AddLeft .AddName{margin-top: 10px;overflow: hidden;}
.AddRight{float: none;width: 80%;text-align: center;overflow: hidden;margin:20px auto;font-size: 14px;color: #666;}
.AddRight .AddTitle{font-size: 24px;margin:0 auto 20px;padding-top: 78px;background: url(../images/addico.png) no-repeat top center;width: 200px;}
.AddRight .AddP{margin:0 0 20px;padding: 0;line-height: 18px;}
.AddRight .AddSpan{display: inline-block;margin-bottom: 34px;background: #a5a5a5;padding: 2px 10px;color: #fff;}
.AddRight .AddBack{width: 215px;height: 55px;margin:0 auto;line-height: 55px;color: #fff;text-align: center;background: #ed7020;display: block;font-size: 18px;font-weight: bold;}

}

@media screen and (min-width:360px){

.AddLeft{width: 320px;}
.AddRight{width: 320px;}

}



@media screen and (min-width:980px){

/*防伪页面*/
.ADDBOX{padding:50px 0;}
.AddLeft{text-align: center;font-size: 18px;color: #333;float: left;width:342px;overflow: hidden;}
.AddLeft .ImgBox{width: 340px;height: 390px;border: 1px solid #ccc;overflow: hidden;}
.AddLeft .ImgBox img{width: 100%;height: 100%;display: block;}
.AddLeft .AddName{margin-top: 10px;overflow: hidden;}
.AddRight{float: left;width: 535px;overflow: hidden;margin-left: 43px;font-size: 14px;color: #666;}
.AddRight .AddTitle{font-size: 24px;margin-bottom: 20px;padding-top: 78px;background: url(../images/addico.png) no-repeat top center;width: 200px;}
.AddRight .AddP{margin:0 0 20px;padding: 0;line-height: 18px;}
.AddRight .AddSpan{display: inline-block;margin-bottom: 34px;background: #a5a5a5;padding: 2px 10px;color: #fff;}
.AddRight .AddBack{width: 215px;height: 55px;line-height: 55px;color: #fff;text-align: center;background: #ed7020;display: block;font-size: 18px;font-weight: bold;}


}
@media screen and (min-width:960px){


.header .search,
.header .tel,
.header .nav{ display:block !important;}
.index .ind_news ul li p{ height:32px; margin-bottom:5px;}


.top_height{ height:105px;}
.header{ position:absolute; width:100%; height:105px; background:url(../images/header_bg.png) no-repeat center top;}
.header .auto{ height:99px; position:relative; z-index:88;}
.header .logo img{ height:93px;}
.header .nav{ position:absolute; left:180px; bottom:0;}
.header .nav li{ position:relative; float:left; padding-right:25px; margin-right:25px; line-height:40px; background:url(../images/nav_line.png) no-repeat right center;}
.header .nav li a.a1{ font-weight:bold; font-size:16px; color:#333333; display:block; border-bottom:solid 2px transparent}
.header .nav li.on a.a1,
.header .nav li.hover a.a1{ color:#ed6f1f; border-color: #ed7020;}
.header .nav li.li_last{ background:none; padding-right:0; margin-right:0;}
.header .nav li dl{text-align:center; color:#fff; left:-25px; line-height:24px; padding:0px 10px; min-width:100px; position:absolute; display:none; background-color:#ed7020; height:auto; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8; border-radius:0px 0px 8px 8px;}
.header .nav li dl a{ display:block; white-space:nowrap; border-bottom:solid 1px #f1833d;color:#fff; font-size:12px; font-weight:normal; padding:0px 10px;}
.header .nav li dl a:hover{ background-color:#f1833d;}
.header .nav .sub_three{ display:none;}

.container{ padding:32px 20px; margin-top:53px;}
.container .sidebar{width:150px; position:absolute;}
.container .main{ padding-left:220px;}
.auto{width:100%; margin:0 auto; max-width:1200px; position:relative;}

.menu{ padding:0; margin:0;}
.menu h3{ display:none;}
.menu ul li{ padding:8px 0;}
.menu ul li a{font-weight:bold;  display:block;  text-align:center;}
.menu ul li a.a_n1{ color:#ed7020; font-size:14px;line-height:34px; background:url(../images/menu_bg.png) no-repeat center top;}
.menu ul li a.a_n1:hover,
.menu ul li a.on,
.menu ul li.li_on a.a_n1{ color:#fff; background-position:bottom;}
.menu ul li.li_on ul{ display:block;}
.menu ul li ul{ display:none; background-color:#fafafa;}
.menu ul li ul li { background:url(../images/menu_sub_line.png) no-repeat center bottom;}
.menu ul li ul li a.a_n2{ color:#999999;}
.menu ul li ul li a.on,
.menu ul li ul li a:hover{ color:#ed7020;}

#goToTop{ background:rgba(0,0,0,0.5); border-radius:50%; position:fixed; right:2%; bottom:2%; z-index:100; text-align:center; line-height:35px;}
#goToTop,#goToTop a{width:35px; height:35px;}
#goToTop a{ color:#fff; display:block;}

}

/************************/
@media screen and (min-width:1200px){	
.header .nav{ left:228px;}
.header .nav li{padding-right: 36px;margin-right: 34px;}
.header .nav li dl a{ padding:0px 20px;}

.bg_top{ background:url(../images/bg_bodytop.jpg) no-repeat center top; padding-bottom:56px;}
.product_category .box .hd{ margin-left:-18px;}


/*防伪页面*/
.ADDBOX{padding:70px 140px;}
.AddLeft{text-align: center;font-size: 18px;color: #333;float: left;width:342px;overflow: hidden;}
.AddLeft .ImgBox{width: 340px;height: 390px;border: 1px solid #ccc;overflow: hidden;}
.AddLeft .ImgBox img{width: 100%;height: 100%;display: block;}
.AddLeft .AddName{margin-top: 10px;overflow: hidden;}
.AddRight{float: right;width: 535px;overflow: hidden;margin-left: 43px;font-size: 14px;color: #666;}
.AddRight .AddTitle{font-size: 24px;margin-bottom: 20px;padding-top: 78px;background: url(../images/addico.png) no-repeat top center;width: 200px;}
.AddRight .AddP{margin:0 0 20px;padding: 0;line-height: 18px;}
.AddRight .AddSpan{display: inline-block;margin-bottom: 34px;background: #a5a5a5;padding: 2px 10px;color: #fff;}
.AddRight .AddBack{width: 215px;height: 55px;line-height: 55px;color: #fff;text-align: center;background: #ed7020;display: block;font-size: 18px;font-weight: bold;}




}

.AddFloat{width: 130px;height: 230px;background: url(../images/add_bg.png);position: fixed;top: 180px;right: 10px; z-index: 99}
.AddFloat .AddText{border: none;background:none;width:92px;height: 24px;color: #928f73;font-size: 12px;margin: 55px 0 0 20px;}
.AddFloat .AddBtn{background:none;display: block;width: 103px;height: 30px;margin-top: 5px;margin-left: 14px;}
.AddFloat .AddImg{background: #fff;width:74px;height: 67px;text-align: center;margin:8px auto;}
.AddFloat .AddImg img{display: block;margin:1px auto;width: 65px;height: 65px;}
.AddFloat .AddTop{width: 78px;height: 20px;margin: 0 auto;display: block;}
.AddFloat .AddFloat_close{display: block; cursor: pointer; position: absolute; right: 0px; top: -17px; width: 24px; height: 24px; background: url(../images/close.png) no-repeat;}

.AddLeft{display: none;}
.AddRight{width: 90%;margin: 0 auto;float: none;}
.index .ind_product dl h3 a{font-size: 18px;}
.ind_news h3 a{color: #4ca962;}

.AddVTT{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 20px;}
.AddVideoBox{background: #000;margin-bottom: 20px;}
.AddVideoBox .video{text-align: center;}
.AddVCon{}


/*在线留言*/
.gestbook { margin: 0 auto;}
.gestbook .ul li{list-style: none;}
@media only screen and (max-width: 980px) {
	.w980{width: 100%;}
}
.gestbook li{width: 100%; line-height: 40px; margin-bottom: 2%; font-size: 14px;}
.gestbook li label{display: inline-block; width: 10%;vertical-align: top;}
.gestbook li label i{vertical-align: top; color: red; font-style: normal;}
.gestbook li input{border: 1px solid #ccc; box-sizing: border-box; height: 40px; line-height: 40px; padding-left: 20px;}
.gestbook li .textarea{border: 1px solid #ccc; padding-left: 20px; box-sizing: border-box; resize: none; margin-left: -3px; min-height: 200px;}
.gestbook .btn{width: 60px; padding-left: 0px; padding-right: 0px; text-align: center; border-radius: 8px; cursor: pointer; background: #ed7020; color: white; border: 0px; margin: 0 auto; display: block;}
@media only screen and (max-width: 500px) {
	.gestbook {width: 90%;}
	.gestbook li label{width: 100%; text-align: left;}
	.gestbook li label span{display: inline-block; text-indent: 2em;}
	.gestbook li #textarea{margin-left: 0px !important;}
	.gestbook li input{width: 100%;}
	.gestbook li .textarea{width:100%;}
	.gestbook li{font-size: 12px;}
}
@media only screen and (min-width: 500px) and (max-width: 600px) {
	.gestbook {width: 80%;}
	.gestbook li{font-size: 12px;}
	.gestbook li input{width: 82%;}
	.gestbook li .textarea{width: 82%;}
}
@media only screen and (min-width: 601px) {
	.gestbook {width: 60%;}
	.gestbook li label{ text-align: right; }
	.gestbook li input{width: 77%;}
	.gestbook li .textarea{width: 77%;}
}
@media screen and (max-width:640px){
     .news-info iframe{width: 100%!important;}
}