@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
/*公用*/
.container-fluid{ width:100%; float:left;}
.container,.container-fluid{ padding:0;}


/*首页*/
#obtn .top{ width:100%; float:left; z-index:11; position:absolute; left:0; padding-top:24px; border-top:solid 4px #007a23;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#obtn .top .logo{ float:left; height:77px;}
#obtn .top .logo img{ height:100%; float:left;}
#obtn .top.on{ background:white;}
#obtn .pz_menu{ z-index:99; margin-top:-183px; position:relative;}
#obtn .menu{ z-index:99; width:100%; float: left; background:#007a23;}
#obtn .menu > ul{ float:left; width:100%;}
#obtn .menu ul .nli{ float:left;z-index
:99; width:12.5%; position:relative;}
#obtn .menu ul .nli span{ display:block; width:100%; float:left;}
#obtn .menu ul .nli span a{ display:block; float:left; height:64px; width:100%; text-align:center; line-height:64px; color:#fff; font-size:18px; overflow:hidden;position:relative; letter-spacing:1px;}
#obtn .menu ul .nli.on span a:before,
#obtn .menu ul .nli:hover span a:before{ content:''; width:74px; height:2px; background:white; position:absolute; left:50%; bottom:2px; position:absolute; margin-left:-37px;}

/*下拉菜单（漂浮在menu .nli上）*/
#obtn .sub{ z-index:21;  position:absolute; width:100%; left: 0; top:100%; display:none; text-align:center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#obtn .sub .l2{ width:100%; float:left; margin-top:1px;}
#obtn .sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 24px; padding:10px 0; overflow:hidden; position:relative; background:#e1e1e1; color:#333;}
#obtn .sub .l2:hover .l2_a{ background:#007a23; color: #fff;}
#obtn .sub .l2:hover{ position:relative; z-index:2;}
#obtn .menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

#obtn .menuph{ float:right; cursor: pointer;  width: 30px;  height: 50px; display: none;}
#obtn .menuph .point { display:block;  width: 30px;  height: 30px; margin-top:10px;}
#obtn .menuph .navbtn {  position: absolute;  top: 24px;  right: 10px;  display: inline-block;  width: 18px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #007a23; z-index:9999;}
#obtn .menuph .navbtn::after,
#obtn .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 18px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #007a23;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
#obtn .menuph .navbtn::after { top:-6px;}
#obtn .menuph .navbtn::before { top:6px;}
#obtn .menuph .point.active .navbtn{  background: transparent;  }
#obtn .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
#obtn .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

#obtn .pf_menu{ position:fixed; width:100%; display:none; right:0px; top:50px; z-index:9 !important; z-index: 98; background: #007a23;}
#obtn .ph_menu{ float:left; width:100%; text-align:left;}
#obtn .nav_box{ width:100%; float:left;}
#obtn .ph_menu .nli{ float:left; width:100%; position:relative;}
#obtn .ph_menu .nli span{ float:left; width:100%;}
#obtn .ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-top:solid 1px #fcfcfc; padding:0 10px;}
#obtn .ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(_im_g/top_6_h.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#obtn .ph_menu .nli.on svg{ transform:rotate(90deg);}
#obtn .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 10px; border-top:solid 1px #fcfcfc;}
#obtn .ph_menu .nli .l2_ul li a{ line-height:30px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.6;}
#obtn .ph_menu .nli .l2_ul li a:active{ opacity:1;}
#obtn .pz_menu.on{ position:fixed; top:0; margin-top:0; background:#007a23;}
#obtn .ph_menu .search{ display:block; float:left; height:50px; border:solid 1px #007a23; width:100%; padding: 0 60px 0 0; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1;}
#obtn .ph_menu .search .search_k{ height:48px; line-height:48px; width:100%; background: white; font-size: 14px; color: #007a23; padding-left:10px; font-weight:bold;}
#obtn .ph_menu .search .search_btn{ position: absolute; right:-1px; top: 0; height:48px; width:60px; background:url(_im_g/top1.png) no-repeat center center white; background-size: 20px 20px;}

@media screen and (max-width: 991px) {
#obtn .menuph{ display: block; position:relative;}
#obtn .menu{ display:none;}
#obtn .top{ height:50px; top:0; position:fixed; padding-top:0; border-width:2px;}
#obtn .top .logo{ height:50px; line-height:50px; display:table;}
#obtn .top .logo a{ display:table-cell; vertical-align:middle; margin-top:-3px; height:40px;}
#obtn .top.on_1{ top:0; background:white; box-shadow:0 2px 3px rgba(0,0,0,0.1);}
#obtn .top.on_2{top:-50px;}
}
@media screen and (max-width: 767px) {
#obtn .top{ padding:0 0 0 10px;}
}

#obtn .slide_banner{ width:100%; float:left; min-height:500px;}
#obtn .slide_banner .slick-slide{ position:relative; overflow:hidden; background-size:cover !important; height:583px;}
#obtn .slide_banner .slick-slide h1{ width:auto; position:absolute; left:50%; top:50%; margin-top:-20px; margin-left:-350px; opacity:0;}
#obtn .slide_banner .slick-slide h5{ width:auto; position:absolute; left:50%; top:50%; margin-top:45px; opacity:0;}
#obtn .slide_banner .slick-dots {
	position: absolute;
	bottom:213px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
#obtn .slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 5px;
	margin: 3px 10px 0 10px;
	padding: 0;
	background:white;
	cursor: pointer;
	overflow:hidden;
	background:white; opacity:0.6;
}
#obtn .slide_banner .slick-dots li.slick-active{
	opacity: 1; background:#ff6d06; height:8px; margin-top:0;
}
@media screen and (max-width: 991px) {
#obtn .slide_banner{ min-height:300px;}
#obtn .slide_banner .slick-slide{ height:350px;}
#obtn .slide_banner .slick-dots {bottom: 25px;}
}
@media screen and (max-width: 767px) {
#obtn .slide_banner{ min-height:200px;}
#obtn .slide_banner .slick-slide{ height:250px;}
#obtn .slide_banner .slick-dots {bottom: 15px;}
#obtn .slide_banner .slick-dots li { width:16px; height:2px; margin:1px 3px 0 3px;}
#obtn .slide_banner .slick-dots li.slick-active{ height:3px;}
#obtn .slide_banner .slick-slide h1{ height:50px; left:80%;}
#obtn .slide_banner .slick-slide h1 img{ height:100%;}
#obtn .slide_banner .slick-slide h5{ left:80%; margin-top:30px; height:18px;}
#obtn .slide_banner .slick-slide h5 img{ max-width:none; height:100%;}
}

#obtn .footert{ background:#007a23; padding:15px 0; overflow:hidden;}
#obtn .footert ul{ width:100%; float:left;}
#obtn .footert ul li{ width:33.33%; float:left; margin:3px 0; padding:0 15px; position:relative;}
#obtn .footert ul li select{ display:block; width:100%; float:left; height:46px; line-height:46px; background:#33954f; padding-left:20px; font-size:16px; color:white;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
#obtn .footert ul li:before{ content:''; width:36px; height:100%; position:absolute; right:15px; top:0; background:url(_im_g/footer3.png) no-repeat center center #33954f; z-index:3;}
#obtn .footert ul li select option{ color:#333;}
#obtn .footerd{ padding:22px 0 17px 0; text-align:center;}
#obtn .footerd .bq,#obtn .footerd .link{ width:100%; float:left; font-size:14px; color:#555; line-height:28px; letter-spacing:1px;}
#obtn .footerd .link{ line-height:32px;}
#obtn .footerd .ico{ width:100%; float:left; margin-top:13px;}
@media screen and (max-width: 991px) {
#obtn .footert{ padding:10px 0;}
#obtn .footert ul li select{ height:40px; line-height:40px;}

}
@media screen and (max-width: 767px) {
#obtn .footert{ padding:5px 10px;}
#obtn .footert ul li{ width:100%;}
#obtn .footert ul li select{ height:30px; line-height:30px; font-size:14px;}
#obtn .footert ul li:before{ background-size:8px auto;}
#obtn .footerd{ padding:10px;}
#obtn .footerd .bq,#obtn .footerd .link{ font-size:12px; line-height:22px; letter-spacing:0px;}
#obtn .footerd .link{ line-height:24px;}
#obtn .footerd .ico{ margin-top:6px;}
}

/*右漂浮*/
#obtn .pf_right{ position: fixed; width: 44px; right:50%; top: 50%; margin-top: -65px; margin-right:-689px; z-index: 20; background:white; box-shadow:0 0 7px rgba(0,0,0,0.08); padding:3px 0 10px 0;}
#obtn .pf_right ul{ float: left; width:100%;}
#obtn .pf_right ul li{ float: left; width: 44px; height: 44px; margin-top:5px; position: relative;}
#obtn .pf_right ul li > img{ float: left;}
#obtn .pf_right ul li .name{ width:120px; position:absolute; left:-120px; top:0; line-height:44px; font-size:14px; color:#999; text-align:right; padding-right:16px; background:#007a23; color:white; display:none;}
#obtn .pf_right ul li:hover .name{ display:block;}
#obtn .pf_right ul li .ewm{ display:none; width:92px; height:92px; padding:4px; background:#007a23; position:absolute; left:-110px; top:50%; margin-top:-46px; z-index:6; background-size:contain;}
#obtn .pf_right ul li .ewm:before{ content:''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 7px solid #2b3d51; border-bottom: 5px solid transparent; position:absolute; right:-7px; top:50%; margin-top:-5px;}
#obtn .pf_right ul li .ewm img{ width:100%; float:left; border:solid white 4px;}
#obtn .pf_right ul li:hover .ewm{ display:block;}
@media screen and (max-width: 1380px) {
#obtn .pf_right{ right:0; margin-right:0;}
}
@media screen and (max-width: 991px) {
#obtn .pf_right{ display: none;}
}



/*首页*/
#obtn .index1{ width:100%; float:left; background:white; padding:42px 30px 0 30px; margin-top:-119px; position:relative; z-index:5;}
#obtn .index1 .index1l{ float:left; width:68.37%;}
#obtn .index1 .index1l .slide_pic_1{ width:50%; height:303px; position:relative; overflow:hidden; float:left;}
#obtn .index1 .index1l .slide_pic_1 .img{ display:block; width:100%; height:267px; position:relative; overflow:hidden; float:left;}
#obtn .index1 .index1l .slide_pic_1 .img img{ width:400px; height:267px; position:absolute; left:50%; top:0; margin:0 0 0 -200px; max-width:none;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index1 .index1l .slide_pic_1 .img:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index1 .index1l .slide_pic_1 .title{ width:100%; height:36px; float:left; background:#404040; padding:0 22px;}
#obtn .index1 .index1l .slide_pic_1 .title h5{ width:80%; float:left; font-size:14px; color:white; line-height:36px;}
#obtn .index1 .index1l .slide_pic_1 .slick-dots {
	position: absolute;
	bottom: 12px; left:auto; right:20px;
	display: block;
	width:auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
#obtn .index1 .index1l .slide_pic_1 .slick-dots li {
	float:left;
	width: 11px;
	height: 11px;
	margin: 0 0 0 6px;
	background:white;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#obtn .index1 .index1l .slide_pic_1 .slick-dots li button {
	display:none;
}
#obtn .index1 .index1l .slide_pic_1 .slick-dots li.slick-active{
	background:#ff6d06;
}
#obtn .index1 .index1l .slideTxtBox{ width:47.375%; float:right;}
#obtn .index1 .index1l .slideTxtBox .hd{ width:100%; float:left; height:39px;}
#obtn .index1 .index1l .slideTxtBox .hd ul{ float:left;}
#obtn .index1 .index1l .slideTxtBox .hd ul li{ float:left; text-align:center; position:relative; width:108px; float:left; font-size:18px; color:#313131; line-height:39px; z-index:5; cursor:pointer; background:#e1e1e1; margin-right:1px;}
#obtn .index1 .index1l .slideTxtBox .hd ul li.on:before{ content:''; width:0; height:0; position:absolute; left:50%; bottom:-6px; z-index:1;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #007a23; margin-left:-6px;}
#obtn .index1 .index1l .slideTxtBox .hd ul li.on{ background:#007a23; color:white;}
#obtn .index1 .index1l .slideTxtBox .hd .more{ float:right; font-size:14px; color:#868686; line-height:45px;}
#obtn .index1 .index1l .slideTxtBox .hd .more img{ width:11px; vertical-align:middle; margin:-3px 0 0 5px;}
#obtn .index1 .index1l .slideTxtBox .hd .more:hover{ color:#0171bb;}
#obtn .index1 .index1l .slideTxtBox .bd{ width:100%;}
#obtn .index1 .index1l .slideTxtBox .bd ul{ width:100%;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl{ width:100%; float:left; margin-top:10px;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li{ width:100%; float:left; padding-left:12px; position:relative;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li:before{ content:'·'; position:absolute; left:0; top:0;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li a{ display:block; float:left; width:88%; font-size:15px; color:#333; line-height:32px;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li span{ float:right; font-size:14px; color:#888; line-height:32px;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li:hover a{ color:#007a23;}

@media screen and (max-width: 1230px) {
#obtn .index1 .index1l .slideTxtBox .hd ul li{ width:90px;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li a{ width:85%;}
}
@media screen and (max-width: 991px) {
#obtn .index1{ padding:10px; margin-top:-10px;}
}
@media screen and (max-width: 767px) {
#obtn .index1 .index1l .slideTxtBox{ width:100%; margin-top:10px;}
#obtn .index1 .index1l .slide_pic_1{ height:auto; width:100%;}
#obtn .index1 .index1l .slide_pic_1 .img{ height:auto;}
#obtn .index1 .index1l .slide_pic_1 .img img{ width:100%; height:auto; position:relative; left:auto; top:auto; margin:0; float:left;}
#obtn .index1 .index1l .slide_pic_1 .img .title{ height:40px; padding:0 12px;}
#obtn .index1 .index1l .slide_pic_1 .img .title h5{ font-size:12px; line-height:40px;}
#obtn .index1 .index1l .slide_pic_1 .slick-dots {bottom: 14px; right:13px;}
#obtn .index1 .index1l .slide_pic_1 .slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 0 0 3px;}
#obtn .index1 .index1l .slideTxtBox .hd ul li.on span,#obtn .index1 .index1l .slideTxtBox .hd ul li span{ width:80px; font-size:14px; line-height:38px;}
#obtn .index1 .index1l .slideTxtBox .bd ul .dl li a{ width:76%;}
}

#obtn .index1 .index1l .index1d{ width:100%; float:left; margin-top:35px; border:solid 1px #eaeaea; border-top:solid 3px #007a23; padding:0 19px 21px 19px;}
#obtn .index1 .index1l .index1d .index1dhead{ width:100%; float:left; font-size:16px; color:#313131; line-height:30px; letter-spacing:1px; margin-top:14px;}
#obtn .index1 .index1l .index1d .index1dhead img{ display:inline-block; vertical-align:middle; width:30px; margin:-3px 4px 0 0;}
#obtn .index1 .index1l .index1d .index1dhead a{ float:right; font-size:12px; color:#ff6d06; line-height:30px; text-transform:uppercase;}
#obtn .index1 .index1l .index1d .index1dhead a:hover{ text-decoration:underline;}
#obtn .index1 .index1l .index1d .row1{ margin:0 -5px;}
#obtn .index1 .index1l .index1d .ul1{ width:100%; float:left; margin-top:1px; margin-bottom:9px;}
#obtn .index1 .index1l .index1d .ul1 li{ width:20%; float:left; padding:0 5px; margin-top:10px;}
#obtn .index1 .index1l .index1d .ul1 li a{ display:block; width:100%; float:left; height:66px; border:solid 1px #eaeaea; background:url(_im_g/index4.png); background-size:100% 100%; text-align:center; line-height:64px; font-size:15px; color:#333;}
#obtn .index1 .index1l .index1d .ul1 li a .ico{ display:inline-block; vertical-align:middle; width:44px; margin:-3px 7px 0 0;}
#obtn .index1 .index1l .index1d .ul1 li a .ico img{ float:left;}
#obtn .index1 .index1l .index1d .ul1 li a .ico .img2{ display:none;}
#obtn .index1 .index1l .index1d .ul1 li a:hover{ background:#007a23; border-color:#007a23; color:white;}
#obtn .index1 .index1l .index1d .ul1 li a:hover .ico .img1{ display:none;}
#obtn .index1 .index1l .index1d .ul1 li a:hover .ico .img2{ display:block;}
#obtn .index1 .index1l .index1d .row2{ margin:0 -7px;}
#obtn .index1 .index1l .index1d .ul2{ width:100%; float:left; margin-top:12px;}
#obtn .index1 .index1l .index1d .ul2 li{ width:33.333%; float:left; padding:0 7px;}
#obtn .index1 .index1l .index1d .ul2 li a{ display:block; width:100%; float:left; position:relative; padding-bottom:67%; overflow:hidden;}
#obtn .index1 .index1l .index1d .ul2 li a img{ width:100%; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index1 .index1l .index1d .ul2 li a:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index1 .index1l .index1d .ul2 li a .title{ width:100%; position:absolute; left:0; bottom:0; text-align:center; padding:0 10px; height:42px; line-height:42px; font-size:16px; color:white; letter-spacing:1px;}
#obtn .index1 .index1l .index1d .ul2 li a:hover .title{ background:rgba(0,122,35,0.9);}

#obtn .index1 .index1r{ float:right; width:29%; margin-top:-13px;}
#obtn .index1 .index1r .search{ width:100%; float:left; background:white; padding-right:55px; position:relative; border:solid 1px #e0e0e0; height:48px;}
#obtn .index1 .index1r .search .search_k{ width:100%; height:46px; line-height:26px; padding:10px 20px; font-size:14px; color:#333;}
#obtn .index1 .index1r .search .search_b{ width:54px; height:46px; position:absolute; right:0; top:0; background:url(_im_g/top1.png) no-repeat center center; cursor:pointer;}
#obtn .index1 .index1r .index1rd{ width:100%; float:left; margin-top:20px;}
#obtn .index1 .index1r .index1rd .index1rdhead{ width:100%; float:left; height:46px; line-height:46px; color:white; background:#007a23; padding:0 14px; font-size:18px;}
#obtn .index1 .index1r .index1rd .index1rdhead img{ vertical-align:middle; margin:-3px 4px 0 0; width:30px;}
#obtn .index1 .index1r .index1rd .index1rdhead a{ float:right; font-size:12px; text-transform:uppercase; color:white;}
#obtn .index1 .index1r .index1rd .index1rdhead a:hover{ text-decoration:underline;}
#obtn .index1 .index1r .index1rd .ul1{ width:100%; float:left; border:solid 1px #eaeaea; padding:7px 20px 12px 20px;border-top:0;}
#obtn .index1 .index1r .index1rd .ul1 li{ width:100%; float:left; padding:0 0 0 32px; position:relative; font-size:15px; color:#333; line-height:32px;}
#obtn .index1 .index1r .index1rd .ul1 li a{color:#333;}
#obtn .index1 .index1r .index1rd .ul1 li i{ display:inline-block; position:absolute; left:0px; top:50%; margin:-10px 0 0 0; width:19px; height:19px; line-height:19px; text-align:center; font-size:12px; font-weight:bold; border-radius:4px; overflow:hidden; background:#858585; color:white;}
#obtn .index1 .index1r .index1rd .ul1 li:hover a{color:#007a23;}
#obtn .index1 .index1r .index1rd .ul2{ width:100%; float:left; border:solid 1px #eaeaea; padding:12px 15px 10px 15px; border-top:0;}
#obtn .index1 .index1r .index1rd .ul2 li{ width:100%; float:left; padding:0 0 0 15px; position:relative; font-size:15px; color:#333; line-height:32px; padding-right:45px;}
#obtn .index1 .index1r .index1rd .ul2 li a{color:#333;}
#obtn .index1 .index1r .index1rd .ul2 li:before{ content:'◆'; position:absolute; left:0px; top:0; font-size:13px; line-height:32px;}
#obtn .index1 .index1r .index1rd .ul2 li:hover a{color:#007a23;}
#obtn .index1 .index1r .index1rd .ul2 li span{ position:absolute; right:0; top:0; font-size:14px; color:#888;}
@media screen and (max-width: 1230px) {
#obtn .index1 .index1l .index1d .ul1 li a{ font-size:14px;}
#obtn .index1 .index1l .index1d .ul1 li a .ico{ width:34px; margin-right:0;}
}
@media screen and (max-width: 992px) {
#obtn .index1 .index1l,#obtn .index1 .index1r{ width:100%;}
#obtn .index1 .index1r .search{ display:none;}
}
@media screen and (max-width: 767px) {
#obtn .index1 .index1l .index1d .ul1 li{ width:50%;}
}

#obtn .index2{ width:100%; float:left; background:white; padding:31px 30px 0 30px;}
#obtn .index2 .index2_1{ float:left; width:25.29%;}
#obtn .index2 .index2head{ width:100%; float:left; height:36px; border-bottom:solid 1px #e8e8e8;}
#obtn .index2 .index2head span{ display:block; float:left; height:37px; font-size:18px; color:#333; letter-spacing:1px; line-height:22px; border-bottom:solid 3px #007a23;}
#obtn .index2 .index2head a{ float:right; font-size:12px; color:#ff6d06; text-transform:uppercase; line-height:28px;}
#obtn .index2 .index2head a:hover{ text-decoration:underline;}
#obtn .index2 .index2_1 .ul1{ width:100%; float:left; margin-top:7px;}
#obtn .index2 .index2_1 .ul1 li{ width:100%; float:left; margin-top:5px;}
#obtn .index2 .index2_1 .ul1 li a{ display:block; width:100%; float:left; padding:0 40px 0 20px; background:url(_im_g/index20.png) no-repeat 92% center #f7f7f7; font-size:15px; color:#333; line-height:45px;}
#obtn .index2 .index2_1 .ul1 li a:hover{ background-image:url(_im_g/index20_h.png); background-color:#ff6d06; color:white;}

#obtn .index2 .index2_2{ float:left; width:40.42%; margin-left:2.6%;}
#obtn .index2 .index2_2 .ul2{ width:100%; float:left; margin-top:18px;}
#obtn .index2 .index2_2 .ul2 li{ width:100%; float:left; padding:0 75px 0 14px; position:relative;}
#obtn .index2 .index2_2 .ul2 li:before{ content:''; width:4px; height:4px; position:absolute; left:0; top:50%; background:#007a23; margin-top:-2px;}
#obtn .index2 .index2_2 .ul2 li a{ display:block; width:100%; float:left; font-size:15px; color:#333; line-height:32px;}
#obtn .index2 .index2_2 .ul2 li:hover a,#obtn .index2 .index2_2 .ul2 li:hover span{ color:#007a23; text-decoration:underline;}
#obtn .index2 .index2_2 .ul2 li span{ position:absolute; right:0; top:0; font-size:14px; color:#888; line-height:32px;}

#obtn .index2 .index2_3{ float:right; width:29%; height:308px; border:solid 1px #eaeaea; padding:24px 29px 0 30px; overflow:hidden; position:relative;}
#obtn .index2 .index2_3 .more{ position:absolute; right:0; top:0; background:url(_im_g/index21.png) no-repeat center center; width:30px; height:30px; top:-1px; right:-1px;}
#obtn .index2 .index2_3 ul{ width:100%; float:left; margin-top:11px;}
#obtn .index2 .index2_3 ul li{ width:100%; float:left; margin-top:10px;}
#obtn .index2 .index2_3 ul li a{ width:100%; float:left; display:block; height:60px; padding:10px 10px 10px 101px; font-size:16px; color:#333; letter-spacing:1px; position:relative; background:#f7f7f7; line-height:40px;}
#obtn .index2 .index2_3 ul li a .ico{ position:absolute; left:25px; top:10px; width:40px; height:40px;}
#obtn .index2 .index2_3 ul li a .ico img{ float:left;}
#obtn .index2 .index2_3 ul li a .ico:before{ content:''; width:1px; height:32px; background:#dedede; position:absolute; right:-11px; top:50%; margin-top:-16px;}
#obtn .index2 .index2_3 ul li a:hover{ color:#007a23;}
@media screen and (max-width: 992px) {
#obtn .index2 .index2_1{ width:48%;}
#obtn .index2 .index2_2{ float:right;}
#obtn .index2 .index2_3{ width:100%; margin-top:20px; height:auto; padding-bottom:20px;}
#obtn .index2 .index2_3 ul li{ width:33.33%; padding:0 10px;}
#obtn .index2 .index2_3 ul{ margin:0 -10px; width:auto; float:none;}
}
@media screen and (max-width: 767px) {
#obtn .index2{ padding:0 10px 0 10px;}
#obtn .index2 .index2_1{ width:100%; margin-top:15px;}
#obtn .index2 .index2_3 ul li{ width:100%;}
#obtn .index2 .index2_3{ padding:12px 10px 10px 10px;}
}

#obtn .index3{ width:100%; float:left; background:white; padding:30px 30px 0 30px;}
#obtn .index3 .row3{ margin:0 -6px;}
#obtn .index3 ul{ width:100%; float:left; position:relative;}
#obtn .index3 ul li{ width:100%; float:left; padding:0 6px;}
#obtn .index3 ul li a{ display:block; width:100%; float:left; padding-bottom:53.5%; position:relative; overflow:hidden;}
#obtn .index3 ul li a img{ width:100%; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index3 ul li a:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index3 ul .slick-prev,
#obtn .index3 ul .slick-next
{
    position: absolute;
    left:-12px;
    top: 50%;
    display: block;
    width: 36px;
    height: 36px;
    background:url(_im_g/index31.png) no-repeat left center #dcdcdc;
    z-index:1;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#obtn .index3 ul .slick-next{
    left:auto;
    right:-12px;
	background-position:right center;
}
#obtn .index3 ul .slick-prev:hover,
#obtn .index3 ul .slick-next:hover{ background-color:#007a23;}
#obtn .index3 ul .slick-dots {
	position: absolute;
	bottom: 0px; padding:0; height:10px;
}
#obtn .index3 ul .slick-dots li {
	width: 10px;
	height: 10px;
	padding:0; float:none; vertical-align:top;
	margin: 0 4px;	background:#eee;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#obtn .index3 ul .slick-dots li button {
	display:none;
}
#obtn .index3 ul .slick-dots li.slick-active{
	background:#ff6d06;
}
@media screen and (max-width: 991px) {
#obtn .index3 ul{ padding-bottom:30px;}
}
@media screen and (max-width: 767px) {
#obtn .index3{ padding:20px 10px 0 10px;}
#obtn .index3 ul .slick-dots li {
	width: 8px;
	height: 8px;}
}


#obtn .index4{ width:100%; float:left; background:white; padding:28px 30px 31px 30px;}
#obtn .index4 .index4head{ width:100%; float:left; height:36px; border-bottom:solid 1px #e8e8e8;}
#obtn .index4 .index4head span{ display:block; float:left; height:37px; font-size:18px; color:#333; letter-spacing:1px; line-height:22px; border-bottom:solid 3px #007a23;}
#obtn .index4 .row4{ margin:0 -7px;}
#obtn .index4 ul{ width:100%; float:left; position:relative; margin-top:21px;}
#obtn .index4 ul li{ width:100%; float:left; padding:0 7px;}
#obtn .index4 ul li a{ display:block; width:100%; float:left; padding-bottom:70.8%; position:relative; overflow:hidden;}
#obtn .index4 ul li a img{ width:100%; position:absolute; left:0; top:0; min-height:100%; z-index:1;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .index4 ul li a:hover img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .index4 ul li a:before{ content:''; width:100%; position:absolute; left:0; bottom:0; z-index:2; background:url(_im_g/index32.png) left bottom; background-size:100% 100%; height:64px;}
#obtn .index4 ul li a .title{ width:100%; position:absolute; left:0; bottom:-50px; text-align:center; height:48px; line-height:48px; font-size:16px; color:white; letter-spacing:1px; z-index:3;}
#obtn .index4 ul li a:hover .title{ bottom:0;}
#obtn .index4 ul .slick-dots {
	position: absolute; margin:0;
	bottom:auto; padding:0; height:10px; width:auto; left:auto; right:3px; top:-51px;
}
#obtn .index4 ul .slick-dots li {
	width: 10px;
	height: 10px;
	padding:0; float:none; vertical-align:top;
	margin: 0 4px;	background:#d8d8d8;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#obtn .index4 ul .slick-dots li button {
	display:none;
}
#obtn .index4 ul .slick-dots li.slick-active{
	background:#ff6d06;
}
@media screen and (max-width: 991px) {
#obtn .index4 ul li a .title{ bottom:0;}
}
@media screen and (max-width: 767px) {
#obtn .index4{ padding:20px 10px 20px 10px;}
#obtn .index4 ul li a .title{ height:40px; line-height:40px; font-size:14px; letter-spacing:0px;}
#obtn .index4 ul .slick-dots { top:-41px;}
#obtn .index4 ul .slick-dots li {
	width: 8px;
	height: 8px;}
}

/*内页公用*/
#obtn .allbody{ width:100%; float:left; background:white; box-shadow:0 0 7px rgba(0,122,35,0.08); padding:31px 30px 50px 30px; margin-top:-119px; position:relative; z-index:5;}
#obtn .allbody .headline{ width:100%; float:left; height:40px; border-bottom:solid 1px #e4e4e4;}
#obtn .allbody .headline .subhead{ float:left; height:41px; border-bottom:solid 3px #F00; font-weight:bold; font-size:18px; color:#F00; letter-spacing:1px; line-height:26px;}
#obtn .allbody .headline .mbx{ float:right; font-size:14px; color:#666; letter-spacing:1px; line-height:32px;}
#obtn .allbody .headline .mbx img{ vertical-align:middle; margin:-3px 10px 0 0;}
#obtn .allbody .headline .mbx a{ color:#666;}
#obtn .allbody .headline .mbx a:hover{ color:#007a23;}
#obtn .allbody .allbodybox{ width:100%; float:left; margin-top:30px; padding-left:270px; position:relative; overflow:hidden;}
#obtn .allbody .allbodybox .pz_SideLayer{ position:absolute; left:0; top:0; border:solid 1px #e5e5e5; width:240px; padding:10px; overflow:hidden; background:white; height:100%;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
#obtn .allbody .allbodybox .pz_SideLayer .img,#obtn .allbody .allbodybox .pz_SideLayer .img img{ width:100%; float:left; overflow:hidden;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
#obtn .allbody .allbodybox .pz_SideLayer ul{ width:100%; float:left; margin-top:11px;}
#obtn .allbody .allbodybox .pz_SideLayer ul li{ width:100%; float:left; border-bottom:dashed 1px #ccc;}
#obtn .allbody .allbodybox .pz_SideLayer ul li a{ display:block; width:100%; float:left; line-height:50px; padding-left:43px; position:relative; font-size:16px; color:#333; letter-spacing:1px;}
#obtn .allbody .allbodybox .pz_SideLayer ul li a:before{ content:''; width:18px; height:18px; background:url(_im_g/gy2.png) no-repeat center center #c0c0c0; background-size:contain; overflow:hidden; position:absolute; left:10px; top:50%; margin-top:-9px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .allbody .allbodybox .pz_SideLayer ul li.on a,#obtn .allbody .allbodybox .pz_SideLayer ul li:hover a{ font-weight:bold; color:#f000;}
#obtn .allbody .allbodybox .pz_SideLayer ul li.on a:before,#obtn .allbody .allbodybox .pz_SideLayer ul li:hover a:before{ background-color:#ff0000;}
#obtn .allbody .allbodybox .allbodyboxr{ width:100%; float:left; min-height:600px;}
@media screen and (max-width: 991px) {
#obtn .allbody{ padding:15px 10px 20px 10px; margin-top:-10px; overflow:hidden;}
#obtn .allbody .headline .mbx{ display:none;}
#obtn .allbody .allbodybox{ margin-top:0px; padding-left:0; position:relative; overflow:initial;}
#obtn .allbody .allbodybox:before{ content:''; width:12px; height:12px; border-top:solid 2px #007a23; border-right:solid 2px #007a23; transform:rotate(45deg); position:absolute; right:0px; top:-30px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
#obtn .allbody .allbodybox.on:before{ transform:rotate(135deg);}
#obtn .allbody .allbodybox .pz_SideLayer{ display:none; position:absolute; left:0; top:0px; left:0; width:100%; z-index:5; background:white; height:auto; border-top:0; border-radius:0; box-shadow:0 0 5px rgba(0,122,35,0.08);}
#obtn .allbody .allbodybox .pz_SideLayer .img{ display:none;}
#obtn .allbody .allbodybox .pz_SideLayer ul{ margin-top:0;}
}
@media screen and (max-width: 767px) {
#obtn .allbody .allbodybox .pz_SideLayer{ padding-top:0;}
#obtn .allbody .allbodybox .pz_SideLayer ul li a{ line-height:40px; padding-left:26px; font-size:14px; letter-spacing:0px;}
#obtn .allbody .allbodybox .pz_SideLayer ul li a:before{ left:0; width:14px; height:14px; margin-top:-7px;}
}



/*产品*/
#obtn .allbody .allbodybox .allbodyboxr .product{ width:100%; float:left;}
#obtn .allbody .allbodybox .allbodyboxr .product .row{ margin:-28px -11px 0 -11px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul{ width:100%; float:left;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li{ width:33.33%; float:left; margin-top:28px; padding:0 11px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a{ display:block; float:left; width:100%;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .pic{ width:100%; float:left; padding-bottom:66.6%; position:relative; overflow:hidden;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .pic img{ width:100%; float:left; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .title{ width:100%; float:left; margin-top:16px; line-height:24px; font-size:16px; color:#333; letter-spacing:1px; text-align:center;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .jj{ width:100%; float:left; margin-top:9px; line-height:18px; font-size:14px; color:#666; letter-spacing:1px; text-align:center; height:36px; overflow:hidden;
display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a:hover .title{ color:#007a23;}
@media screen and (max-width: 991px) {
#obtn .allbody .allbodybox .allbodyboxr .product .row{ margin-top:0}
}
@media screen and (max-width: 767px) {
#obtn .allbody .allbodybox .allbodyboxr .product .row{ margin:0 -5px 0 -5px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li{ width:50%; margin-top:15px; padding:0 5px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .title{ margin-top:10px; font-size:14px;}
#obtn .allbody .allbodybox .allbodyboxr .product ul li a .jj{ margin-top:6px; font-size:12px; letter-spacing:0px; height:34px;}
}

/*分页*/
#obtn .waik_1{ width:100%; float:left; margin-top:35px;}
#obtn .pz_fy2{ text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
#obtn .pz_fy2 a { display: inline-block; *display: inline; *zoom: 1; width:50px; height:38px; border:solid 1px #e1e1e1; COLOR: #272727; font-size: 14px; text-decoration:none; margin:0 4px; line-height:36px;}
#obtn .pz_fy2 a:hover,
#obtn .pz_fy2 a.on{ background:#007a23; color:white; border-color:#007a23;}/*鼠标经过和默认当前页样式*/
#obtn .pz_fy2 a.a1{ width:100px;}
@media  screen and (max-width:991px){
#obtn .waik_1{ margin-top:25px;}
#obtn .fy_pc{  text-align:center; font-size:14px; color:#333;}
#obtn .fy_pc a{ display: inline-block; *display: inline; *zoom: 1; padding:5px 10%; color:#007a23; border:solid 1px #007a23; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
#obtn .fy_pc span{ padding:5px 5%; color:#007a23;}
}

/*产品详情页*/
#obtn .allbodybox1{ width:100%; float:left; margin:39px 0 35px 0;}
#obtn .allbodybox1 .head{ width:100%; float:left; text-align:center; font-size:23px; color:#333; line-height:38px; letter-spacing:1px;}
#obtn .allbodybox1 .fx{ width:100%; float:left; text-align:center; margin-top:17px; font-size:14px; color:#666; line-height:28px; letter-spacing:1px;}
#obtn .allbodybox1 .fx span,#obtn .allbodybox1 .fx .bdsharebuttonbox{ display:inline-block; vertical-align:top;}
#obtn .allbodybox1 .fx .bdsharebuttonbox a{ margin-top:2px !important;}
#obtn .allbodybox1 .productbox{ width:100%; float:left; margin-top:22px; background:#f6f6f6; position:relative; text-align:center;}
#obtn .allbodybox1 .productbox .content{ display:inline-block; vertical-align:top; width:570px; font-size:16px; line-height:32px; color:#333; letter-spacing:1px;}
#obtn .allbodybox1 .productbox .content img{ vertical-align:top;}
#obtn .allbodybox1 .productbox .fy{ width:36px; height:36px; border-top:solid 2px #007a23; border-left:solid 2px #007a23; position:absolute; left:154px; top:50%; margin-top:-18px; transform:rotate(-45deg); opacity:0.1;}
#obtn .allbodybox1 .productbox .fy.xyy{ left:auto; right:154px; transform:rotate(135deg);}
#obtn .allbodybox1 .productbox .fy:hover{ opacity:1;}
@media  screen and (max-width:1230px){
#obtn .allbodybox1 .productbox .fy{ left:74px;}
#obtn .allbodybox1 .productbox .fy.xyy{ left:auto; right:74px;}
}
@media  screen and (max-width:991px){
#obtn .allbodybox1 .fx{ display:none;}
#obtn .allbodybox1 .productbox .fy{ left:34px;}
#obtn .allbodybox1 .productbox .fy.xyy{ left:auto; right:34px;}
}
@media  screen and (max-width:767px){
#obtn .allbodybox1{ margin:20px 0 15px 0;}
#obtn .allbodybox1 .head{ font-size:18px; line-height:30px; letter-spacing:0px;}
#obtn .allbodybox1 .productbox{ margin-top:22px; display:block; height:auto;}
#obtn .allbodybox1 .productbox .content{ width:100%; font-size:13px; line-height:22px; letter-spacing:0;}
#obtn .allbodybox1 .productbox .fy{ width:26px; height:26px; margin-top:-13px; opacity:1; left:15px;}
#obtn .allbodybox1 .productbox .fy.xyy{ left:auto; right:15px;}
}

/*新闻*/
#obtn .allbody .allbodybox .allbodyboxr .news{ width:100%; float:left; margin-top:-3px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul{ width:100%; float:left;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li{ width:100%; float:left; font-size:16px; color:#333; line-height:47px; letter-spacing:1px; padding:0 130px 0 17px; position:relative; border-bottom:dashed 1px #e5e5e5;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li a{ color:#333;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li:before{ content:''; width:4px; height:4px; background:#dfdfdf; position:absolute; left:2px; top:50%; margin-top:-2px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li span{ position:absolute; right:0; top:0; font-size:16px; color:#888; width:117px; text-align:right; line-height:47px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li span:before{ content:''; width:1px; height:14px; background:#dfdfdf; position:absolute; left:0; top:50%; margin-top:-7px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li:hover a{ color:#FF0000;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li:hover:before{ background:#FF0000;}
@media  screen and (max-width:991px){
#obtn .allbody .allbodybox .allbodyboxr .news{ margin-top:20px;}
}
@media  screen and (max-width:767px){
#obtn .allbody .allbodybox .allbodyboxr .news ul li{ font-size:14px; line-height:40px; letter-spacing:0px; padding:0 100px 0 10px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li span{ font-size:12px; width:80px; line-height:40px;}
#obtn .allbody .allbodybox .allbodyboxr .news ul li:before{ left:0;}
}

/*新闻详情*/
#obtn .allbodybox2{ width:100%; float:left; margin-top:36px;}
#obtn .allbodybox2 .head{ width:100%; float:left; text-align:center; font-size:23px; color:#333; line-height:40px; letter-spacing:1px;}
#obtn .allbodybox2 .newstab{ width:100%; float:left; margin-top:14px; background:#efefef; padding:0 20px;}
#obtn .allbodybox2 .newstab .newstabl{ float:left; font-size:14px; color:#666; line-height:48px; letter-spacing:1px; padding-left:28px; background:url(_im_g/news2.png) no-repeat left center;}
#obtn .allbodybox2 .newstab .newstabr{ float:right; font-size:14px; color:#666; line-height:48px; letter-spacing:1px;}
#obtn .allbodybox2 .newstab .newstabr dd{ display:inline-block; vertical-align:top; line-height:48px; cursor:pointer;}
#obtn .allbodybox2 .newstab .newstabr .d1{ font-size:18px;}
#obtn .allbodybox2 .newstab .newstabr .d2{ font-size:16px;}
#obtn .allbodybox2 .newstab .newstabr .d3{ font-size:14px;}
#obtn .allbodybox2 .newstab .newstabr .d4{ font-size:14px;}
#obtn .allbodybox2 .newstab .newstabr dd.on,#obtn .allbodybox2 .newstab .newstabr dd:hover{ color:#ff6d06;}
#obtn .allbodybox2 .newstab .newstabr .size,#obtn .allbodybox2 .newstab .newstabr .fx,#obtn .allbodybox2 .newstab .newstabr .fx .bdsharebuttonbox{ display:inline-block; vertical-align:top;}
#obtn .allbodybox2 .newstab .newstabr .fx .bdsharebuttonbox a{ margin-top:12px !important;}
#obtn .allbodybox2 .newsbox{ width:100%; float:left; margin-top:23px;}
#obtn .allbodybox2 .newsbox .content{ width:100%; float:left; color:#333; letter-spacing:1px;}
#obtn .allbodybox2 .newsbox .content1{ font-size:18px; line-height:36px;}
#obtn .allbodybox2 .newsbox .content2{ font-size:16px; line-height:32px;}
#obtn .allbodybox2 .newsbox .content3{ font-size:14px; line-height:30px;}
#obtn .allbodybox2 .newsbox .content4{ font-size:14px; line-height:30px;}
@media  screen and (max-width:991px){
#obtn .allbodybox2 .newstab .newstabr .fx{ display:none;}
}
@media  screen and (max-width:767px){
#obtn .allbodybox2{ margin-top:20px;}
#obtn .allbodybox2 .head{ font-size:18px; line-height:30px; letter-spacing:0px;}
#obtn .allbodybox2 .newstab{ margin-top:10px; padding:10px 10px;}
#obtn .allbodybox2 .newstab .newstabl{ font-size:12px; line-height:22px; letter-spacing:0px; padding-left:20px; background-size:14px 14px;}
#obtn .allbodybox2 .newstab .newstabr{ font-size:12px; line-height:22px; letter-spacing:0px;}
#obtn .allbodybox2 .newstab .newstabr dd{ line-height:22px;}
#obtn .allbodybox2 .newsbox{ margin-top:12px;}
#obtn .allbodybox2 .newsbox .content{ letter-spacing:0px;}
}

#obtn .wzfy{ width:100%; float:left; margin-top:25px; background:#efefef; padding:0 20px;}
#obtn .wzfy h5{ width:50%; float:left; font-size:16px; color:#333; line-height:48px; letter-spacing:1px;}
#obtn .wzfy h5 a{ color:#333;}
#obtn .wzfy h5.last{ text-align:right;}
#obtn .wzfy h5:hover a,#obtn .wzfy h5:hover{ color:#007a23; text-decoration:underline;}
@media  screen and (max-width:767px){
#obtn .wzfy{ margin-top:15px; padding:10px;}
#obtn .wzfy h5{ width:100%; font-size:12px; line-height:24px;}
#obtn .wzfy h5.last{ text-align:left;}
}

/*植物百科*/
#obtn .allbody .allbodybox .allbodyboxr .baike{ width:100%; float:left; margin-top:-30px;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul{ width:100%; float:left;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li{ width:100%; float:left; padding:30px 0; border-bottom:dashed 1px #ccc;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .pic{ float:left; width:200px; height:133px; overflow:hidden;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .pic img{ float:left; width:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}

#obtn .allbody .allbodybox .allbodyboxr .baike ul li .text{ margin-left:220px; position:relative;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .text .title{ width:100%; float:left; margin-top:10px; line-height:24px; font-size:16px; color:#333; letter-spacing:1px; padding-right:90px;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .text .jj{ width:100%; float:left; margin-top:14px; line-height:24px; font-size:13px; color:#666; letter-spacing:1px; height:72px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .text .time{ position:absolute; right:0; top:16px; line-height:18px; font-size:13px; color:#666; letter-spacing:1px;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li:hover .text .title{ color:#007a23;}
@media  screen and (max-width:991px){
#obtn .allbody .allbodybox .allbodyboxr .baike{ margin-top:0px;}
}
@media  screen and (max-width:767px){
#obtn .allbody .allbodybox .allbodyboxr .baike ul li{ padding:15px 10px;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .pic{ width:100%; height:auto;}
#obtn .allbody .allbodybox .allbodyboxr .baike ul li .text{ margin-left:0; width:100%; float:left;}
}

/*单位介绍*/
#obtn .allbody .allbodybox .allbodyboxr .about{ width:100%; float:left; font-size:16px; color:#333; line-height:32px;}
#obtn .allbody .allbodybox .allbodyboxr .about img{ vertical-align:top;}
@media  screen and (max-width:991px){
#obtn .allbody .allbodybox .allbodyboxr .about{ margin-top:15px;}
}
@media  screen and (max-width:767px){
#obtn .allbody .allbodybox .allbodyboxr .about{ font-size:14px; line-height:24px;}
}

/*科研团队*/
#obtn .allbodybox3{ width:100%; float:left; margin-top:20px;}
#obtn .allbodybox3 ul{ width:100%; float:left; padding-left:109px;}
#obtn .allbodybox3 ul li{ width:100%; float:left; position:relative; padding:20px 0; border-bottom:dashed 1px #ccc;}
#obtn .allbodybox3 ul li .ico{ position:absolute; left:-109px; top:20px; width:82px; height:82px; background:#f3f3f3; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .allbodybox3 ul li .ico img{ width:100%; float:left;}
#obtn .allbodybox3 ul li .title{ width:100%; float:left;}
#obtn .allbodybox3 ul li .title a{ display:block; width:100%; float:left; font-size:16px; color:#222; line-height:30px; letter-spacing:1px;}
#obtn .allbodybox3 ul li .jj{ margin-top:10px; width:100%; float:left; font-size:14px; color:#666; line-height:20px; letter-spacing:1px; height:40px; overflow:hidden;}
#obtn .allbodybox3 ul li .jj a{ color:#007a23;}
#obtn .allbodybox3 ul li .jj a:hover{ color:#ff6d06;}
@media  screen and (max-width:991px){
#obtn .allbodybox3{ margin-top:0px;}
}
@media  screen and (max-width:767px){
#obtn .allbodybox3 ul{ padding-left:85px;}
#obtn .allbodybox3 ul li{ padding:15px 0;}
#obtn .allbodybox3 ul li .ico{ left:-80px; top:20px; width:70px; height:70px;}
#obtn .allbodybox3 ul li .jj{ margin-top:5px;}
}

/*发展历程*/
#obtn .allbody .allbodybox .allbodyboxr .fzlc{ width:100%; float:left;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content1{ width:100%; float:left; font-size:16px; color:#333; line-height:30px; letter-spacing:1px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2{ width:100%; float:left; margin-top:14px; position:relative; padding-left:29px; padding-bottom:20px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul{ width:100%; float:left; margin-top:14px; position:relative; padding-left:55px; border-left:solid 4px #ececec; padding-bottom:30px;}

#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul:before{ content:''; width:12px; height:12px; background:#ececec; position:absolute; left:-8px; top:-10px; z-index:1;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul:after{ content:''; width:0; height:0; position:absolute; left:-10px; bottom:-20px; z-index:1;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 27px solid #ececec;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li{ width:100%; float:left; margin-top:55px; padding-left:16px; position:relative; z-index:2; padding-bottom:16px; border-bottom:dashed 1px #ccc;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li:before{ content:''; position:absolute; left:0; top:7px;width: 0;  height: 0; border-top: 4px solid transparent; border-left: 4px solid #b3b9c0; border-bottom: 4px solid transparent;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li:first-child{ margin-top:30px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li .year{ position:absolute; left:-78px; top:-9px; width:42px; height:42px; text-align:center; line-height:42px; background:#007a23; color:white; font-size:12px; font-weight:bold;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li .text{ width:100%; float:left; position:relative; font-size:16px; color:#323232; line-height:24px; letter-spacing:1px;}
@media  screen and (max-width:991px){
#obtn .allbody .allbodybox .allbodyboxr .fzlc{ margin-top:20px;}
}
@media  screen and (max-width:767px){
#obtn .allbody .allbodybox .allbodyboxr .fzlc{ margin-top:15px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content1{ font-size:14px; line-height:24px; letter-spacing:0px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2{ margin-top:10px; padding-left:20px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul{ margin-top:10px; padding-left:30px; border-left:solid 2px #ececec; padding-bottom:20px;}

#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul:before{ width:10px; height:10px; left:-6px; top:-8px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul:after{ border-top: 20px solid #ececec;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li{ margin-top:30px; padding-left:12px; padding-bottom:10px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li:before{ top:5px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li:first-child{ margin-top:20px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li .year{ left:-48px; top:-9px; width:36px; height:36px;  line-height:36px;}
#obtn .allbody .allbodybox .allbodyboxr .fzlc .content2 ul li .text{ font-size:14px; line-height:22px; letter-spacing:0px;}

}