@charset "utf-8";
html, body, a, p, span, ul, img {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
    font-size: 14px;
    line-height: 25px;
    font-family: "Microsoft Yahei", "Arial";
    color: #666;
}
.left {float:left;}
.right {float:right;}
img {max-width:100%;}

/*location*/
.page header {background-color:#fff;position: relative;}
.page .index-bottom{position:inherit;}
.page nav > .yiji > a{color:#333333;}
.page nav > .yiji.active > a,.page nav > .yiji > a:hover{color:#4B872A;}
.page .serch-box {border:1px solid #333333;color: #666;}
.page .menu-box:after {
    background-color: #333333;
}
.page .serch button {background: transparent url(../images/serch_btn_04.png) no-repeat center;}
.page .memu-btn span {background-color: #333333;}
.page .menu-text {color:#333333;}
.page header.show-site-map {background-color: transparent;}

.page .show-site-map nav > .yiji > a{color:#fff;}
.page .show-site-map nav > .yiji.active > a,.page nav > .yiji > a:hover{color:#4B872A;}
.page .show-site-map .serch-box {border:1px solid #fff;}
.page .show-site-map .menu-box:after {
    background-color: #fff;
}
.page .show-site-map .memu-btn span {background-color: #fff;}
.page .show-site-map .menu-text {color:#fff;}
.page .show-site-map .serch button {background: transparent url(../images/serch_btn_03.png) no-repeat center;}

/*footer*/
.footup {background-color:#333333; padding: 50px 0;}
.footup .foot_top {padding-bottom:25px;}
.foot_top .left img{ float:left;margin-right: 22px;margin-top: 5px;}
.foot_top .left p { display: inline-block;}
.foot_top .left p:nth-child(2){font-size: 14px;
font-weight: 400;
line-height: 19px;
color: #707070;}
.foot_top .left p span{font-size: 24px;
font-weight: 400;
line-height: 31px;
color: #F8F8F8;}
.foot_top .right .share_more {background-image:url("../images/share.png");width: 40px; height: 40px;margin-bottom: 0;}
.foot_mid {border-top:1px solid #555555; padding-top: 55px;}
.foot_l{ float:left; width:68%;}
.foot_r { float:right; width:29%;}
.foot_l ul { margin-left:-10px; margin-right:-10px;}
.foot_l ul li { float:left; width:16.66%; padding:0 10px;}
.foot_l ul li h2 { padding-bottom:8px;margin-bottom: 0;}
.foot_l ul li h2 a{ font-size:18px; color:#F8F8F8; margin:0;}
.foot_l ul li a { display:block; font-size:16px; color:#919191; line-height:20px; margin:10px 0;}
.foot_l ul li a:hover {  color:#fff;}

.foot_r h2 {font-size:18px; color:#F8F8F8; }
.footimg { padding-top:11px;max-width: 370px;}
.footimg table,.footimg table tr td{ border:none;}

.footimg img { max-width:100%;width: 110px;}
.footimg table tr td p { max-width:107px;color: #919191; text-align: left;font-size: 18px; float:left; width:100%; padding-top:20px;}

/*page nei*/
.page_nav {height: 75px;background: #4B872A;width: 100%;overflow: hidden;z-index: 9;}
.page_nav .pull-left {line-height:75px;float: left;}
.page_nav .pull-left a {color:rgba(248,248,248,0.7);
	line-height: inherit; position: relative; padding-left: 20px;display: inline-block;font-size: 16px;}
.page_nav .pull-left a:before {content:"·";font-size: 18px;font-weight: bold; left: 5px;top: 0; position: absolute;}
.page_nav .pull-left a:nth-child(1) {padding-left:0;}
.page_nav .pull-left a:first-child:before {display:none;}
.page_nav .pull-left a:hover {color:#fff;}
.page_nav .pull-right {float:right;}
.page_nav .pull-right ul li {line-height:75px;display: inline-block;padding-left: 30px;}
.page_nav .pull-right ul li a:after {content: "";height: 4px;width: 0; position: absolute;left: 50%;bottom: 0;
background: #C9D469;}
.page_nav .pull-right ul li a{font-size: 18px;display: block;
font-weight: 400;
line-height:inherit; position: relative;
color: #F8F8F8;}
.page_nav .pull-right ul li.active a,.page_nav .pull-right ul li:hover a {
color: #C9D469;}
.page_nav .pull-right ul li.active a:after,.page_nav .pull-right ul li:hover a:after {width:100%;left: 0;}

/*contact*/
.contact {padding-top:48px;}
.page_title {font-size: 32px;
font-weight: 400;
line-height: 42px;
color: #333333;}
.contact .left{width: -webkit-calc(100% - 540px);
    width: -moz-calc(100% - 540px);
    width: calc(100% - 540px);}
.contact .right {width:540px; max-width: 100%;border: 1px solid #4B872A;height: 540px;border-radius: 50%;overflow: hidden; padding: 15px; position: relative;z-index: 8;}
.contact .right:before {transform:rotate(0deg);animation:radar 15s linear infinite;content: ""; position: absolute;
	left: 0; top: 0;
 width: 100%;
    height: 100%;
    border: 90px solid transparent;
    border-bottom-color: #4B872A;
    border-radius: 50%; z-index: 40;
}
@keyframes radar{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

.contact .right #map {border-radius:50%;z-index: 60 !important;}
.contact .left .contm {padding-top:20px;}
.contact .contm li { padding-bottom: 25px;padding-left: 15px; padding-right: 15px; padding-top: 25px;}
.contact .contm span {float:left;width: 50px;display: flex;align-items: center;height: 100%;}
.contact .contm p{float:left;display: flex;align-items: center;width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #333333;}
.contact .contm li:nth-child(1),.contact .contm li:nth-child(2),.contact .contm li:nth-child(4),.contact .contm li:nth-child(5) {width:30%;}
.contact .contm li:nth-child(3),.contact .contm li:nth-child(6) {width:40%;}
.w100 {width:100%;overflow: hidden;}
.contact .contm li .w100:nth-child(2) {padding-top:35px;}
.message {padding-top:90px; padding-bottom: 90px;}
.message form {padding-top:20px;}
.message form input {height: 61px;
background: #EEEEEE;border: none;outline: 0;}
.message form textarea {
background: #EEEEEE;height: 275px;border: none;outline: 0;}
.message .mess_button input{ }
.message .submit {background: #4B872A;}
.message .reset {
background: #4C4C4C;}
.message form label {font-size: 16px;
font-weight: 400;margin-bottom: 10px;
line-height: 25px;
color: #333333;}
.message form label span {margin-right:10px;float: left;}
.message .mess_button {padding-top:28px;}
.message .mess_button input {width: 143px;margin-right: 8px;
height: 42px;color: #fff;
border-radius: 2px;}
.submit {background: #4B872A;}
.reset {background: #4C4C4C;}

/*job*/
.job_up {padding-top: 98px; padding-bottom: 95px;}
.job_up ul {overflow:hidden;display:flex;}
.job_up ul li:nth-child(1) {width:45%;}
.job_up ul li:nth-child(2) {flex: 1;}
.job_up ul li span {width: 75px; text-align: center;
height: 75px;line-height: 70px; display: inline-block;float: left;
border: 2px solid #4B872A;
border-radius: 50%;}
.job_up ul li span img:nth-child(2) {display:none;}
.job_up ul li p { padding-left: 38px;font-size: 16px; position: relative;color: #333333;float: left;margin-top: 10px; width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);}
.job_up ul li p strong {display: block;font-size: 18px;font-weight: 500; padding-bottom: 5px;}
.job_up ul li p:before {content:"";background-image: url("../images/dian.png"); position: absolute; left: 10px; top: 50%;margin-top: -5px; width: 10px; height: 10px;}
.job_up ul li:hover span {background-color: #4B872A;}
.job_up ul li:hover span img:nth-child(2) { visibility: visible;display: inline-block;}
.job_up ul li:hover span img:nth-child(1) {display:none;}
.job_up ul li:hover p {
color: #4B872A;}

.job_bg {background-image: url("../images/jobbg.jpg");background-repeat: no-repeat;background-position: center; height: 350px;width: 100%; text-align: center; padding-top: 90px;margin-bottom: 40px;background-size: cover;}
.job_bg h3 {
font-size: 40px;
font-weight: bold;
line-height: 52px;
color: #FFFFFF;}
.job_bg p {font-size: 17px;
font-weight: 400;
line-height: 22px;
color: #FFFFFF;}
.job_des {padding-top:20px;}
.job_des p{font-size: 16px;color: #333333;}
.job_list {padding-top:50px; padding-bottom: 50px;}
.job_list ul {margin-left:-20px;margin-right: -20px;}
.job_list ul li {float:left; width: 25%;padding: 0 20px;margin-bottom: 25px;}
.job_list ul li a{height: 418px;width: 100%;padding: 30px 25px;position: relative;
background: #F0F0F0;display: block;}
.job_list ul li {}
.job_list ul li .job_time {color: #AEAEAE;display: block; padding-bottom: 10px;}
.job_list ul li .job_name {font-size: 24px;
font-weight: 400;
line-height: 28px;height: 56px;margin-bottom:10px;
color: #333333;display: block;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.job_list ul li .job_one{font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #333333;}
.job_list ul li .job_nr {display: block;margin-top: 10px;
color: #444444;font-size: 16px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;}

/*
.job_list ul li .job_nr::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.job_list ul li .job_nr::-webkit-scrollbar-track{
  background:#999;
  border-radius:2px;
}
.job_list ul li .job_nr::-webkit-scrollbar-thumb{
  background:#E9E9E9;
  border-radius:10px;}
nei
.job_list ul li .job_nr::-webkit-scrollbar-thumb:hover{
  background: #E9E9E9;
}
*/

.job_list ul li .job_more {left:25px;bottom: 30px;position: absolute;width: 111px; text-align: center; line-height: 36px;
height: 36px;
background: #F8F8F8;}
.job_list ul li .job_more:hover {background-color: #4B872A;color: #fff;}

.join-body { padding:15px 35px;}
.join-body p {line-height:1.5; font-size: 16px; padding-bottom: 15px;}
.jobb_more { padding-top:30px; }
.jobb_more a{width: 172px; position: relative; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #EDEDED;
border-radius: 30px 30px 30px 4px;}
.jobb_more a span {color:inherit;}
.jobb_more a:before {
    position: absolute;
    content: "";

	    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	background-color: #ffffff;
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.jobb_more a:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.jobb_more a:hover {background:#4B872A; color: #fff;}

/*job detail*/
.jobyp { padding-top:40px;}
.recuit label{width:28%;float:left;font-size:16px;font-weight:500;line-height: 35px;}
.recuit input[type=text]{width:72%;float:left;background: #F0F0F0;border: none;outline: 0;box-shadow: none;font-size: 16px;color: #1d1d1d;border-radius: 0;}
.recuit input[type=radio]{ height:34px; margin-top:0px; vertical-align:-12px; margin-right:6px;-webkit-appearance: radio;}
.recuit select { width:72%; float:left;}
.jobeject .modal-header .close {outline:0;}
.jobeject .modal-header .close span {font-size:26px;}
.recuit .form-group{ line-height:34px; margin-bottom:25px;}
.recuit button{margin-bottom:30px;width: 177px;
    display: inline-block;
    color: #fff !important;
	padding: 0;
    font-size: 16px;
    height: 56px;
	outline: 0;
    line-height: 56px;
    background: #4B872A;
   outline:0;}
.recuit textarea { border-radius:0px; width:100%; float:left;background: #F0F0F0;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    color: #1d1d1d;
    border-radius:0;}
.message_code span { margin-left:5px;}
.message_code span img { max-height:50px;}

@media screen and (max-width:1199px){
.recuit label{ width:32%;}
.recuit input[type=text]{ width:68%;}
.recuit select { width:68%;}
}

@media screen and (max-width:991px){
.recuit .form-group:after{ content:''; display:block; visibility:hidden; clear:both; }
.recuit .form-group{ margin-bottom:10px;}
.recuit label{ width:25%;}
.recuit input[type=text]{ width:75%;}
.recuit select { width:75%;}
.recuit textarea { width:100%;}
}

@media screen and (max-width:767px){
.recuit label{ width:28%;}
.recuit input[type=text]{ width:72%;}
.recuit select { width:72%;}

}
@media screen and (max-width:374px){
.recuit label{ width:100%;}
.recuit input[type=text]{ width:100%;}
.recuit select { width:100%;}

}

/*xiaoguozhanshi*/
.banner {width:100%; position: relative;overflow: hidden;}
.banner .bg {height:370px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner .ban_mask {position:absolute; left: 0; top: 0; height: 100%;width: 100%;}
.banner .container {position:relative;height: 100%;overflow: hidden;}
.banner .ban_title {left:15px;top: 25%;position: absolute;}
.banner.animated .bg {
    -webkit-transition: transform 15s;
    -moz-transition: transform 15s;
    -ms-transition: transform 15s;
    -o-transition: transform 15s;
    transition: transform 15s;
	 -webkit-transition-duration: 1.1s !important;
    transition-duration: 1.1s !important
}
.banner.animated  .bg {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


.item-down {
    position: relative;
    width: 52px;
    height: 52px;
	float: left;
	margin-top: 254px;
    cursor: pointer;
    text-align: center;
    transition-delay: .7s;
}
.item-down .yuan-img {
    width: 100%;
    animation: zhuan0 6s infinite linear .65s;
}
.item-down .down-img {
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -10px;
    animation: top0 1s infinite linear .65s;
}
@keyframes top0{
    0% {
    transform: translateY(-10%);
   }
   100% {
    transform: translateY(10%);
}
}
@keyframes zhuan0{
    0% {
    transform: rotate(0);
   }
   100% {
    transform: rotate(360deg);
}
}
.effect_cont {padding-top:50px; padding-bottom: 50px;}
.effect_cont .cont_left {width:225px;float: left;}
.cont_left ul li {height:60px;background: #4B872A; text-align: center; line-height: 60px;}
.cont_left ul li a {color:#F8F8F8;font-size: 18px;}
.effect_cont .cont_right {padding-left: 30px; float: left;width: -webkit-calc(100% - 225px);
    width: -moz-calc(100% - 225px);
    width: calc(100% - 225px);}
.effect_cont .cont_right ul.row li{padding-bottom:30px;}
.effect_cont .cont_right ul.row li a {display:block;overflow: hidden;width: 100%; position: relative;}
.effect_cont .cont_right ul.row li .xg_mask {background-image:url("../images/xgmask01.png");background-repeat: no-repeat;background-position: right top;background-size: contain; position: absolute;right: 0; top: 0;width: 100%; height: 50%;}
.effect_cont .cont_right ul.row li .xg_mask {padding: 20px 0 0 10px;}
.xg_name {color: #F8F8F8;width: 50%;display: block; text-align: center; font-size: 18px;}
.effect_cont .cont_right ul li:hover .xg_mask {background-image:url("../images/xgmask02.png");}
.effect_cont .cont_right ul.row li img{width: 100%;max-width: inherit;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.effect_cont .cont_right ul li:hover img {-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}


/*top*/
.homemess {position:fixed; right:10px; bottom:15%; z-index:99; display:none;}
.homemess ul li { width:56px; height:56px; line-height: 56px; background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.08);border-radius:50%; color:#fff;  text-align:center; margin-bottom:12px; position:relative; cursor:pointer;}
.homemess ul li span {display:inline-block; width: 100%; height: 100%;}
.homtel {background:url("../images/rico01.png") no-repeat center center;}
.homwechta {background:url("../images/rico02.png") no-repeat center center;}

.homemess ul li:hover span.homtel {background:url("../images/ricoh01.png") no-repeat center center;}
.homemess ul li:hover  span.homwechta {background:url("../images/ricoh02.png") no-repeat center center;}

.navr-tel{
    width: 158px;
    padding:0 5px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:0px;
	color: #333;
	font-size: 18px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22{
    width: 100px;
    padding: 8px;
	position: absolute;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    top:-17px;
    right: 65px;
    transition: all .3s ease ;
    box-shadow: 0 1px 11px rgba(0,0,0,0.3);
}
.navr-ewm22 img{
    max-width: 100%;
}

.navr-ewm22:before,.navr-tel:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
     border-width: 10px;
    border-left-color:#fff;
    top: 50%;
	margin-top: -10px;
    right: -20px;
}
.homemess ul li:hover .navr-tel{
    visibility: visible;
    opacity: 1;
    right:70px;
}
.homemess ul li:hover .navr-ewm22{
    visibility: visible;
    opacity: 1;
    right:70px;
}


.homemess ul li:hover{
    background-color:#4B872A;
	border-radius:50%;
}
.homemess ul li.back-top span{background:url("../images/top.png");background-position: center;background-repeat: no-repeat; display:inline-block;float: left;}
.homemess ul li.back-top:hover span{background:url("../images/top2.png");background-repeat: no-repeat;background-position: center;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	transition: 0.5s;-webkit-transition: 0.5s;
}
/*paged*/
.paged{padding-top:20px; margin:0 auto 50px; text-align: center; box-sizing:border-box;}
.paged:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.paged a{display:inline-block; line-height:40px; color: #333; 
border: 1px solid #707070;background-color: #fff; margin: 0 2px;width: 40px; height:40px;text-decoration: none; font-size:14px;border-radius:50% }
.paged a:hover{border:1px solid #4B872A; text-decoration: none; color:#fff; background-color:#4B872A; font-size:14px;}
.paged span {border-radius:50%; display:inline-block; 
border: 1px solid #707070;  background-color:#4B872A;color: #fff; line-height:40px;width: 40px; height:40px; font-size:14px; margin:0 2px;}
.paged .pagination {display:block;}
.paged .pagination li {display:inline-block;}


@media screen and (max-width: 540px) {
.paged{ margin:0 auto;margin-bottom: 30px; }
	
}

/*new*/
.new_cont {padding-top:30px;}
.new_tj {padding-top:35px;padding-bottom: 35px; margin-bottom: 30px;
border-bottom: 1px solid #CCCCCC;}
.new_tj ul {margin-left:-20px; margin-right: -20px;}
.new_tj ul li {width:25%;padding: 0 20px;float: left;}
.newposition_c .new_img {overflow:hidden; position: relative;display: block;}
.newposition_c .new_img img{ width: 100%;max-width: inherit;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.newposition_c .new_img .newmask {position:absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; display: flex;align-items: center; justify-content: center; text-align: center; background: rgba(75,135,42,0.5);transition: 0.3s; border-radius: 3px;
    -webkit-transition: 0.3s;}
.newposition_c .new_img .newmask span {display:inline-block;   color: #fff; font-size: 16px; padding: 7px 0;  border-top:1px solid #fff;border-bottom:1px solid #fff;}
.newposition_c .news-tit {font-size:18px; color: #333333; height: 50px; line-height: 25px; margin-top: 15px; font-weight: bold; overflow:hidden; 	display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; }
.news-date { margin-top: 10px; display: block; position: relative;line-height: 21px;color: #CCCCCC;}
.news-date:after {content:""; opacity: 0; background: url("../images/newjt.svg") no-repeat; width: 18px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.newposition_c li:hover .news-date:after {  opacity: 1;transition: 0.5s;    -webkit-transition: 0.5s;}
.newposition_c li:hover .new_img .newmask { opacity: 1;}
.newposition_c li:hover .news-tit { color: #4B872A;}
.newposition_c li:hover .new_img img {border-radius:3px;-webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}

.new_list {border-bottom:1px solid #CCCCCC; padding-bottom: 50px; padding-top: 16px;}
.new_list ul {margin-left:-16px; margin-right: -16px;}
.new_list ul li {width:25%; float: left;padding: 16px;float: left;}
.new_list ul li a {height: 235px; display: block; padding:33px 30px;
background: #F5F5F5;opacity: 1;transition: 0.3s;
    -webkit-transition: 0.3s;}
.new_list li .news-tit{	 overflow:hidden; line-height:24px;height: 48px;	display:block; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	font-size:18px; color: #333333; font-weight: bold; }
.new_list li .news-sub-txt{
	 overflow:hidden; 	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
	margin-top:25px;  height: 50px;
	 font-weight:500; 
	text-indent:2em;
}
.new_list li .news-date{display:block; 
color: #CCCCCC; margin-top:30px; }
.new_list ul li:hover a {background:#4B872A;}
.new_list ul li:hover .news-sub-txt,.new_list  ul li:hover .news-tit {color:#FFFFFF;}
.new_list ul li:hover .news-date{color:#fff;}

/*详情*/
.article_top{ color:#fff; text-align:left; margin-top:80px;}
.articlesub span{ display:block; padding-top:8px; font-size:16px;}
.articlesub h2{ font-size:30px; margin:0; font-weight: bold;    color: #333;}

.article_content{font-size:16px; color:#666; line-height:36px; padding-top:20px; }
.article_content video { margin:0 auto; display:block; max-width:90%; width:700px; min-height:300px;}
.article_content p{font-size:16px; color:#666; line-height:36px; margin-bottom:15px;}
.article_content img {margin:0 auto;display: block;}
.art_bot{ margin:30px 0 50px; width:75%;}
.art_bot p,.art_bot a{ color: #3C3C3C;line-height: 38px;margin: 0;font-weight: bold;font-size: 18px;  }
.art_bot p {white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.art_bot a:hover{ color:#4B872A;}
.backs a{ display:block; width:100px; height:34px; text-align:center; font-size:14px; color:#4B872A; background-color:#fff; line-height:34px; margin-top:40px; transition:all 0.5s; border:1px solid #4B872A;border-radius: 17px;}
.backs a:hover{ background:#4B872A; color:#fff;}
.w70 { float:left;  padding:0 15px; padding-right:30px; padding-top:50px;width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: calc(100% - 350px);}
.w30 { float:left; width:350px; padding:0 15px;}
.recommend{ background-color:#F8F8F8; padding:30px 30px; margin-bottom:50px;}
.recommend h2{font-size:24px; 
color: #3C3C3C; margin:0; line-height:36px; font-weight:bold; margin-bottom:20px;padding-bottom:20px;  border-bottom:1px solid #707070;}
.recommend ul li a{ display:block;  padding-bottom:20px; }
.recommend ul li a h3{font-size:18px; font-weight:bold; margin:0; color:#333333; line-height:30px; height:30px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{ color:#CCCCCC; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:28px; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent:2em;}
.recommend ul li{ border-left:1px dashed #ccc; padding-left:20px;position:relative;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#4B872A;}
.rightnew a{ display:block; position:relative; margin-bottom:20px;}
.rightnew a h3{ position:absolute; margin:0; text-align:center; width:100%; bottom:0px; left:0; box-sizing:border-box; padding:0 10px; background-color:rgba(0,0,0,0.35);font-size:16px; color:#fff; line-height:42px;max-width:100%; height:42px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.rightnew img {max-width:inherit;width: 100%;}
.recommend ul li:before{ width:12px; height:12px; border:1px solid #ccc; background-color:#fff; position:absolute; left:-7px; top:8px; content:''; display:block; border-radius:50%;} 

.lookmore{ display:block; font-size:16px; color:#fff; background-color:#01A1DF; border-radius:20px; line-height:40px; width:150px; text-align:center; margin:30px auto 0; transition:all 0.6s;}
.lookmore:hover{ color:#fff; animation: logoShow .5s 1;-webkit-animation: logoShow .5s 1; }
.leftnav{ display:block;}
.leftnav{font-size:14px; color:#666; line-height:30px; margin-top:20px;}
.backs {max-width:25%;}

.new_more { padding-top:30px; }
.new_more span{width: 172px; max-width: 100%; position: relative; display: block; font-size: 16px; padding-left: 30px; height: 46px; line-height: 46px;background: #ffffff;
border-radius: 30px 30px 30px 4px;text-align: left;}
.new_more span:before {
    position: absolute;
    content: "";
	width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/projt.svg") no-repeat 55% 50%;
	background-color: #EDEDED;
	border-radius: 50%;
    background-size: 30%;
    transition: .5s ease-in-out;
}
.new_more span:hover:before {
    transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transition: .5s ease-in-out;
}
.new_more span:hover {background:#4B872A; color: #fff;}

.articlesub {overflow:hidden;}
.articlesub .left {max-width:70%; padding-right: 15px;}
.articlesub .dt_font_wraps {float:right; padding-top: 5px;}
.articlesub .new_border {width: 34px;display: inline-block;float: right;
height: 34px; text-align: center; line-height: 32px;cursor: pointer;
border: 2px solid #C4C4C4;margin-right: 10px;
color: #C4C4C4;
border-radius: 50%;}
.articlesub .new_border:first-child {margin-right:0}
.articlesub .bdshare-button-style0-32 {display:inline-block;width: 32px;height: 32px; line-height: inherit;}
.articlesub .bdshare-button-style0-32 a {margin:0;width: 100%;height: 100%;display: inline-block;float: none;background-image: url("../images/share01.png"); background-size: 19px 17px;background-position: center;}
.articlesub .new_border .lo_print img{width:20px;}
.dt_rt_content_wrap {
	font-size: 16px;
}
.dt_rt_content_wrap p, .dt_rt_content_wrap span {
    line-height: 175%!important;
    margin-bottom: 30px !important;
}
.wz-textbox>p {
    font-size:inherit;
}

/*jishuzhongxin*/
.page_descript {
color: #919191;padding-top: 8px;}
.js_list {padding:20px 0 0 0;}
.js_list ul {margin-left:-39px; margin-right: -39px;}
.js_list ul li {width:33.33%; float: left; padding: 38px 39px;}
.js_list ul li .newpic	{overflow:hidden;}
.js_list ul li .newpic img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.js_list ul li:hover .newpic img { transform: scale(1.05); }
.js_list ul li .new_cont { padding: 28px; height: 150px;background: #FFFFFF;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.js_list ul li .new_cont .newtime {display:block;font-size: 13px;line-height: 26px;color: #CBCBCB; background:url("../images/newico03.png") no-repeat left; padding-left: 20px;}
.js_list ul li .new_cont h4 {font-size: 18px; max-height: 56px; margin-top: 5px;line-height: 28px;    white-space: normal;      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;color: #333333; margin-bottom: 18px;}
.js_list ul li .new_cont em {font-style:normal; display: inline-block; background: url("../images/newico04.png") no-repeat right; padding-right: 24px;
font-size: 16px;
line-height: 26px;

color: #CCCCCC;}
.js_list ul li:hover .new_cont {background:#4B872A;transition: 0.3s;-webkit-transition: 0.3s;}
.js_list ul li:hover .new_cont .newtime{color:#82B3D5;}
.js_list ul li:hover .new_cont h4,.js_list ul li:hover .new_cont em {color:#fff;}
.js_list ul li:hover .new_cont em {background:url("../images/newico05.png") no-repeat right;}

/*.prolist_mid .pro_load,*/
.pro_cont {padding-top:90px;}
.prolist_mid .pro_load.pt0{padding-top:0;}
.prolist_mid .new_title .left p {
font-size: 16px; padding-top: 20px;
font-weight: 500;
line-height: 21px;
color: #333;}
.prolist_mid .new_title .right {max-width:70%;width: 70%; text-align: right;}
.prolist_mid .new_title .right a {
font-size: 16px; padding: 0; background: url("../images/proico.png") no-repeat right; padding-right: 68px;
font-weight: 500;
line-height: 44px;border-radius: 0; cursor: pointer;}
.prosearch {height: 44px;margin-right: 130px; background: #F2F2F2;max-width: 524px;width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: calc(100% - 180px);}
.prosearch .input {float: left;border:0;background: none;padding: 5px 10px; line-height: 34px; outline: 0; 
	width:  -webkit-calc(100% - 104px);
    width: -moz-calc(100% - 104px);
    width: calc(100% - 104px);}
.prosearch .searchbut {width: 104px;border: none;height: 44px;background-color: #4B872A; text-align: left;padding-left: 20px;color: #fff;background-image: url("../images/prosearch.png");background-position: 80%;background-repeat: no-repeat;}

.prosearch .input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}
.prosearch .input::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}
.prosearch .input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}
.prosearch .input::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}
.promid_sub {  border-bottom: 2px solid #A2A2A2; overflow: hidden; padding-bottom: 20px; padding-top: 20px;}
.promid_sub .protitle { float:left;font-size: 18px;font-weight: bold;line-height: 24px;}
.pro_01 {width:340px;}
.mleft {float: left;width:  -webkit-calc(100% - 340px);
    width: -moz-calc(100% - 340px);
    width: calc(100% - 340px);}
.pro_02 {padding: 0 150px;
	width:  -webkit-calc(100% - 182px);
    width: -moz-calc(100% - 182px);
    width: calc(100% - 182px);}
.pro_03 {width:182px;}


.promid_cont { padding: 45px 0 45px 0; position: relative;overflow: hidden;display: flex;align-items: center;}
.promid_cont:before {content:""; position: absolute; height: 1px;background: #DBDBDB; width: 100%; bottom: 0; left: 0;}
.promid_cont:after {background:#4B872A;content:""; position: absolute; height: 1px; width: 0; bottom: 0; left: 0;transition: 0.4s;-webkit-transition: 0.4s;}
.promid_cont:hover:after {width:100%;}
.promid_cont:hover:before {width:0;}

.promid_cont .pro_01 span {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);display: inline-block;width: 100%; text-align: center;}
.promid_cont .pro_02 p{font-size:18px;line-height: 26px;}
.promid_cont .pro_02 strong {font-size: 32px;display: block;margin-bottom: 28px;
line-height: 1.4;
color: #3C3C3C;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.promid_cont .pro_02 p:nth-child(2) {overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.promid_cont .pro_03 {padding-top:75px;}
.promid_cont .pro_more {width: 182px;
height: 52px;background: #D9D9D9;text-align: center; line-height: 56px;color: #999999; font-size: 16px; display: inline-block; float: right;
border-radius: 28px;}
.promid_cont:hover .pro_02 strong {color:#4B872A;}
.promid_cont:hover .pro_02 p{color: #3C3C3C;}
.promid_cont:hover .pro_more {background:#4B872A;color: #fff;transition: 0.3s;-webkit-transition: 0.3s;}

.pro_load {text-align:center; padding-top: 90px;}
.pro_load a {width: 177px; display: inline-block; color: #fff; font-size: 16px;
height: 56px; line-height: 56px;
background: #4B872A;
border-radius: 28px;}
.pro_load a:hover {background:#4B872A;}
.promid_list {padding-bottom:50px;border-top: 2px solid #707070;}
.prolist_mid {background:#F8F9FA;margin-bottom: 60px;}
.prolist_mid .new_title {z-index:9;padding-bottom: 90px;}
.prolist_mid .nav-tabs {border:none;display: inline-block;float: right;}
.prolist_mid .nav-tabs .nav-link {border:none; background: none;}
.prolist_mid .nav-tabs .nav-link.active {display:none !important;}
.prosearch {display:inline-block;} 


.prolist_mid .newd_list ul {margin-left:-40px; margin-right: -40px;}
.prolist_mid .newd_list ul li {width:33.33%; float: left; padding: 0 40px; padding-bottom: 80px;}
.prolist_mid .newd_list ul li a{background: #F8F9FA;display: block;width: 100%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.prolist_mid .newd_list ul li .newpic	{overflow:hidden;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.prolist_mid .newd_list ul li .newpic img {width:100%;transition: 0.3s;-webkit-transition: 0.3s;}
.prolist_mid .newd_list ul li:hover .newpic img { transform: scale(1.05); }
.prolist_mid .newd_list ul li .new_cont {background:#F8F9FA; padding: 28px; height: 148px; text-align: center;}
.prolist_mid .newd_list ul li .new_cont h4 {
font-size: 20px; max-height: 56px; margin-top: 5px;line-height: 28px;white-space: normal;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;margin-bottom: 10px;}
.prolist_mid .newd_list ul li .new_cont em {font-style:normal; display: inline-block; line-height: 26px;color: #CBCBCB;}
.prolist_mid .newd_list ul li:hover .new_cont {background:#fff;transition: 0.3s;-webkit-transition: 0.3s;}
.prolist_mid .newd_list ul li:hover .new_cont h4 {color:#333;}
.content {overflow-x:hidden;}


/*prodetail*/
.pro_debg { height:  calc(100vh - 100px); width: 100%; position: relative;}
.pro_debg .pron_bg {width:100%; height: 100%;background-image: url("../images/probg.jpg"); background-size: cover; background-position: bottom center; overflow: hidden;}
.pro_debg .pron_bg .container {height:100%;}
.pron_left {float:left; width: 50%; text-align: center;height: 100%; padding-top: 50px; padding-bottom: 50px;}
.pron_left img {max-height:100%;}
.pron_right {float:right; width: 50%;  padding-left: 80px; padding-top: 68px;}
.pron_nav {width:100%; height: 75px;
background: #4B872A; text-align: right;z-index: 9;}
.pron_nav a {text-align: center; padding: 0 24px; margin: 0; line-height: 75px; display: inline-block;
color: #C9D469;
font-size: 18px;}
.pron_nav a:hover,.pron_nav a.on {background: #fff;
color: #C9D469;}
.pro_debg .pron_bg .pron_left .prolub {max-height:90%;}
.pro_debg .pron_bg .pron_left .prolub .owl-stage-outer {height:100%;}
.pro_debg .pron_bg .pron_left .owl-carousel .owl-item img {max-height:100%;}

.prolub .owl-nav {display:none;}
.owl-theme.prolub .owl-dots {position:absolute; bottom: 0; width: 100%; left: 0;}
.owl-theme.prolub .owl-dots .owl-dot {border:0; margin: 0 3px; outline: 0;}
.owl-theme.prolub .owl-dots .owl-dot span {width: 10px; margin: 0;
height: 10px; opacity: 1;
background: #DCDCDC;
border-radius: 50%;}
.owl-theme.prolub .owl-dots .owl-dot.active span,.owl-theme.prolub .owl-dots .owl-dot:hover span {background: #F50122; width: 26px;border-radius: 5px;}
.pron_right .pron_title {font-size: 32px;font-weight: bold; height: 70px;line-height:35px; margin-bottom: 30px; color: #FFFFFF;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.pron_right .pron_up {padding-bottom:55px;}
.pron_right .pron_up .proback {float:right; line-height: 48px;font-size: 18px;color: #fff;}
.pron_right .pron_up .proback span {width: 48px; float: left; margin-right: 10px;
height: 48px;display: inline-block; background-image: url("../images/pro_back.png"); background-size: 18px 14px; background-position: center; background-repeat: no-repeat;
border: 1px solid #FFFFFF;
border-radius: 50%;}
.pron_right .pron_up .bdsharebuttonbox {float:right;line-height: 48px;font-size: 16px;color: #fff;}
.pron_right .pron_up .bdsharebuttonbox a#share01 {background:none !important;height: 48px;line-height: 48px; display: block;width: 135px; padding-left: 55px;position: relative;margin: 0; margin-right: 40px;text-indent: inherit; opacity: 1; font-size: 18px;
font-weight: 400;
color: #F8F8F8; }
.pron_right .pron_up .bdsharebuttonbox a#share01:before{content:"";width: 48px;
height: 48px;display: inline-block; background-image: url("../images/pro_share.png"); background-size: 18px 17px; background-position: center; background-repeat: no-repeat;
border: 1px solid #FFFFFF;border-radius: 50%; position: absolute; left: 0; top: 0;}
.pron_right .pron_up .proback:hover span,.pron_right .pron_up .bdsharebuttonbox a#share01:hover:before,.pron_right .pron_up .wechat:hover span{background-color: #4B872A;border: 1px solid #4B872A; opacity: 1;}
.pron_right .pron_up .wechat {display:inline-block;position: relative;float: right;margin-right: 30px;
line-height: 48px;
font-size: 18px;cursor: pointer;
color: #fff;}
.pron_right .pron_up .wechat span {width: 48px; float: left; margin-right: 10px;
height: 48px;display: inline-block; background-image: url("../images/gwimg.png"); background-size: 18px 14px; background-position: center; background-repeat: no-repeat;
border: 1px solid #FFFFFF;
border-radius: 50%;}
.pron_right .pron_up .wechat .eng { position: absolute; top:59px; left: -42px;background-color: #fff;padding: 5px;opacity: 0;
    visibility: hidden;transition: all .3s ease ;}
.pron_right .pron_up .wechat .eng img {max-width:120px;}
.pron_right .pron_up .wechat .eng:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.pron_right .pron_up .wechat:hover .eng {visibility: visible;
    opacity: 1;}
.pron_des {border-bottom:1px solid #F8F8F8;padding-top: 5px;}
.pron_des .prodes_title { font-size: 18px;font-weight: 500;
color: #F8F8F8;}
.pron_des .pron_scoll {overflow-y:auto; margin-top: 15px;height:156px; margin-bottom: 8px;}
.pron_des .pron_scoll::-webkit-scrollbar {
  width:5px; height:6px;
}
.pron_des .pron_scoll::-webkit-scrollbar-track{
  background-image:url("../images/gdt.jpg");background-position: center; background-repeat:repeat-y;
  border-radius:0;
}
.pron_des .pron_scoll::-webkit-scrollbar-thumb{  background:#B2B2B2;  border-radius:0;}

.pron_des .pron_scoll p {font-size:18px; color: #fff;line-height: 26px;}
.pron_right .pron_link {padding-top:60px;}
.pron_right .pron_link ul {margin-left:-6px; margin-right: -6px;}
.pron_right .pron_link ul li {max-width:50%; padding: 0 6px; float: left;}
.pron_right .pron_link ul li a{width: 216px; max-width: 100%; display: block;
height: 57px; text-align: center; line-height: 57px;
background: #fff;
color: #333333;
font-size: 18px;
border-radius: 4px;}
.pron_right .pron_link ul li a:hover {background: #4B872A;color: #fff;}
.pt50 {padding-top:55px;}
.pt30 {padding-top:30px;}
.font32 {font-size:32px;}
.pro_one {}
.pro_one .proone_left {float:left;width: 50%; padding-right: 45px;}
.pro_one .proone_right {float:left; width: 50%; padding-left: 45px;}
.pro_one .proone_left p {font-size:16px;}
.pro_one .proone_left p span{font-size: 18px; padding-right: 13px;
font-weight: bold;
line-height: 30px;
color: #D2D2D2;}
.pro_two .protwo_des p{font-size: 16px;line-height: 26px;}
.de_table {padding-top:55px;}
.de_table table {width: 100%; text-align:center;font-size: 16px;
font-family: Microsoft YaHei;
line-height: 25px;
color: #000000;}
.de_table table thead {background: #848484;}
.de_table table  tr td{ min-width:90px;vertical-align: middle;border:none;padding: 1.5rem .75rem;}
.de_table table thead th {
color: #F8F8F8;font-weight: 400;font-size: 16px; padding: 1.2rem .75rem; border:1px solid #848484;
border-right: 1px solid #FFFFFF;}
.de_table table tbody tr th {border:none;}
.de_table table thead tr th:last-child {border-right:#848484}


.intor_arr {padding-bottom:80px;}
.intor_arr .swiper-slide {position:relative;}
.intor_arr .swiper-slide .indus_title {height:60px; text-align: center; line-height: 60px; background: rgba(0,0,0,0.4); bottom: 0; position: absolute; left: 0; width: 100%; padding: 0 30px;font-size: 16px;color: #FFFFFF;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.intor_arr .swiper-slide .indus_img {position:relative;overflow: hidden;}
.intor_arr .swiper-slide .indus_img a{display:block;}

.intor_arr .swiper-slide .indus_img img{ width: 100%;max-width: inherit;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.intor_arr .swiper-slide .indus_img:hover img {border-radius:3px;-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}

@media all and ( max-width: 1440px ){
.pron_right .pron_up {padding-bottom:70px;}
}
@media all and ( max-width: 1366px ){
.pron_right .pron_up {padding-bottom:50px;}
	.pron_des .pron_scoll {height:104px;}	
	.pron_right .pron_link {    padding-top: 30px;}
.pron_right {    padding-top: 30px;padding-left: 80px;}	
	.pron_right .pron_title {font-size:32px;line-height: 32px; height: 64px; margin-bottom: 15px;}	
}

@media all and ( max-width: 1279px ){
.pron_right {  padding-left: 50px;}
	.pron_right .pron_up .wechat,.pron_right .pron_up .bdsharebuttonbox a#share01 {margin-right:15px;}
	
}

@media all and ( max-width: 991px ){

.pron_right {padding:50px;padding-right: 30px;}

}
@media all and ( max-width: 767px ){
	.pro_debg .pron_bg .pron_left .prolub {width:85%;}
	.pron_right .pron_link {    padding-top: 30px;}
	.intor_arr {padding-bottom:50px;}
	.pro_debg .pron_bg .pron_left .prolub {width:80%;}
	.pron_right .pron_up {padding-bottom:30px;}
	.pron_des .pron_scoll {
    height: auto;
}
	.pro_debg {height:inherit;overflow: hidden; }
	.pro_debg .pron_bg{padding-bottom: 50px;}
.pron_right {padding:0;width: 100%;}
	.pron_left {width:100%;padding-bottom: 30px;}
	.pron_right .pron_up .wechat,.pron_right .pron_up .proback,.pron_right .pron_up .bdsharebuttonbox a#share01 {font-size:14px;}
	.pron_right .pron_link ul li a {height:40px;line-height: 40px;font-size: 16px;}
	.pron_des .pron_scoll p {font-size:16px;}
	.pron_right .pron_title {font-size:26px;}
	.pron_right .pron_up .bdsharebuttonbox a#share01 {width:102px;}
	.pron_right .pron_title { line-height: 1.2; height: auto;}
	.pron_left {width: 100%; height: inherit; padding-top: 50px;}
.pron_right {width:100%; padding-left: 0; padding-right: 0; padding-top: 0px;}
	.pron_des .pron_scoll {height:auto;}
	.pron_des {padding-bottom:15px;}
	.pron_nav {height:50px;}
	.pron_nav a {line-height:50px;font-size: 16px;}
	.pro_one .proone_left { width: 100%; padding-right: 0;}
	.pro_one .proone_right {  width: 100%; padding-left: 0; padding-top: 30px;}
	.intor_arr .swiper-pagination {position:inherit; bottom: inherit;}
	.intor_arr .swiper-pagination-bullet-active {background:#F50122;}
	.pro_bottom {
    background-color: #F9F9F9;
    margin-top: 50px;
    background-image:none;
    overflow: hidden;
    padding-top: 0;
}
	.pro_bottom .probotm_left {width:100%; padding-left: 0;background-image: url("../images/indusbg.png");
    background-position: left;
    background-repeat: no-repeat;}
	.pro_bottom .probotm_right {width:100%; padding-left: 0;}
	.pro_bottom .probotm_right h3 {font-size:30px;}
	.de_table table,.pro_one .proone_left p {font-size:14px;}
	.de_table,.pt50 {
    padding-top: 30px;}
	.pron_right .pron_up .wechat, .pron_right .pron_up .bdsharebuttonbox a#share01 {
    margin-right: 7px;
}
	.pron_right .pron_up .wechat span,.pron_right .pron_up .proback span {margin-right:5px;}
	.pron_right .pron_up .wechat span,.pron_right .pron_up .proback span,.pron_right .pron_up .bdsharebuttonbox a#share01:before {width:38px; height: 38px;line-height: 38px;}
	.pron_right .pron_up .bdsharebuttonbox,.pron_right .pron_up .bdsharebuttonbox a#share01,.pron_right .pron_up .wechat,.pron_right .pron_up .proback {line-height:38px;height: 38px;}
	.pron_right .pron_up .bdsharebuttonbox a#share01{padding-left: 42px;}
	
}

/*about*/
.about_one {position:relative;overflow: hidden; padding-top: 65px;}
.about_one:before {content:"";background-image: url("../images/01.png");background-position: center top;background-repeat: no-repeat; position: absolute;width: 100%; height: 50%;left: 0;top: -20px;z-index: -1;}
.about_one .about_eng {line-height: 16px;color: #555555; padding-top: 8px;}
.about_one .left {width:55%; padding-right: 60px; padding-top: 45px;}
.about_one .right {width:45%;padding-top: 30px;}
.about_one .about_text p {
font-size: 18px;padding-bottom: 26px;
line-height: 28px;}
.about_one .about_text p.center {text-align:center;}
.about_two {position:relative;overflow: hidden;margin-top: 65px;}
.about_two:before {content:"";background-image: url("../images/02.png");background-position: center top;background-repeat: no-repeat; position: absolute;width: 100%; height: 200px;left: 0;top: -20px;z-index: -1;}
.about_pro {background-image: url("../images/aboutmap.png");background-position: top center;background-repeat: no-repeat; width: 100%; margin-top: 40px;height: 880px; position: relative;}
.about_pro .phi_dw {position:absolute;max-width: 35%; top:210px;left: 50%;   -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.about_pro .phicont {position:relative;width: 50%;height: 45%;}
.about_pro .phicont:before {content: "";opacity: 0; background: #4B872A;width: 0;height: 68%; position: absolute;z-index: 100; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.about_pro .phicont .pic {float:left;width: 80px; padding-top: 22px;}
.phiright {float: left;padding-left: 15px; width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);}
.phiright h3{font-size: 32px;background: url("../images/line.jpg") no-repeat bottom left;font-weight: 400;padding-bottom: 10px;line-height: 1.2;}
.phiright p {font-size: 18px;line-height: 32px;padding-top: 10px;}
.phiright .phimore { width: 86px;height: 30px;display:inline-block;text-align: center; margin-top: 10px; line-height: 28px;border: 2px solid #79BD28;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.phi01 {float:left;}
.phi02 {float:right;}
.phi03 {float: left;}
.phi04 {float:right;}

.phi_nei {max-width: 100%;}
.phi01 .phi_nei {width: 410px;}
.phi02 .phi_nei {width: 450px;float: right;}
.phi03 .phi_nei {width: 410px;}
.phi04 .phi_nei {width: 450px;float: right;}

.about_pro .phicont.phi01:before {right: 33%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);	
bottom: 40px;}
.about_pro .phicont.phi02:before {left:33%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);	
bottom: 40px;}
.about_pro .phicont.phi03:before {right: 28%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
top: 57px;
height: 35%;}
.about_pro .phicont.phi04:before {left: 28%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);	
top: 57px;
height: 35%;}
.about_pro .phicont:hover:before {opacity:1;width:2px;}


.pheject .modal-dialog{max-width: 698px;}
.pheject .modal-content {background: #FFFFFF;border-radius: 0;
border: 4px solid #4B872A;padding: 20px 35px;}
.pheject .modal-content .modal-header {padding:0;padding-bottom: 15px;border-bottom: 1px solid #4B872A;}
.pheject .modal-content .modal-title{font-size: 32px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 32px;}
.pheject .modal-content .modal-body p {font-size: 18px;
line-height: 32px;}
.pheject .modal-header .close span{font-size:22px;}

.about_three {background-image:url("../images/rybg.jpg");background-position: center;background-size: cover;width: 100%;}
.about_three .three_mask {background-color:rgba(0,0,0,0.4);width: 100%;height: 100%; position: relative;padding: 68px 0;background-image: url("../images/03.png");background-position: center 30px;background-repeat: no-repeat;}
.about_three .page_title {color:#fff;}
.about_three .about_eng {color:rgba(249,249,248,0.5);}
.honor-container {margin-top:90px;}
.honor_pic {position:relative;max-width: 361px;margin: 0 auto;}
.honor_pic .pick {padding:15px;background-image: url("../images/honork.png");background-position: bottom center;background-repeat: no-repeat;display: block; padding-bottom: 54px;text-align: center;background-size: contain;}
.honor-container .swiper-wrapper{display: flex;    align-items: flex-end;}
.honor_name {width: 100%;display: block;
height: 80px;line-height: 80px;padding: 0 28px;
font-size: 18px;text-align: center;
font-weight: 400;
color: #F8F8F8;
	white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.tcenter {text-align:center;}
.pheject .modal-content .modal-title.font18 {font-size:18px;}
.honor_pic a:hover .honor_name{background: rgba(0,0,0,0.5);}
.honor_bt {text-align:center; padding-top: 90px;}
.honor_bt span{width: 43px;display: inline-block;background-position: center;background-repeat: no-repeat;
height: 43px;border-radius: 50%;cursor: pointer;
border:2px solid #888888;margin: 0 7px;}
.honor_bt span:hover {border:2px solid #fff;background-color: #fff;}
.honor_bt span.honor-button-prev {background-image:url("../images/honorleft.png");}
.honor_bt span.honor-button-next {background-image:url("../images/honorright.png");}

@media screen and (max-width: 1579px) {
	
.about_pro .phicont.phi01:before {right: 34%;height: 64%;
bottom: 39px;}
.about_pro .phicont.phi02:before {left:34%;height: 64%;
bottom: 39px;}
.about_pro .phicont.phi03:before {right: 27%;
top: 78px;
height:24%;}
.about_pro .phicont.phi04:before {left: 30%;
top: 57px;
height: 35%;}
	
}

@media screen and (max-width: 1365px) {
.about_pro .phi03 { width:33%;}
.about_pro .phi04 { width:33%;}
	
.about_pro .phicont.phi01:before {right: 35%;
height: 54%;
bottom: 51px;}
.about_pro .phicont.phi02:before {left:35%;height: 54%;
bottom:51px;}
.about_pro .phicont.phi03:before {right: -11%;

top: 80px;
height: 17%;}
.about_pro .phicont.phi04:before {left: -4%;
top: 49px;
height: 31%;}
	
}
@media screen and (max-width: 1279px) {

.phi02 .phi_nei {
    max-width: 300px;
}
.about_pro .phicont .pic {
    width: 60px;padding-right: 20px;
    padding-top: 22px;
}	
.phiright {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
}
.about_pro .phicont.phi01:before {right: 34%;
height: 41%;
bottom: 81px;}
.about_pro .phicont.phi02:before {left: 35%;
height: 43%;
bottom: 77px;}
.about_pro .phicont.phi03:before {right: -7%;
top: 11px;
height: 20%;}
.about_pro .phicont.phi04:before {left: -11%;
top: 26px;
height: 13%;}
	
}
@media screen and (max-width: 991px) {
	.about_one .about_text p {font-size:16px; padding-bottom: 15px;}
	.phiright h3 {font-size:28px;}
	.about_pro .phi_dw {position:relative;float: left;max-width: inherit;top: inherit;left: inherit;transform: none;width: 100%;text-align: center;}
	.about_pro .phicont {width:100% !important;height: auto; padding-bottom: 30px;}
	.phi01 .phi_nei,.phi02 .phi_nei,.phi03 .phi_nei,.phi04 .phi_nei {width:100%;float: left;max-width: inherit;}
	.about_pro .phicont:before {display:none !important;}
	.about_pro {height:auto; padding-bottom: 80px;overflow: hidden;}
	.about_one::before,.about_two:before {background-size:contain;top: 0;height: 150px;}
	.about_pro .phicont .pic {
    padding-top: 15px;
}
	
}
@media screen and (min-width: 992px) {

/*about*/
.phiright .phimore {  opacity: 0;}	
.about_pro .phicont:hover .phiright .phimore {opacity:1;}
	
}
@media screen and (min-width: 768px) {

.page_nav .pull-right ul li a:after,.effect_cont .cont_right ul.row li .xg_mask,.job_up ul li span { -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}


	
}
.BMapLabel{  position: absolute;
    display: inline;
    cursor: inherit;
    background-color: rgb(255, 255, 255);
    /* border: 1px solid rgb(255, 0, 0); */
    padding: 1px!important;
    white-space: nowrap;
    font: 17px arial, sans-serif;
    z-index: 80;
    user-select: none;
    left: -68px;
    top: 31px;
}











