 .cont_box {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 }
 
 .cont_box .prev,
 .cont_box .next {
 	position: fixed;
 	right: 15px;
 	width: 23px;
 	height: 38px;
 	bottom: 30px;
 	display: block;
 	z-index: 100099990;
 }
 
 .cont_box .prev {
 	background: url(../img/p1.png) center no-repeat;
 	right: 75px;
 }
 
 .cont_box .prev:hover {
 	background: url(../img/p1s.png) center no-repeat;
 }
 
 .cont_box .next {
 	background: url(../img/p2.png) center no-repeat;
 }
 
 .cont_box .next:hover {
 	background: url(../img/p2s.png) center no-repeat;
 }
 
 .cont_box .bd,
 .cont_box .bd ul {
 	height: 100%;
 }
 
 .cont_box .bd li {
 	width: 100%;
 	height: 100%;
 }
 
 .cont_box .tempWrap {
 	height: 100%;
 }
 
 .cont_box .hd {
 	position: absolute;
 	bottom: 30px;
 	z-index: 99;
 	left: 30px;
 }
 
 .cont_box .hd ul li {
 	width: 12px;
 	background: #eeeeee;
 	height: 12px;
 	margin-right: 12px;
 	display: inline-block;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .cont_box .hd ul .on {
 	background: #8fc320;
 	transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	/* IE 9 */
 	-moz-transform: rotate(45deg);
 	/* Firefox */
 	-webkit-transform: rotate(45deg);
 	/* Safari 和 Chrome */
 	-o-transform: rotate(45deg);
 	/* Opera */
 }
 /*导航*/
 
 .com_nav .close {
 	position: fixed;
 	right: 285px;
 	z-index: 99;
 	top: 20px;
 	display: none;
 }
 
 .com_nav {
 	width: 115px;
 	height: 100%;
 	position: fixed;
 	top: 0px;
 	right: 0px;
 	z-index: 999;
 	background-color: rgba(0, 0, 0, 0.2);
 }
 
 .com_nav ul {
 	border-top: 1px solid #fff;
 }
 
 .com_nav ul li {
 	position: relative;
 	height: 84px;
 	overflow: hidden;
 }
 
 .com_nav ul li a {
 	display: block;
 	padding: 18px 0;
 	text-align: center;
 	font-size: 0.9rem;
 	color: #fff;
 }
 
 .com_nav ul li:hover .li_a {
 	background: #8fc320;
 }
 
 .com_nav ul li dl {
 	position: fixed;
 	top: -100%;
 	right: 115px;
 	width: 200px;
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.5);
 	opacity: 0;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .com_nav ul li dl .z_zding {
 	padding-top: 90%;
 }
 
 .com_nav ul li:hover dl {
 	top: 0px;
 	opacity: 1;
 }
 
 .com_nav ul li:hover dl .close {
 	display: block;
 	cursor: pointer;
 }
 
 .com_nav ul li dl dd a {
 	padding: 4px 0;
 	padding-right: 25px;
 	text-align: right;
 }
 
 .com_nav ul li dl .back {
 	position: absolute;
 	left: 10%;
 	top: 30px;
 	cursor: pointer;
 }
 
 .com_nav ul li dl dd:hover {
 	background: #8fc320;
 }
  .com_nav ul li dl .erji_on{
  	background: #8fc320;
  }
 
 .com_nav ul li:nth-child(4) dl .z_zding {
 	padding-top: 173.5%;
 }
 
 .com_nav ul li:nth-child(5) dl .z_zding {
 	padding-top: 215%;
 }
 
 .com_nav ul li:nth-child(1) dl .z_zding {
 	padding-top: 55%;
 }
 
 .com_nav ul .on .li_a {
 	background: #8fc320;
 }
 /*end*/
 /*box*/
 
 .box_main {
 	padding-top: 55px;
 }
 
 .weizhi {
 	font-size: 1rem;
 	color: #999999;
 	margin-bottom: 70px;
 }
 
 .weizhi a:nth-child(1) {
 	margin-left: 0px;
 }
 
 .weizhi a {
 	display: inline-block;
 	margin: 0px 5px;
 	color: #999999;
 }
 
 .weizhi a:hover {
 	color: #8FC320;
 	/*text-decoration: underline;*/
 }
 
 .weizhi .on {
 	color: #8FC320;
 }
 
 .title_c1 {
 	color: #8fc320;
 	font-size: 3rem;
 	font-weight: bold;
 	margin-bottom: 60px;
 }
 
 .m1 .list {
 	margin-bottom: 18px;
 	color: #333;
 	font-size: 1.125rem;
 	font-weight: bold;
 }
 
 .m1 .list img,
 .m1 .list .name {
 	color: #333;
 }
 
 .m1 .list .name {
 	margin-right: 10px;
 }
 
 .m1 .list .info {
 	color: #333;
 }
 
 .m1 .list li {
 	text-align: center;
 	margin-right: 60px;
 	color: #333;
 	margin-top: 5px;
 }
 
 .m1 .list li p {
 	color: #333;
 	padding-top: 4px;
 }
 
 .m2 {
 	padding-left: 225px;
 	padding-right: 115px;
 }
 
 .m2 table {
 	color: #333333;
 	text-align: center;
 	font-size: 1.125rem;
 }
 
 .m2 table thead tr td {
 	padding: 10px 0;
 	border-bottom: 4px solid #dddddd;
 }
 
 .m2 table tbody tr td {
 	padding: 10px 0;
 	font-size: 1rem;
 	border-bottom: 1px solid #dddddd;
 }
 
 .m2 table tbody tr:hover td {
 	background: #e9f3d2;
 }
 
 .m2 table tbody tr:hover td:nth-child(1) a:nth-child(1) {
 	color: #8fc320;
 }
 
 .m2 table {
 	border-bottom: 4px solid #dddddd;
 }
 
 .m2 .tel_info {
 	padding: 60px 0;
 	font-size: 1.125rem;
 	color: #333;
 	line-height: 35px;
 }
 
 .m2 .list {
 	margin-bottom: 30px;
 }
 
 .m2 .list .t {
 	color: #333333;
 	font-size: 1.5rem;
 	font-weight: bold;
 	margin-bottom: 30px;
 }
 
 .m2 .list .li {
 	font-size: 0.8rem;
 	color: #888888;
 	display: inline-block;
 	width: 33.33%;
 	margin-bottom: 10px;
 }
 
 .m2 .list .li span {
 	color: #333333;
 }
 
 .m2 .list .c {
 	margin-bottom: 20px;
 	color: #333333;
 	font-size: 0.8rem;
 	line-height: 25px;
 }
 
 .m2 .list .titile {
 	color: #333333;
 	font-size: 1rem;
 	font-weight: bold;
 	margin-bottom: 10px;
 }
 
 .m3 {
 	padding-right: 115px;
 }
 
 .m3 li {
 	width: 45%;
 	margin-bottom: 60px;
	height:144px;
 }
 
 .m3 li:nth-child(2n) {
 	margin-right: 0px;
 	float: right;
 }
 
 .m3 li .img_box {
 	width: 45%;
 }
 
 .m3 li .cont {
 	width: 52%;
 }
 
 .m3 li .cont .t {
 	height: 55px;
 	overflow: hidden;
 	margin-bottom: 15px;
 	color: #333333;
 	font-weight: bold;
 	font-size: 1.2rem;
 }
 
 .m3 li .cont .t1 {
 	color: #333333;
 	font-size: 0.8rem;
 	height: 40px;
 	overflow: hidden;
 }
 
 .m3 li .cont .t2 {
 	color: #999999;
 	margin-top: 15px;
 	font-size: .8rem;
 }
 
 .m4 {
 	max-width: 1000px;
 	width: 100%;
 	color: #333333;
 	font-size: 0.8rem;
 	line-height: 30px;
 	padding-bottom: 150px;
 }
 
 .m4 .titile {
 	color: #333333;
 	font-size: 1.75rem;
 	font-weight: bold;
 	line-height: 45px;
 	margin-bottom: 20px;
 }
 
 .m4 img {
 	max-width: 100%;
 }
 
 .footer {
 	color: #ffffff;
 	font-size: 0.8rem;
 }
 
 .footer a,
 .footer span {
 	display: inline-block;
 	margin-right: 50px;
 	color: #ffffff;
 	font-size: 0.8rem;
 	height: 25px;
 }
 
 .footer a:hover {
 	color: #8FC320;
 }
 
 .footer .w {
 	position: relative;
 }
 
 .footer .ewm .hide_ewm {
 	position: absolute;
 	background: #fff;
 	padding: 2px;
 	left: 0px;
 	display: none;
 	top: -145px;
 }
 
 .footer .ewm img {
 	display: inline-block;
 	margin-left: 4px;
 }
 
 .footer .ewm:hover .hide_ewm {
 	display: block;
 }
 
 .warp {
 	position: relative;
 }
 
 .footer {
 	position: relative;
 	background: #555555;
 	z-index: 1000;
 	padding: 20px 0;
 }
 
 .m5 {
 	padding-left: 0px;
 	padding-right: 400px;
 }
 
 .m5 .t {
 	color: #8fc320;
 	font-size: 2.375rem;
 	font-weight: bold;
 	margin-bottom: 40px;
 }
 
 .m5 .c {
 	color: #262626;
 	font-size: 0.8rem;
 	line-height: 30px;
 	padding-bottom: 35px;
 	position: relative;
 }
 
 .m5 .c::before {
 	content: '';
 	width: 80px;
 	height: 4px;
 	background: #8fc320;
 	bottom: 0px;
 	left: 0px;
 	position: absolute;
 }
 
 .m6 {
 	padding-right: 115px;
 }
 
 .m6 .t1 {
 	color: #999999;
 	font-size: 0.8rem;
 	margin-bottom: 3px;
 }
 
 .m6 .c {
 	color: #333333;
 	font-size: 1rem;
 	line-height: 28px;
 }
 
 .m6 .list {
 	margin-bottom: 154px;
 }

 .m6 .list_1 {
 	margin-left: 82px;
 	margin-right: 82px;
 }
 
 .m6 .list_1 li {
 	margin-bottom: 10px;
 }
  .m6 .list_1{
  	width: 17%;
  }
 .m6 .list_2 {
 	width: 42%;
 }
 
 .m6 .list_2 .t1 {
 	margin-bottom: 10px;
 }
 
 .m6 .img_phone {
 	display: none;
 }
 
 .m6 .list_two .list_1 {
 	padding: 0px;
 	margin-left: 0px;
 }
 
 .m7 .t {
 	color: #262626;
 	margin-bottom: 50px;
 	font-size: 0.8rem;
 }
 
 .m7 .t span {
 	color: #8fc320;
 }
 
 .m7 .list {
 	width: 840px;
 	background: #f2f2f2;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	margin-bottom: 40px;
 	position: relative;
 }
 
 .m7 .list:hover {
 	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 	transform: translate3d(0, -5px, 0);
 	-webkit-transform: translate3d(0, -5px, 0);
 }
 
 .m7 .list .name {
 	width: 30%;
 	text-align: center;
 	color: #333333;
 	font-size: 2rem;
 	line-height: 135px;
 	font-weight: bold;
 	background: #f2f2f2;
 }
 
 .m7 .list::before {
 	content: '';
 	position: absolute;
 	left: 31%;
 	width: 4px;
 	height: 100%;
 	top: 0px;
 	background: #fff;
 }
 
 .m7 .list .c {
 	background: #f2f2f2;
 	color: #333333;
 	font-size: 0.8rem;
 	line-height: 25px;
 	width: 70%;
 	height: 130px;
 }
 
 .m7 .list .c .box {
 	padding: 30px 40px;
 }
 
 .m8 .list {
 	width: 48%;
 	background: #f2f2f2;
 	margin-right: 2%;
 	margin-bottom: 40px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .m8 .t {
 	color: #262626;
 	margin-bottom: 50px;
 	font-size: 0.8rem;
 }
 
 .m8 .t span {
 	color: #8fc320;
 }
 
 .m8 .list:hover {
 	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 	transform: translate3d(0, -5px, 0);
 	-webkit-transform: translate3d(0, -5px, 0);
 }
 
 .m8 .list:nth-child(2n) {
 	float: right;
 	margin-right: 0px;
 }
 
 .m8 .list .box {
 	padding: 50px 35px;
 }
 
 .m8 .list .box .t {
 	color: #333;
 	font-size: 2rem;
 	margin-bottom: 25px;
 	height: 48px;
 	font-weight: bold;
 }
 
 .m8 .list .box .c {
 	color: #333333;
 	font-size: 0.8rem;
 	height: 100px;
 	line-height: 25px;
 }
 
 .m9 {
 	padding-right: 115px;
 	padding-bottom: 75px;
 }
 
 .m9 .t {
 	color: #333333;font-weight: bold;
 	font-size: 2.25rem;
 	padding-bottom: 50px;
 	position: relative;
 }
 
 .m9 .t::before {
 	content: '';
 	width: 90px;
 	height: 4px;
 	background: #8FC320;
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
 }
 
 .m9 .cont {
 	margin-top: 30px;
 }
 
 .m9 .cont .text {
 	width: 75%;
 	color: #333333;
 	font-size: 1rem;
 	line-height: 30px;
 }
 
 .m9 .cont .info {
 	width: 15%;
 	margin-left: 10%;
 }
 
 .m9 .cont .info .l {
 	color: #333333;
 	font-size: 1.125rem;
 	margin-bottom: 8px;
 }
 
 .m9 .cont .info .l .title {
 	color: #999999;
 	font-size: 0.8rem;
 	margin-bottom: 4px;
 }
 
 .m9 .cont1 img {
 	max-width: 814px;
 }
 
 .m9 .cont1 {
 	margin-bottom: 40px;
 }
 
 .pull_page a {
 	position: relative;
 	padding: 6px 0;
 	color: #333333;
 	font-size: 0.9rem;
 }
 
 .pull_page a i {
 	width: 50px;
 	height: 50px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	margin-right: 23px;
 	display: inline-block;
 	border-radius: 50%;
 	vertical-align: middle;
 	background: url(../img/p3s.png) #707070 center no-repeat;
 }
 
 .pull_page .next i {
 	background: url(../img/p3.png) #707070 center no-repeat;
 	right: 0px;
 	margin-left: 23px;
 	margin-right: 0px;
 }
 
 .pull_page a i:hover {
 	background: url(../img/p3s.png) #8fc320 center no-repeat;
 }
 
 .pull_page .next i:hover {
 	background: url(../img/p3.png) #8fc320 center no-repeat;
 }
 
 .pull_page .wf i {
 	background: url(../img/p3s.png) #ddd center no-repeat;
 }
 
 .pull_page .wf:hover i {
 	background: url(../img/p3s.png) #ddd center no-repeat;
 }
 
 .m10 {
 	padding-bottom: 60px;
 }
 
 .m10 .list {
 	width: 48%;
 	margin-bottom: 60px;
 }
 
 .m10 .list:nth-child(2n) {
 	float: right;
 }
 
 .m10 .title {
 	color: #333333;
 	font-size: 1.75rem;
 	padding: 20px 0px 12px;
 }
 
 .m10 .map {
 	color: #333333;
 	font-size: 1rem;
 }
 
 .m11 {
 	padding-bottom: 123px;
 }
 
 .m11 .hhr {
 	width: 45%;
 }
 
 .m11 .hhr li {
 	width: 48%;
 	position: relative;
 	margin-bottom: 4%;
 	overflow: hidden;
 }
 
 .m11 .hhr li .text {
 	position: absolute;
 	left: 0px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	width: 100%;
 	height: 100%;
 	color: #fff;
 	top: 100%;
 	background-color: rgba(51, 51, 51, 0.5);
 }
 
 .m11 .hhr li .text .box {
 	padding: 0px 25px;
 	padding-top: 40%;
 }
 
 .m11 .hhr li .text .name {
 	color: #fff;
 	font-size: 2.2rem;
 	font-weight: bold;
 }
 
 .m11 .hhr li .text .info {
 	color: #fff;
 	font-size: 1rem;
 }
 
 .m11 .hhr li:nth-child(2n) {
 	float: right;
 }
 
 .m11 .hhr li:hover .text {
 	top: 0px;
 }
 
 .m11 .hhr li:hover img {
 	-webkit-transform: scale(1.2, 1.2);
 	-ms-transform: scale(1.2, 1.2);
 	transform: scale(1.2, 1.2);
 }
 
 .m11 .td {
 	width: 45%;
 }
 
 .m11 .td .c {
 	color: #262626;
 	font-size: 0.8rem;
 	line-height: 30px;
 	padding-bottom: 30px;
 	position: relative;
 }
 .m11 .td .c::before{
 	content: '';
    width: 80px;
    height: 4px;
    background: #8fc320;
    bottom: 0px;
    left: 0px;
    position: absolute;
 }
 .m11 .td .c span {
 	color: #8FC320;
 }
 
 /*end*/
 /*手机导航*/
 
 .phone_nav {
 	background: #8FC320;
 	position: relative;
 	height: 80px;
 	display: none;
 	z-index: 10000;
 }
 
 .phone_nav .logo {
 	margin-left: 5%;
 }
 
 .mob_nav {
 	position: absolute;
 	width: 40px;
 	height: 60px;
 	right: 10px;
 	top: 12px;
 }
 
 .mob_nav em {
 	position: absolute;
 	width: 100%;
 	left: 0px;
 	top: 15px;
 	height: 2px;
 	background: #fff;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 
 .mob_nav .em2 {
 	top: 25px;
 }
 
 .mob_nav .em3 {
 	top: 35px;
 }
 
 .mob_nav_on .em1 {
 	transform: rotate(40deg);
 	-ms-transform: rotate(40deg);
 	/* IE 9 */
 	-moz-transform: rotate(40deg);
 	/* Firefox */
 	-webkit-transform: rotate(40deg);
 	/* Safari å’Œ Chrome */
 	-o-transform: rotate(40deg);
 	top: 25px;
 	/* Opera */
 }
 
 .mob_nav_on .em2 {
 	top: 25px;
 	transform: rotate(-40deg);
 	-ms-transform: rotate(-40deg);
 	-moz-transform: rotate(-40deg);
 	-webkit-transform: rotate(-40deg);
 	-o-transform: rotate(-40deg);
 }
 
 .mob_nav_on .em3 {
 	display: none;
 }
 
 .phone_nav ul {
 	position: absolute;
 	width: 100%;
 	left: 0px;
 	top: 80px;
 	z-index: 99;
 	left: -100%;
 	opacity: 0;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	background: #8FC320;
 	border-top: 1px solid #fff;
 }
 
 .phone_nav ul li {
 	border-bottom: 1px solid #f2f2f2;
 	padding: 10px 5.5%;
 	font-size: 0.8rem;
 }
 
 .phone_nav ul li a {
 	color: #fff;
 	letter-spacing: 1px;
 }
 
 .phone_nav ul li dl {
 	height: 0px;
 	overflow: hidden;
 	padding-left: 10px;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	padding-top: 10px;
 	display: none;
 }
 
 .phone_nav ul li dl dd {
 	position: relative;
 	padding: 5px 0;
 	padding-left: 15px;
 }
 
 .phone_nav ul li dl dd::before {
 	content: '';
 	width: 5px;
 	height: 5px;
 	position: absolute;
 	background: #fff;
 	left: 2px;
 	border-radius: 50%;
 	top: 12px;
 }
 
 .phone_nav ul .click_on dl {
 	height: auto;
 	display: block;
 }
 
 .phone_nav ul .click_on {
 	background: url(../img/p3.png) 98% 10px no-repeat;
 }
 /*手机首页*/
 
 .phone_banner {
 	position: relative;
 	margin-bottom: 40px;
 }
 
 .phone_banner .hd {
 	position: absolute;
 	bottom: 20px;
 	width: 100%;
 	z-index: 99;
 	text-align: center;
 }
 
 .phone_banner .hd ul {
 	text-align: center;
 }
 
 
 .phone_banner .hd ul li {
 	width: 8px;
 	background: #eeeeee;
 	height: 8px;
 	margin-right: 5px;
 	display: inline-block;
 	-webkit-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 }
 .m9 .cont .phone_info{
 	display: none;
 	margin-left: 0px;
 }
 .phone_banner .hd ul .on {
 	background: #8fc320;
 	transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	/* IE 9 */
 	-moz-transform: rotate(45deg);
 	/* Firefox */
 	-webkit-transform: rotate(45deg);
 	/* Safari 和 Chrome */
 	-o-transform: rotate(45deg);
 	/* Opera */
 }
 
 .phone_warp {
 	display: none;
 }
 /*.com_nav_erji ul li:hover dl {
 	top: -100%;
 	opacity: 0;
 }*/
 
 .com_nav ul .on dl {
 	position: fixed;
 	top: 0%;
 	right: 115px;
 	width: 200px;
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.5);
 	opacity: 1 !important;
 }
 
.viod_box{
	position: relative;
	width: 100%;
	height: 400px;
	margin: 0px auto;
	display: block;
	margin-bottom: 25px;
}
.viod_box .video-js{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	margin: 0px auto !important;
}
