/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff; font-family: "microsoft yahei",arial; width: 100%;}
a,a:hover{color:#333;}

.fl{ float: left;}
.fr{ float: right;}

.tl{ text-align: left;}
.tr{ text-align: right;}

.clear{ clear: both;}
.w1000{ width: 1000px; margin: 0 auto;}


/*  ====header=====  */

.header{ padding: 0px; position: relative; display:block; }
.head{  height: 115px; overflow: hidden;}
.topArea{ font-size: 14px;color:#999;padding:12px 0px; background: #f2f2f2; }
.topArea .bg-topArea{width:1003px;margin:0 auto;position:relative;}

.nav{ width: 100%; margin-top: 40px;  margin: 0 auto;  display: block; /*! background:#c3842a; */ height: 54px; border-top: 1px solid #e0e0e0; }
.nav ul{ display: block; margin: 0px auto 0 auto; height: 54px; width: 1000px; text-align: center;/*! border-left:1px solid #d19d3f; */ }
.nav ul li{  color: #fff;  display: block; float: left; vertical-align: middle; text-align: center;  width: 16.66%; line-height: 54px;  position: relative;}
.nav ul li a{ display: block; font-size: 16px;  height: 54px; line-height: 54px; /*! border-right:1px solid #d19d3f; */ color: #333;  }
.nav ul li .snav{ display:none; position: absolute; top: 100%; left: 0px; right: 0px; background: #d19d3f; z-index: 9999;}
.nav ul li .snav a{ white-space: nowrap; display: block; height: 42px; line-height: 42px; border-right: 0px; color: #fff;}
.nav ul li .snav a:hover{ background: #bc892e; color: #fff; border-bottom: 0px;}
.nav ul li.active .snav a{ border-bottom: 0px; color: #333;}
.nav ul li a:hover,.nav ul li.active a{ color: #fff;  background:#d19d3f;}
.logo,.logo img{ width: auto; height: 65px; display: block;}
.logo{ margin: 0px 0 0px 0px;}
.logo a{ display: block;}

.header2{position:relative; }	
.header2 .header-inner{width:1003px;margin:0 auto;position:relative;overflow:inherit}
.header2 .set{position:absolute;right:0;top:0; line-height: 24px; background: url(../images/tel.png) no-repeat 0px 40px; padding-left: 54px; padding-top: 35px; height: 75px;}
.header2 .set span{ font-size: 14px; color: #333; display: block;}
.header2 .set p{ color: #deab4e; font-size: 18px; }

.logo{float:left;font-size:0; margin: 28px 0;}
.logotitle{float:left;color:#359156;font-size:16px;padding:15px}
.logotitle1{font-size:26px;color:#111;}


/*  ====index=====  */

/* banner css -------------------------------------- */
.slideBox{  height: 450px; background: #fff; width: 100%; margin:0 auto; position:relative; overflow: hidden; }
.slideBox .hd{ width:100%; position: absolute; bottom: 60px; left:0px; height:49px;  text-align:center;  }
.slideBox .hd ul{ display:inline-block; height:24px; padding:16px 5px;  z-index: 999;-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{ background: url(../images/tip1.png) no-repeat center top; cursor: pointer; display:inline-block; width:24px; height:24px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:8px;  margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox .hd ul .on{ background-position: center bottom;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox .bd li a,.slideBox .bd li,.slideBox .bd{ height: 450px; width: 100%; display: block;}


.w960{ width: 960px; margin: 0 auto;}
.m_about{ width:1060px; padding: 20px 30px; background: url(../images/m_about_bg.png) no-repeat center top ; position: relative; z-index: 9999; margin: -60px auto 0px auto;}

.box-main01{ padding: 40px 0px 0 0; margin: 0 auto; overflow: hidden; }



.bb0{ border-bottom: 0px !important;}
.bgef2f2f2{ background: #F2F2F2;}


.pd0{ padding-bottom: 0px !important; overflow: hidden;}


.slideBox2{  height: 268px; overflow: hidden;  background: url(../images/img_box_bg.png) no-repeat center; padding: 25px;  margin:30px auto 0 auto; position:relative; overflow: hidden; }
.slideBox2 .hd{  position: absolute; bottom: 25px; left:0px; right: 30px; height:30px;  text-align:center;  }
.slideBox2 .hd ul{ display:inline-block; height:24px; padding:0px 5px; float: right;  z-index: 999; line-height: 20px;  font-size:12px; vertical-align:top;}
.slideBox2 .hd ul li{ background: #fff; cursor: pointer; display:inline-block; width:20px; height:20px;  margin:0 3px;  vertical-align:top; overflow:hidden;   }
.slideBox2 .hd ul .on{ background:red; color: #fff;  }
.slideBox2 .bd{ position:relative; z-index:0; }
.slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox2 .bd li a,.slideBox2 .bd li,.slideBox2 .bd{ width: 100%; display: block;}
.slideBox2 .bd li a img{ width: 100%; height: 268px; display: block;}


.slideBox3{   background: url(../images/img_box_bg2.png) no-repeat center;  height: 268px;  overflow: hidden; width: 430px;  padding:  0;   padding: 25px;  margin:30px auto 0 auto; position:relative; overflow: hidden; }
.slideBox3 .hd{  position: absolute; bottom: 25px; left:0px; right: 30px; height:30px;  text-align:center;  }
.slideBox3 .hd ul{ display:inline-block; height:24px; padding:0px 5px; float: right;  z-index: 999;-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; font-size:0; vertical-align:top;}
.slideBox3 .hd ul li{ background: #fff; cursor: pointer; display:inline-block; width:14px; height:14px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:8px;  margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox3 .hd ul .on{ background:red;  }
.slideBox3 .bd{ position:relative; z-index:0; }
.slideBox3 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox3 .bd li,.slideBox3 .bd{ width: 100%; display: block;}
.slideBox3 .bd li a img{ width: 100%; height: 264px; display: block;}
.slideBox3 .bd li a{ width: 426px; border: 2px solid #EEEEEE;  display: block;}



.footer{ background: #303030;}
.footer_w { overflow: hidden; padding: 20px 0px;}
.footer_w .list1{ width: 190px; float: left; line-height: 24px; font-size: 14px; }
.footer_w .list1 ul li span{ font-size: 16px; color: #fff; line-height: 32px;}
.footer_w .list1 ul li a,.footer_w .list1 ul li{ color: #999;}
.footer_w .list1 ul li i{ display: block; width: 20px; height: 1px; background: #fff; margin: 10px 0;}

.footer_w .list4{ width: 140px;}
.footer_w .list5{ width: 280px;}

.footer_w .list4 img{ width: 120px; max-width:  120px; height: 120px; display: block; margin: 30px auto 0 auto;}
.footer_w .list4 span{ display: block; text-align: center; color: #fff;}

.foot_bt{ overflow: hidden; padding: 15px 0; background: #232323;}
.foot_bt p{ font-size: 14px; color: #bbb; text-align: center;}




.mb10px{ margin-bottom: 10px;}
.b1px{ border: 1px solid #a5633f;}
.pb40px{ padding-bottom: 40px ;}


/*返回顶部*/
.page_top{position:absolute; bottom: 10px;}
#pageTop{background:url(../images/page_top_bg.png) no-repeat; display: none; width:80px;height:80px;right:10px;bottom:10px;position:fixed;overflow:hidden;text-indent:-999px;}
#pageTop:hover{background-position:0 -91px}
#pageTop a{width:100%;height:100%;display:block;}

/*在线客服*/
.online-qq{background:url(../images/nav_up.png) no-repeat 50% 0;z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px #bbb;border:1px solid #eee}
.qq_content .dt{font-size:16px;font-weight:bold;color:#545454;line-height:42px;text-align:center;background:#F3F3F3 url(../images/qq_close.png) no-repeat 95% 50%;cursor:pointer}
.qq_content dd{padding:12px}
.qq_content .tel{background:#f8f8f8;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .ercod{background:#fff}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{background:url(../images/icon_qq.png) no-repeat 0 50%;padding:0 0 0 18px}


.w480{ width: 480px; }
.w420{ width: 420px; }

.w640{ width: 640px; margin-right: 40px;}
.w340{ width: 260px; }
.more{ line-height: 34px; padding: 0 10px; font-size: 14px; margin-top: 20px; color: #fff; background:#cf9428; text-align: center; text-transform: uppercase; display:block;width: 80px;}
.more:hover{ color: #fff;}
.in_tit{ text-align: left;  overflow: hidden; }
.in_tit span{ font-size: 20px; padding: 0px 0px; line-height: 30px; display: inline-block; font-weight: bold; color: #cf9428; }
.in_tit span font{ display: block; font-size: 14px; color: #999999; font-weight: normal; text-transform: uppercase; }
.in_tit p{ background: url(../images/tit_bg3.png) no-repeat center left; padding-left: 60px; height: 60px; line-height: 24px;}

.in_about{   overflow: hidden; }
.r_txt{ line-height: 24px; font-size: 14px; color: #666; margin-top: 15px;}
.r_txt .more{ margin-top: 40px;}

.video_w{ width: 380px; height: 216px; position: absolute; left:20px ; top: 17px;}
.video_box{ position: relative;}


.news_list2{ display: block;}
.news_list2 ul{ padding-top: 10px ;}
.news_list2 ul li{margin-top: 15px; display: block; position: relative;padding-bottom: 15px; padding-left: 20px; border-bottom: 1px dashed #bbb;}
.news_list2 ul li span{ font-size: 12px; text-align: center; color: #999; line-height:30px;width: 80px; position: absolute; right: 0px; top:0px;}
.news_list2 ul li span font{ font-size: 16px; color: #333; }
.news_list2 ul li a{ line-height: 30px; padding-right: 90px; margin-bottom: 6px;  display: block; font-size: 16px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.news_list2 ul li i{ width: 8px; height: 10px; background: url(../images/jt0.png) no-repeat center; display: block; position: absolute; left: 0px; top: 9px;}
.news_list2 ul li p{ font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden;}


/*.bgfff{ background: #fff;}*/

/* 环境css */
.in_hj{ width:320px; height:250px; overflow:hidden; position:relative; }
.in_hj .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.in_hj .hd ul{ overflow:hidden; zoom:1; float:left;  }
.in_hj .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.in_hj .hd ul li.on{ background:#f00; color:#fff; }
.in_hj .bd{ position:relative; height:100%; z-index:0;   }
.in_hj .bd li{ zoom:1; vertical-align:middle; }
.in_hj .bd img{ width:320px; height:250px; display:block;  }

.pro_list3 { margin-top: 20px;}
.pro_list3 ul li{ width: 198px; margin:0 1px 2px 1px;  float: left; }
.pro_list3 ul li a{ background: #fff; display: block; overflow: hidden; position: relative;}
.pro_list3 ul li img{ width: 198px; height: 158px; display: block;  }



.pro_list .bd{ overflow: hidden; padding: 10px 0 10px 0px;}
.pro_list ul li{ width: 228px; margin-right: 20px; margin-bottom: 20px;  float: left; }
.pro_list ul li a{ background: #fff; display: block; overflow: hidden; position: relative;}
.pro_list ul li img{ width: 218px; height: 188px; display: block; padding: 5px;}
.pro_list ul li span{ font-size: 14px; text-align: center; color: #666; font-weight: normal;  padding: 12px 0; display: block;  width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.news_list{ display: block;}
.news_list ul{ padding-top: 10px ;}
.news_list ul li{ display: block; position: relative; padding-right: 90px; padding-bottom: 10px; padding-left: 20px;}
.news_list ul li span{ font-size: 12px; text-align: center; color: #999; line-height:30px;width: 80px; position: absolute; right: 0px; top:0px;}
.news_list ul li span font{ font-size: 16px; color: #333; }
.news_list ul li a{ line-height: 30px; display: block; font-size: 14px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li i{ width: 8px; height: 10px; background: url(../images/jt0.png) no-repeat center; display: block; position: absolute; left: 0px; top: 9px;}

.in_contact{ font-size: 16px; color: #999999; line-height: 30px; margin-top: 15px;}
.in_contact p span{ color: #333333;}
.in_contact p img{ width: 100%; height: auto; display: block; margin-top: 10px; }

.in_ys{ position: relative; margin-top: 40px; padding: 30px 0 20px 0; background:url(../images/ys_bg.png) no-repeat center top;}
.in_tit2{ text-align: center; padding-top: 40px;  width: 100%; margin-bottom:40px; }
.in_tit2 font{ font-size: 30px; color: #ddd; text-transform: uppercase; font-weight: bold;}
.in_tit2 span{ display: block; text-align: center; width: 100%; font-size: 24px; color: #d19d3f; font-weight: bold; position: absolute; left: 0px; top: 54px;}
.in_tit2 i{ width: 40px; height: 3px; display: block; margin: 0 auto; background: #d19d3f;}
.in_tit2 p{ color: #999; text-align: center; display: block; line-height: 24px; font-size: 16px; padding: 10px 8px 0 8px;}



.box-main02 { padding: 20px 0px 0 0; margin: 0 auto; overflow: hidden; }
.left{ width: 242px; float: left; display: block; margin-bottom: 20px;}
.left .in_tit3{ font-size: 18px; text-align: center; line-height: 37px; color: #d19d3f; font-weight: bold; padding-bottom: 10px; background: url(../images/tit_bg2.png) no-repeat center bottom;}
.con_left_a{ border: 1px solid #578d0a; border-radius: 2px; width: 240px;}
.con_left_a ul{ padding: 0 5px;}
.con_left_a ul li{line-height: 30px;display: block;font-size: 14px; padding: 1px 0; border-top: 1px dashed #c3c3c3; margin-top: -1px;}
.con_left_a ul li a{display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.con_left_a ul li a span{ font-family: simsun; color: #578d0a;}
.box_tit{ background:#a5633f; height: 37px; width: 220px; padding: 0 10px; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 32px;}
.box_tit a{ margin-top: 4px; display: block;}
.left .in_contact { font-size: 14px;}

.right{ width: 710px; float: right; }
.box_tit2{ overflow: hidden; border-bottom:1px solid #cecece; height: 37px;  padding: 0 10px 0 0; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 32px;}
.box_tit2 span{ height: 35px; float: left; line-height: 35px; font-size: 18px; font-weight: bold; padding: 0 20px; color: #d19d3f; border-bottom: 2px solid #d19d3f; display: block; }
.Crumbs{ padding:0 0 0 20px; height: 33px; line-height: 33px; background: url(../images/icon_home.png) no-repeat center left; color: #666;}
.Crumbs a{ color: #333;}

.pageJump{ padding: 20px 0; overflow: hidden;  font-size: 12px; text-align: center;}
.pageJump a{ display: inline-block; margin-right: 6px; padding: 4px 8px; vertical-align: top; color: #333333; border: 1px solid #ddd;}
.pageJump a:hover,.pageJump a.current{ background: #954e00; border: 1px solid #954e00; color: #fff;}
.number{ display: inline-block; text-align: center;}

.pro_list2 ul{ overflow: hidden; padding: 20px 0 0 10px;}
.pro_list2 ul li{ width: 160px; margin-right: 15px; float: left; margin-bottom: 10px;}
.pro_list2 ul li a{ display: block; overflow: hidden; position: relative;}
.pro_list2 ul li img{ width: 148px; height: 130px; display: block;}
.pro_list2 ul li span{ font-size: 14px; text-align: center; color: #333; font-weight: normal;  padding: 6px 0; display: block;  width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cp_img{ padding: 5px; display: block; border: 1px solid #E0E0E0; background: #fff;}

.left_box .news_list ul li{ padding-bottom: 0px;}
.right .news_list{ padding: 10px 10px;}

.messg_div{ padding: 50px 20px 80px 20px;}
.messg_div p{ display: block; position: relative;padding-left: 50px; margin-bottom: 10px;}
.messg_div p span{ display: block; width:40px; text-align: right; font-size: 14px; color:  #333; position: absolute; left: 0px; top: 0px; line-height: 30px;}
.messg_div p input.inp,.messg_div p textarea.textarea{ padding: 5px 10px; line-height: 20px; color: #333; font-size: 14px; width: 80%; -webkit-appearance: none; border: 1px solid #e0e0e0; outline: none; border-radius: 2px; font-family: "microsoft yahei";}
.messg_div p input.btn{font-family: "microsoft yahei"; width: 60px; height: 30px; line-height: 30px; background: #ddd; margin-right: 15px; display: inline-block; font-size: 14px; color: #333; border: 0px; outline: none; -webkit-appearance: none; border-radius: 2px;}
.messg_div p input.btn1{ background: #250c36; color: #fff;}
.messg_div p textarea{ height: 100px; resize: none;}




/*11-9details*/
.con_txt{ padding: 0 0px 20px 0px;}
.display_title h1 { text-align: center; padding: 30px 30px 15px; margin: 0; color: #111; font-size: 22px; line-height: 28px; }
.display_content p{ font-size: 14px; color: #333; line-height: 24px; text-indent: 2em;}
.display_content img{ max-width: 100%; display: block; overflow: hidden; margin: 15px auto;}
.info{ padding:10px 0 10px 0; margin: 0 auto; width: 500px; text-align: center; background: #e8f0e3; color: #999;}
.page_up_dn{z-index:300;margin:0;padding: 20px;overflow:hidden;zoom:1; font-size: 14px; line-height: 24px;}
.page_up_dn li{padding:0;width:100%; color: #333; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.page_up_dn li a{ color: #000;}
.page_up_dn li span{ font-weight: bold;}
.red{ color: red;}
.display_content{ padding: 20px 10px 0 10px;}


.tiyanlist { width: 1000px; margin: 0 auto; height: 250px; }
.tiyanlist dt { width: 440px; height: 250px; float: left; overflow: hidden;  text-align: right;}
.tiyanlist dd { float: right; width: 440px; margin-right: 44px; margin-top: 8px; }
.tiyanlist dd h3 {  height: 38px; border: 3px solid #d19d3f; background: #d19d3f; color: #fff; font-size: 20px; text-align: center; line-height: 38px; position: relative; display: inline-block;padding: 0 10px;}
.tiyanlist dd p {  font-size: 14px; color: #333; line-height: 24px; margin-top: 20px; padding-bottom: 21px; margin-bottom: 15px; }
.tiyanlist dd span { display: block; color: #ccc; font-size: 10px; line-height: 16px;}
.tiyanlist.no2 dt { float: right; margin-right: 50px;  text-align: left; }
.tiyanlist.no2 dd { float: left; margin-right: 0; text-align: right;}
.tiyanlist dt img{ border: 4px solid #eee; height: 200px; width: 340px; display: inline-block;}


.snav2{ width: 100%;}
.snav2 a{ font-size: 16px; display: block; padding: 10px 0; text-align: center; background: #EEEEEE; color: #333; margin: 5px 0;}
.snav2 a:hover,.snav2 a.active{ background: #d19d3f; color: #fff;}

.img_box{ background: url(../images/img_box.png) no-repeat center top; width: 100%; height: 169px;}

.m-xj .xj-prod { position:relative; height:570px; width:1000px; margin:auto; background:url("../images/xj.png") no-repeat center; }
.m-xj .prod-one { position:absolute; left:0; top:40px; width:350px; text-align:left; }
.m-xj .prod-one img { width:138px; height:138px; border-radius:50%; margin-left:10px; }
.m-xj .prod-two { position:absolute; left:0; top:342px; width:320px; text-align:left; }
.m-xj .prod-two img { width:138px; height:138px; border-radius:50%; margin-left:10px; }
.m-xj .prod-center { margin-top:-78px; margin-left: -105px ; position:absolute; left:50%; top:50%; width:210px; height:210px; border-radius:50%; }
.m-xj .prod-three { position:absolute; right:-45px; top:0; width:400px; text-align:left; }
.m-xj .prod-three img { width:138px; height:138px; border-radius:50%; margin-left:10px; }
.m-xj .prod-four { position:absolute; right:20px; top:190px; width:240px; text-align:left; }
.m-xj .prod-four img { width:120px; height:120px; border-radius:50%; margin-left:10px; }
.m-xj .xj-prod p { display:inline-block; vertical-align:top; line-height:1.8; margin-top:10px; font-size: 14px;}
.m-xj .xj-prod h3{ font-size: 20px; color: #d0ba40;}

.m-footer-rel { line-height:54px; background-color:#ededed; text-align:center; }
.m-footer-rel ul { display:inline-block; margin:auto; }
.m-footer-rel ul li { display:inline-block; margin:0 20px; }
.m-footer-rel ul li:hover a { color:#48a417; cursor:pointer; }



#marquee1{ width:430px;height:268px;overflow:hidden; }
#marquee1 ul li{float:left; padding:0 1px; margin-right: 25px;}
#marquee1 ul li img{display:block; height: 240px; width: auto;}
#marquee1 ul li span{ display: block; text-align: center; font-size: 16px; line-height: 28px ; color: #333;}