/*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;}
.w1200{ width: 1200px; margin: 0 auto;}

img{object-fit:cover;}

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

.header{padding: 0px;position: relative;display:block;min-width: 1200px;}
.nav{ width:860px; margin: 6px auto 0 auto;  display: block; height: 56px;}
.nav ul{ display: block; margin: 0px auto 0 auto; height: 56px; text-align: center; }
.nav ul li{  color: #fff;  display: block; float: left; vertical-align: middle; text-align: center;  width: 14.2%;   position: relative;}
.nav ul li a{ display: inline-block; font-size: 16px;  height: 56px; line-height: 56px;  color: #333; }
.nav ul li .snav{ display:none; position: absolute; top: 100%; left: 0px; right: 0px; background: #369156; z-index: 9999;}
.nav ul li .snav a{ white-space: nowrap; display: block; height: 32px; line-height: 32px; border-right: 0px; }
.nav ul li .snav a:hover{ background: #feb800; color: #333; 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: #0c8b45; background: # ; font-weight: bold; border-bottom: 2px solid #0c8b45; }
.logo,.logo img{ width: auto; height: 70px; display: block;}
.logo{ margin: 0px 0 0px 0px;}






.topArea{ font-size: 14px;color:#ccc;padding:5px 0px; background: #424242; line-height: 28px; }
.topArea .bg-topArea{width:1200px;margin:0 auto;position:relative;}
.bg-topArea p font{ text-align: right; display: inline-block; padding-left: 24px; background: url(../images/tel2.png) no-repeat center left;}

.header2{position:relative; padding: 20px 0; background:url(../images/navbg.jpg) no-repeat center top;  }	
.header2 .header-inner{ position:relative; overflow:hidden;}
.header2 .set{ float:right; background: url(../images/tel.png) no-repeat center left; padding-left: 74px;  height: 66px;}
.header2 .set span{ font-size: 16px; color: #333; display: block; line-height: 32px;}
.header2 .set p{ color: #b59147; font-size: 24px; font-weight: bold;}

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


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

/* banner css -------------------------------------- */
.slideBox{ background: #fff;width: 100%;margin:0 auto;position:relative;overflow: hidden;min-width: 1200px;}
.slideBox .hd{ width:100%; position: absolute; bottom: 0px; left:0px; height:49px;  text-align:center;  }
.slideBox .hd ul{ display:inline-block; height:16px; padding:16px 5px;  z-index: 999;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{ cursor: pointer; display:inline-block; width:16px; height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox .hd ul .on{ background:#2e6e11; }
.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: 500px; width: 100%; display: block;}



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



.bb0{ border-bottom: 0px !important;}


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


.footer{margin: 30px auto 0 auto;width: 100%;background: #434343; overflow: hidden;  }
.ft_top{ overflow: hidden; color: #fff; margin: 30px auto; font-size: 14px; }
.foot_bt{ overflow: hidden;text-align: center; color: #FFFFFF;  width: 100%;  clear: both;  height:40px; line-height: 40px; background: #222; }
.ft_txt{ text-align: right; line-height: 24px; width: 400px; margin-right: 40px;}
.ewm{ width: 70px;}
.ewm img{ width: 70px; height: 70px; display: block; margin: 0 auto;}

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



/*top*/
.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;}

/*weixin*/
.online-qq{ 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}




.contbg1 { background: #F7F4E5; border-bottom: #E4D7A3 solid 1px; padding: 10px 0; }
.w640{ width: 640px;}
.w340{ width: 340px; }
.more{ line-height: 38px; padding: 0 10px; font-size: 14px; color: #999;}
.in_tit{ text-align: left; background: url(../images/tit_line2.png) no-repeat center left; overflow: hidden; height: 38px;}
.in_tit span{ font-size: 16px; padding: 0px 20px; line-height: 38px; display: inline-block; font-weight: bold; color: #fff; /*background: url(../images/titbg.jpg) no-repeat top left;*/}

.about_box{ background: url(../images/about_bg.jpg) no-repeat center top;}
.in_about{overflow: hidden;padding-top: 40px; }
.in_img{ width: 460px; height: 340px; display: block; background: #FFFFFF; padding:25px 25px 0 25px;}
.in_img img{ width: 460px; height: 340px;}
.r_txt{ width: 600px; line-height: 24px; font-size: 14px; color: #fff;}
.r_txt h2{ display: inline-block; color: #fff; line-height: 50px; font-size: 18px; font-weight: normal; margin: 0px 0 30px 0; border-bottom: 1px  solid #ff7b86;}
.amore{ display: inline-block; background: #FFFFFF; border-radius: 4px; color: #333333; padding: 5px 10px; margin-top: 30px;}

.video{ width: 460px; height: 340px;}

.about_img img{display: inline-block;width: 186px;height: 130px;margin-right: 10px;margin-top: 10px;float:  left;}


.title{ text-align: center; line-height: 24px; color: #333; padding: 30px 0;}
.title p{ display: block; position: relative;}
.title span{color: #999;background: #eee;position: relative;z-index: 99;font-size: 12px;display: inline-block;padding: 0px 30px;border-radius: 30px;text-transform: uppercase;}
.title font{ font-weight: bold; color: #0c8b45; font-size: 24px;  display: block; margin-bottom: 15px;}
.title i{ background: #e0e0e0; height: 1px;  position: absolute; left: 0px; right: 0px; top: 50%; display: block;}


.in_pro ul{ overflow: hidden;}
.in_pro ul li .pic_w{ width: 282px; height: 282px; overflow: hidden;}
.in_pro { overflow: hidden; padding: 20px 0 0px 0px;}
.in_pro ul li{ width: 284px; margin-right: 20px; float: left;  margin-bottom: 20px; }
.in_pro ul li a{  border: 1px solid #eee; background: #eee;  display: block; overflow: hidden; position: relative;}
.in_pro ul li img{ width: 282px; height: 282px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.in_pro ul li a:hover img{-webkit-transform: scale(1.5); transform: scale(1.5); }
.in_pro ul li span{ position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.4); width: 282px; font-size: 14px; text-align: center;  color: #fff; font-weight: normal; line-height: 42px; padding: 5px 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-webkit-transition:background-color .5s ease-in;
-moz-transition:background-color .5s ease-in;
transition:background-color .5s ease-in;}
.in_pro ul li a:hover span{ color: #fff; background: #0c8b45; }

.amore_w{ display: block; padding: 20px 0 40px 0; text-align: center;}
.amore_w a{ display: inline-block; padding: 10px 30px; font-size: 16px; color: #FFFFFF; background: #0c8b45;}

.pro_list .bd{ overflow: hidden; padding: 10px 0 10px 16px;}
.pro_list ul li{ width: 240px; margin-right: 20px; float: left; }
.pro_list ul li a{ background: #fff; display: block; overflow: hidden; position: relative;}
.pro_list ul li img{ width: 240px; height:195px; display: block; object-fit: contain; background: #eee;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; /* transform-origin默认值就是居中，可以不加 */ }
.pro_list ul li span{ font-size: 14px; text-align: center; color: #333; margin: 0; font-weight: normal; line-height: 40px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_list ul li a:hover img{ -webkit-transform: scale(1.5); transform: scale(1.5); }
.pro_list ul li a:hover span{color: #0c8b45;}
.pro_list ul li p{ font-size: 13px; color: #808080; line-height: 26px; text-align: center;}
.pro_list ul li .img_w2{ width: 240px; height:195px;  overflow: hidden;}

.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/jt.png) no-repeat center; display: block; position: absolute; left: 0px; top: 9px;}

.ys_box ul{ overflow: hidden; display: block; background: url(../images/ys_bg.png) no-repeat center 60px; padding-bottom: 40px;}
.ys_box ul li{ overflow: hidden; display: block; float: left; width: 33.33%; }
.ys_box ul li img{ display: block; border-radius: 50%; border:4px dotted #dcdbdb; background: #fff; padding: 5px; margin: 0 auto; width: 160px; height: 160px;  }
.ys_box ul li span{ display: block; text-align: center; font-size: 16px; margin: 20px 0 0 0; font-weight: bold; padding: 0 40px;}
.ys_box ul li p{ padding: 0 40px; line-height: 24px; color: #666; font-size: 14px; display: block; }
.ys_box ul li i{ display: block; background: url(../images/i.png) no-repeat center; height: 43px;}
.ys_box{ overflow: hidden; }

 


.left{ width: 260px; float: left; display: block; background: #fff;}
.con_left_a{ 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;}


.right{ width: 910px; float: right; background: #fff; }
.box_tit2{ overflow: hidden; /*! background: #ece8d2; */ border-bottom:1px solid #cecece; height: 47px;  padding: 0 10px 0 0; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 42px;}
.box_tit2 span{height: 45px;float: left;line-height: 45px;font-size: 16px;font-weight: bold;padding: 0 20px;color: #0c8b45;border-bottom: 2px solid #0c8b45;display: block;}
.Crumbs{ width: 1180px; margin: 0px auto 0 auto; font-size: 14px; padding:20px 0 0 20px; height: 33px; line-height: 33px; background: url(../images/icon_home.png) no-repeat 0px 30px; 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: #0c8b45;border: 1px solid #0c8b45;color: #fff;}
.number{ display: inline-block; text-align: center;}

.pro_list2 ul{ overflow: hidden; padding: 20px 0 0 20px;}
.pro_list2 ul li{ width: 160px; margin-right: 20px; 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 20px;}

.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: #954e00; color: #fff;}
.messg_div p textarea{ height: 100px; resize: none;}


.snav_tit{font-size: 20px;display: block;background: #d40909;line-height: 60px;font-weight: bold;text-align: center;color: #fff;}
.snav_tit2{font-size: 16px;display: block;background: #0c8b45;line-height: 40px;font-weight: bold;text-align: center;color: #fff;}


.in_pro2 { overflow: hidden; padding: 20px 20px 0px 0px;}
.in_pro2 ul li{ width: 275px; margin-left: 20px; float: left;  margin-bottom: 30px; }
.in_pro2 ul li a{ background: #fff;  display: block; overflow: hidden; position: relative;}
.in_pro2 ul li img{ width: 275px; height: 210px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.in_pro2 ul li span{ position: relative;  z-index: 4; width: 273px; font-size: 14px; text-align: center;border: 1px solid rgb(204, 204, 204); border-top: 0px; background: #FFFFFF; color: #333; font-weight: normal; line-height: 42px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.in_pro2 ul li a:hover span{ color: #0c8b45; }
.in_pro2 ul li a:hover img{-webkit-transform: scale(1.5); transform: scale(1.5);  }


.in_contact{font-size: 14px;color: #333333;line-height: 30px;padding: 20px;background: #f6f6f6;}
.in_contact p span{ font-weight: bold;}
.in_contact p img{ width: 100%; height: auto; margin-top: 20px; display: block; }

.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 20px 0 20px;}

.left{ background: #f6f6f6;}
.left .news_list{ padding: 0 10px;}

.ys_bg{ background: url(../images/ys_bg.jpg) no-repeat center bottom; padding: 30px 0 30px 0;}
.ys_img{  display:block; overflow: hidden;}
.ys_img img{ width:284px; display: block; margin: 0 auto;}
.ys_img ul{ overflow: hidden;}
.ys_img ul li{ width: 300px; float: left ; display: block; cursor: pointer; margin-top: 20px;-webkit-transition: ease .4s;transition: ease .4s;}
.ys_img ul li:hover{ margin-top: 0px;}


.w580{ width: 560px;}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;text-align: left;border:1px solid #e0e0e0;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#0c8b45;color:#fff;text-align:center;font-family:"瀹嬩綋";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}