/*头部*/
.header1 {
	width: 1200px;
	margin: 0 auto;
}
.header .logo {
	height: 115px;
	float: left;

}
.header .logo img{
    max-height: 100%;
}
.logo_tel {
	padding-top: 12px;
	height: 100px;
	float: right;
	background: url(../png/tel.png) left center no-repeat;
	padding-left: 73px;
	box-sizing: border-box;
	margin-top: 7px;
}
.logo_tel p {
	height: 24px;
	line-height: 22px;
	float: left;
	color: #000;
	font-size: 15px;
	margin-top: 13px;
}
.logo_tel p span {
    display: block;
    font-size: 39px;
    color: #4dab0d;
    font-weight: 600;
    margin-top: -18px;
    font-family: 宋体!important;
    line-height: 39px;
}
.menu_div {
	width: 100%;
	height: 55px;
	line-height: 55px;
	background: #006ce6;
}
.info-about p {
    line-height: 30px;
    font-size: 14px;
}
.first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d1d1d1 url(../png/xypg-left-jt.png) 0 -15px no-repeat;
    right: 10%;
    top: 13px;
}
.document-width {
    width: 1200px;
    margin: auto;
}
.menu_div ul li a {
	width: auto;
	padding: 0px 52px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 16px;
	float: left;
	background: url(../png/xt1.png) right center no-repeat;
}
.menu_div ul li a:hover, .menu_div ul li a.cur {

}
.menu_div ul li a.last {
	background:none;
}
.sousuo {
	background: #f7f7f7;
}
.sousuo1 {
	width: 1200px;
	margin: 0 auto;
	line-height: 45px;
}
.gjc {
	float: left;
}
.gjc h1 {
	display: inline-block;
}


/*内页*/
h2.left-box {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
    text-indent: 10px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background: #4aa710;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.xypg-left-con {
    border: 1px solid #ebebeb;
    padding: 15px;
}

.xypg-left-nav > li {
    margin-bottom: 12px;
    position: relative;
}

.xypg-left-nav > li > a {
    display: block;
    text-indent: 27px;
    font-size: 14px;
    color: #666666;
    position: relative;
    line-height: 40px;
    border: 1px solid #e4e4e4;
    padding-right: 15%;
}

.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d1d1d1 url(../png/xypg-left-jt.png) 0 -15px no-repeat;
    right: 10%;
    top: 13px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color:#3c3d3e;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    background-color: #3c3d3e;
}

.page-about-left {
    width: 243px;
    float: left;
}

ul.latest-news li {
       margin-top: 15px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}

ul.latest-news li a{
    font-size: 14px;
}


.latest-news li a:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #d1d1d1 url(../png/xypg-left-jt.png) -1px -16px no-repeat;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.tp1 {
    display: block;
    text-align: center;
    margin: 0 auto;
}



.latest-news li a:hover {
    color: #333;
    text-decoration: underline;
}

.left-box-content p {
    margin-bottom: 0;
    border-bottom: 1px dotted #b8b8b8;
    font-size: 14px;
    color: #333333;
    padding: 8px 0;
}

.rightbox_product_relation_ul li {
    width: 209px;
    padding: 5px;
    margin: 5px;
    float: left;
    background: #f6f6f6;
    overflow: hidden;
}

.rightbox_product_relation_ul li a {
    display: block;
}

.rightbox_product_relation_ul li a img {
    width: auto;
    height: 143px;
}

.rightbox_product_relation_ul li a h4 {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    height: 30px;
    overflow: hidden;
}

.info-product-right {
    width: 925px;
    position: relative;
}

.rightbox_new_relation_ul {
    word-break: break-word;
}

.rightbox_new_relation_ul li {
    padding: 10px;
    margin: 5px 12px;
    background: #f9f9f9;
    width: 418px;
    float: left;
}

.rightbox_new_relation_ul li a {
    display: block;
}

.rightbox_new_relation_title {
    font-size: 14px;
    margin-bottom: 10px;
    font-size: 14px;
    margin-bottom: 2px;
    text-align: left;
}

.rightbox_new_relation_time {
    font-size: 12px;
    margin-bottom: 10px;
    color: #666;
    text-align: left;
}

.rightbox_new_relation_description {
    font-size: 12px;
    color: #666;
    text-indent: 20px;
    text-align: left;
}
.page-content {
    padding: 15px;

    border-radius: 15px;
    font-size: 16px;
    line-height: 31px;
    color: #333;
}


.sort-product-right {
    width: 925px;
    position: relative;
}



.page-about-right {
    width: 925px;
    position: relative;
}

.sideMenu li:hover .first-nav-btn {
    background-color: #3c3d3e;
}
.sideMenu li {
    margin-bottom: 12px;
    position: relative;
}
.sideMenu li a {
display: block;
    text-indent: 27px;
    font-size: 14px;
    color: #666666;
    position: relative;
    line-height: 40px;
    border: 1px solid #e4e4e4;
    padding-right: 15%;

}

.first-nav-btn {
    z-index: 99;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 10%;
    top: 13px;
}


.xiangxi {
    font-size: 16px;
    height: 36px;
    line-height: 40px;
    color: #555;
    padding-left: 20px;
    undefined: undefined;
    background-color: #f5f5f5;
    font-weight: bold;
    margin-top: 20px;
}

.info-content {
    margin: 24px 10px;
    font-size: 14px;
    line-height: 30px;
}

.info-about {
    margin: 0 10px;
}



.first-nav-btn {
    z-index: 99;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: 10%;
    top: 13px;
}


.sort-product-list li {
    display: inline-block;
    margin: 3px;
    width: 297px;
    border: 1px solid #efefef;
    overflow: hidden;
    height: 215px;
}

.tp1 img {
    height: 177px;
        width: auto;
}

.sort-new-list li {
    border-bottom: 1px dashed #efefef;
    padding: 10px 5px;
    height: 80px;
    overflow: hidden;
}


.sort-new-list li a img {
    width: 80px;
    height: 80px;
}



.sort-new-list li {
    border-bottom: 1px dashed #efefef;
    padding: 10px 5px;
    height: 80px;
    overflow: hidden;
}

#nav {
height: 55px;
    border-top: 1px dashed #999999;
}

.nav {
    width: 1200px;
    margin: 0 auto;
}

.nav>li {
    float: left;
    width: 170px;
    line-height: 55px;
    text-align: center;
    position: relative;
}

.nav>li:after {
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    top: 8px;
    right: 0px;
}

.nav>li:last-child:after {
    display: none;
}

.nav>li a {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.nav>li.list {
    position: relative;
}

.nav>li.list .list_ul {
    position: absolute;
    left: 0;
    display: none;
    width: 170px;
    z-index: 9999;
}

.nav>li.list .list_ul>li {
    position: relative;
    background: #efefef;
}

.nav>li.list .list_ul>li a {
    color: #555;
}

.nav>li.list .list_ul>li ul.list_children {
    position: absolute;
    z-index: 99999;
    top: 0px;
    left: 133px;
    width: 120px;
    display: none;
}

.nav>li.list .list_ul>li ul.list_children li {
    background: #efefef;
    position: relative;
}

.nav>li.list .list_ul>li ul.list_children li a {
    color: #555;
}

/*搜索*/
.search-box {
    width: 1200px;
    height: 36px;
    padding: 0 0 15px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 15px auto;
    border-bottom: 1px solid #ddd;
}
.ss-l {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.ss-l h1 {
    line-height: 36px;
    color: #4dab0d;
    display: inline-block;
    font-weight: bold;
}
.ss-r {
    width: 240px;
    position: relative;
    overflow: hidden;
}
.ss-r input {
    width: 230px;
    background: #efefef;
    height: 36px;
    border: 0;
    padding: 0 0 0 10px;
}
.ss-r .go {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 40px;
    height: 36px;
    cursor: pointer;
    background: url(../png/fdj.png) #4dab0d no-repeat;
}
/*产品*/
.cp-box {
    width: 1200px;
    overflow: hidden;
    margin: 0px auto;
}
.fl-box {
    width: 232px;
    margin: 20px 0 0 0;
    overflow: hidden;
    float: left;
}
.fl-tit {
    height: 85px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding: 23px 0 0 0;
    color: #fff;
    background: #4dab0d url(../png/hs.png) no-repeat 20px center;
    background-size: 20%;
}
.fl-tit p {
    font-size: 24px;
    text-align: left;
    margin-left: 70px;
}
.fl-con {
    width: 228px;
    position: relative;
    border: 2px solid #4dab0d;
}
.fl-con li {
    width: 208px;
    height: 40px;
    text-align: center;
    margin: 12px auto;
    overflow: hidden;
    color: #000;
    background: #eeeff1 url(../png/dian.png) no-repeat 20px center;
}
.fl-con li a {
    width: 208px;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 15px;
}
.fl-con li:hover{background:#4dab0d url(../png/dian1.png) no-repeat 20px center; }
.fl-con li:hover a{color: #fff;}
.lxfs {
    background: #4dab0d;
    padding: 10px 10px 15px;
}
.lxfs .dh {
    background: url(../png/dh1.png) no-repeat left top;
    color: #fff;
    padding-left: 45px;
    background-size: 20%;
    margin-top: 15px;
}
.lxfs .dh p {
    font-size: 18px;
}
.lxfs .dh span {
    color: #fff;
    font-size: 22px;
    display: block;
}
.lxfs .dh span:nth-child(3) {
    font-size: 18px;
}
.lxfs .dz {
    color: #fff;
    margin-top: 10px;
    line-height: 25px;
}
.lxfs .dz p {
    font-size: 15px;
}
.cp-con {
    width: 945px;
    margin: 20px 0 0 0;
    overflow: hidden;
    float: right;
}
.cp-tit {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #219050;
    height: 35px;
    margin-bottom: 15px;
}
.cp-tit span:nth-child(1) {
    border-bottom: 3px solid #4dab0d;
}
.cp-tit span {
    font-size: 20px;
    color: #4dab0d;
    margin: 0 5px 0 0;
}
.more a {
    display: block;
    background: url(../png/more.png) no-repeat right center;
    background-size: 28%;
    padding-right: 20px;
    margin-top: 10px;
    color: #a8a9ab;
    font-size: 15px;
}
.cp-con li {
    width: 211px;
    padding: 5px;
    border: 1px solid #c5c3c3;
    margin: 0 17px 20px 0;
    overflow: hidden;
    float: left;
}
.cp-con li:nth-child(4n) {
    margin-right: 0;
}
.cp-con li .c-tu {
    overflow: hidden;
}
.c-tu img {
    max-width: 100%;
    display: block;
    margin:0 auto;
    height:166px;
    transition: All 0.4s ease-in-out;
}
.c-tu img:hover {
    display: block;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.cp-con li .c-tit {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 5px 0 0 0;
}
.advs {
    width: 1182px;
    margin: 0 auto;
    margin-top: 60px;
}
.advs img {
    white-space: normal;
    width: 100%;
    height: 218px;
}
/*关于*/
#in_03 {
    background: url(../png/c4.png)center no-repeat;
    margin: 40px auto 0px;
    padding: 80px 0px 40px;
    width: 100%;
}
#in_03_mid {
    margin: 0px auto;
    width: 1200px;
    height: 515px;
    position: relative;
}
#in_03_mid #video_k {
    background: rgb(243, 243, 243);
    border: 6px solid rgb(255, 255, 255);
    transition: 0.4s;
    border-image: none;
    left: -43px;
    top: 25px;
    width: 554px;
    height: 414px;
    overflow: hidden;
    position: absolute;
    transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}
#in_03_mid #video {
    border: 37px solid rgb(255, 255, 255);
    border-image: none;
    left: -43px;
    top: 25px;
    width: 492px;
    height: 414px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
#in_03_r {
    width: 600px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-size: 14px;
    float: right;
}
#in_03_r a {
    background: #fe9000;
    transition: 0.4s;
    width: 185px;
    height: 45px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 45px;
    font-size: 16px;
    margin-top: 25px;
    display: block;
}

#in_03_r a:hover {
    box-shadow: 0px 0px 7px #333333;
    -moz-box-shadow: 0px 0px 7px #333333;
    -webkit-box-shadow: 0px 0px 7px #333333;
}
.contentjs{
    line-height: 30px;
    font-size: 15px;
}

/*新闻*/
.xws {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

.wen1 {
    width: 706px;
    float: left;
}

.xwts {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 43px;
    position: relative;
    background: url(../png/xw.png) no-repeat center top;
    padding-left: 8px;
    height: 51px;
}

.xwts a {
    position: absolute;
    right: 0px;
    top: 3px;
}

.news_list3 {
    margin-top: 14px;
}

.news_list3 li {
    width: 706px;
    overflow: hidden;
    height: 185px;
    margin: 0 auto;
    margin-bottom: 30px
}

.newtp {
    float: left;
    width: 293px;
}

.newtp a.img img {
    width: 293px;
    height: auto;
    border: 1px solid #cccccc;
}

.news_nr {
    width: 380px;
    float: right;
}

.news_nr a {
    color: #4ea41d;
    font-size: 16px;
}

.news_nr p {
    color: #323232;
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin-top: 5px;
    overflow: hidden;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}

.more2 {
    display: block;
    margin-top: 10px;
}

.wen2 {
    width: 430px;
    float: right;
}

.xwts2 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 51px;
    position: relative;
    background: #51a313;
    height: 51px;
    text-align: center;
}
.news_list {
}

.news_list li {
    line-height: 27px;
    position: relative;
    padding-left: 10px;
}

.news_list li a {
    line-height: 27px;
    color: #666;
}

.news_list li a:hover {
    text-decoration: none;
    color: #e87518;
}

.news_list li span {
    color: #999;
    z-index: 0;
    line-height: 27px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.news_list li h3 {
    font-size: 14px;
}

.news_list li div {
    line-height: 24px;
}

.news_list2 {
}

.news_list2 li {
    line-height: 35px;
    position: relative;
    float: left;
    width: 45%;
}

.news_list2 li a {
    line-height: 35px;
    color: #323232;
    font-size: 14px;
    width: calc(100% - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.news_list2 li a:hover {
    text-decoration: none;
    color: #e87518;
}

.news_list2 li span {
    color: #323232;
    z-index: 0;
    line-height: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
}

.news_list2 li h3 {
    font-size: 14px;
}

.news_list2 li div {
    line-height: 24px;
}

.news_list2 li:nth-child(2n) {
    float: right;
}

.news_list4 {
    margin-top: 10px;
}

.news_list4 li {
    line-height: 35px;
    position: relative;
}

.news_list4 li a {
    line-height: 35px;
    color: #323232;
    font-size: 14px;
}

.news_list4 li a:hover {
    text-decoration: none;
    color: #e87518;
}

.news_list4 li span {
    color: #323232;
    z-index: 0;
    line-height: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
}

.news_list4 li h3 {
    font-size: 14px;
}

.news_list4 li div {
    line-height: 24px;
}
.new1 li {
    border-bottom: 1px solid #dddddd;
}

/*回收流程*/
.div7 {
    margin: 0 auto 45px;
}
.content {
    margin: 0 auto;
    width: 1200px;
}
.cp-tit1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #202020;
    line-height: 94px;
}
.cases{
    width: 1200px;
    margin: 0 auto;
}
.cases .show{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 41px 0;
}
.cases .show .box{
    width: 800%;
}
.cases .show .pic{
    float: left;
}
.cases .show .pic ul li{
    float: left;
    width: 292px;
    height: auto;
    overflow: hidden;
    margin-left: 15px;
    position: relative;
}

.cases .show .pic ul li img{
    display: block;
    width: 292px;
    height: 241px;
}
.cases .show .pic ul li p{
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    text-align: center;
    color:#fff;
}
.en {
    text-transform: uppercase;
    text-align: center;
    color: #4da415;
    font-weight: normal;
    font-size: 24px;
}

.wz {
    background: url(../png/p3.png) no-repeat center;
    color: #000;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}

.yd {
    background: url(../png/yy.png) no-repeat center bottom;
    height: 45px;
    line-height: 60px;
    text-align: center;
    color: #49aa0d;
    font-size: 28px;
    font-weight: bold;
}

.yd span {
    color: #ffb000;
}
/*底部*/
.f_link {
    width: 1200px;
    margin: 10px auto;
    font: 14px/30px 微软雅黑;
}
.footer {
    background: #4aa710;
    padding: 30px 0;
    color: #fff;
}

.footer .con {
    display: flex;
    justify-content: space-between;
}

.footer .navs {
    width: 30%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 18px;
    border-right: 1px solid #85b865;
    overflow: hidden;
}

.footer .navs a {
    line-height: 30px;
    font-size: 15px;
    width: 50%;
    color: #fff;
}

.footer .navs a:hover {
    color: #ffe825;
}

.footer .bq {
    width: 50%;
}

.footer .bq .info {
    margin-left: 20px;
}

.footer .bq .info p:nth-child(1) {
    font-size: 20px;
}

.footer .bq .info .tel {
    font-size: 28px;
    color: #ffe825;
    line-height: 45px;
}

.footer .bq .info p {
    line-height: 30px;
}

.footer .bq .info p a {
    color: #fff;
}

.footer .bq .info p a:hover {
    color: #ffe825;
}

.footer .ewm {
    width: 20%;
    text-align: center;
}

.footer .con .ewm img {
    width: 140px;
    height: 140px;
}

.footer .con .ewm p {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.other {
    margin-top: 20px;
    border-top: 1px solid #85b865;
    padding-top: 20px;
}

/*右侧悬浮*/
.toolbar {
    width: 52px;
    position: fixed;
    right: 1%;
    top: 44%;
    z-index: 999;
}
.toolbar dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
        background: red;
}
.toolbar dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(../png/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
    display: none;
}
.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 53px;
    top: -1px;
    right: -2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    background: red;
}
.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -65px;
    background: #c8a063;
    display: none;

}
.toolbar .pop-code {
    width: 160px;
}
.toolbar .pop-code img {
    width: 120px;
    height: 120px;
    display: block;
    padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
    height: 52px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}
.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.toolbar .qq span {
    background-position: -1px -47px;
}
.toolbar .qq a {
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: block;
}
.toolbar .qq:hover {
    background-color: #c8a063;
    border-radius: 100%;
}
.toolbar .qq:hover span {
    background-position: 0 -47px;
}
.toolbar .tel span {
    background-position: -1px 0;
}
.toolbar .tel:hover {
    background: #c8a063;
}
.toolbar .tel:hover span {
    background-position: 0 0;
}
.toolbar .code span {
    background-position: -1px -95px;
}
.toolbar .code:hover {
    background-color: #c8a063;
    border-radius: 100%;
}
.toolbar .code:hover span {
    background-position: 0 -95px;
}
.toolbar .top span {
    background-position: -1px -142px;
}
.toolbar .top:hover {
    background-color: #c8a063;
    border-radius: 100%;
}
.toolbar .top:hover span {
    background-position: 0 -142px;
}
.toolbar dd:hover {
}
span.mt25 img {
    width: 235px;
}
.eicaivmnavae{ margin-bottom: 10px; }




.ny-banner{ width: 100%; text-align: center}
.ny-banner img{ max-width: 100% }


.cont_msg{width: 100%;margin: 0 auto;}
.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 365px;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding: 15px;    box-sizing: border-box;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #4aa710;color: white;font-size: 18px;}



.news_tt{ font-size: 18px; font-weight: bold; text-align: center;}



.footer a{color: #fff}




.pc-none{ display: none}


/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
    header {
        width: 100%;
        transition: all 0.4s;
        position: relative;
        z-index: 9999;
    }
    .mxw-mob-nav .head {
        font-size: 0;
        padding-left: 12px;
        padding-right: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 60px;
        max-width: 750px;
        width: 95%;
        transform: translateX(-50%);
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 99;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .mxw-mob-nav .logo {
        display: block;
        flex-shrink: 0;
    }
    .mxw-mob-nav .logo img {
        height: 60px;
    }
    .mxw-mob-nav .menu-btn {
        flex-shrink: 0;
        width: 26px;
        height: 20px;
        cursor: pointer;
        outline: none;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }
    .mxw-mob-nav .menu-btn i {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 100px;
        background: #333;
    }
    .mxw-mob-nav .menus-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 50%;
        max-width: 450px;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        opacity: 0;
        transform: translateX(50%);
    }
    .mxw-mob-nav .menus-box.active {
        visibility: visible;
        opacity: 1;
    }
    .mxw-mob-nav .menus-box.active .menus {
        transform: translateX(0);
    }
    .mxw-mob-nav .menus {
        width: 60%;
        height: 100%;
        margin-right: 0;
        margin-left: auto;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.5s;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .mxw-mob-nav .menus > ul {
        width: 100%;
        overflow: auto;
    }
    .mxw-mob-nav .menus > ul > li.active > ul {
        display: block;
    }
    .mxw-mob-nav .menus > ul > li > a {
        display: block;
        width: 100%;
        padding: 15px 18px;
        font-size: 14px;
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mxw-mob-nav .menus > ul > li > a.sub:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 4px solid #555;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 0;
        margin-left: 10px;
    }
    .mxw-mob-nav .menus > ul > li > ul {
        display: none;
        padding: 0px 24px;
    }
    .mxw-mob-nav .menus > ul > li > ul > li > a {
        font-size: 14px;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 36px;
        height: 36px;
        border-bottom: 1px solid #f3f3f3;
    }
    .mxw-mob-nav .menus-head {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F8F8F8;
        border-bottom: 0.6px solid #eee;
        font-size: 16.8px;
        font-weight: bold;
        line-height: 54px;
        height: 54px;
        padding-left: 18px;
        padding-right: 18px;
    }
    .mxw-mob-nav .menus-head .text {
        color: #333;
        line-height: 1.2;
    }
    .mxw-mob-nav .menus-head .mxw-close {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        outline: none;
        position: relative;
        transform: rotate(45deg);
    }
    .mxw-mob-nav .menus-head .mxw-close:before,
    .mxw-mob-nav .menus-head .mxw-close:after {
        content: "";
        display: block;
        border-radius: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #333;
        transform: translate(-50%, -50%);
    }
    .mxw-mob-nav .menus-head .mxw-close:before {
        width: 2px;
        height: 100%;
    }
    .mxw-mob-nav .menus-head .mxw-close:after {
        width: 100%;
        height: 2px;
    }
}
/* ==================== 移动端头部 end ==================== */



@media only screen and (max-width: 768px) {
    body{padding-top: 60px;}
    .top{     width: 95%;}
    .header1{ width: 95%;}
    .header .logo { width: 100%; height: auto;}
    .header .logo img{ width: 100%;}
    .logo_tel{ display: none;}
    .pc-none{ display: block}

    #top,.header,#nav{ display: none;}
    .search-box{ display: none;}
    .cp-box{ width: 95%;}

    .fl-box{display: none;}
    .cp-con{ width: 100%;}

    .cp-con li{ width: 48.5%; margin-right: 3%;    box-sizing: border-box;}
    .cp-con li:nth-child(2n){ margin-right: 0;}
    .advs{ width: 100%; overflow: hidden; margin-top: 25px;}
    .advs img{ width: initial;    margin-left: -15px; height: 160px;}

    #in_03{ margin-top: 0;    padding: 30px 0px 30px; background-size: cover;}
    #in_03_mid #video_k{display: none}
    #in_03_mid #video{  width: 100%; position: initial; border: 5px solid #fff; box-sizing: border-box; height: auto;}
    #in_03_mid #video img{width: 100%;}
    #in_03_mid{ width: 95%; height:auto;}
    #in_03_r{ width: 100%;}
    .xws{ width: 95%; margin: 20px auto;}

    .wen1{ width: 100%; margin-bottom: 25px;}
    .xwts{ background-position: left;}

    .news_list3 li{ width: 100%; height: auto; margin-bottom: 0}
    .newtp {
      overflow: hidden;
        width: 30%;
    }
    .newtp a.img img{ width: 100%;}
    .news_nr{ width: 68%;}
    .news_nr p{overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news_list2 li{ width: 100%;}
    .wen2{ width: 100%;}
    .content{ width: 95%;}
    .content img{max-width: 100%;}
    .advs.z2{display: none;}
    .cp-tit1{font-size: 20px; line-height: 60px;}

    .cases,.f_link{ width: 95%;}
    .cases .show .pic ul li{     width: 200px;}
    .cases .show .pic ul li img{ width: 100%; height: auto;}
    .footer .navs{display: none;}
    .footer .ewm{ width: auto;}
    .footer .bq .info{margin-left: 0;}
#in_03_r img{max-width:100%;}

}