@charset "utf-8";


html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}

body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;background: #fff;color: #333;}

h1{font-size:2em;margin:.67em 0;}

figure{margin:1em 40px;}

hr{box-sizing:content-box;height:0;overflow:visible;}

a{-webkit-text-decoration-skip:objects;background-color:transparent;}

abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}

b,strong{font-weight:bolder;}

dfn{font-style:italic;}

mark{background-color:#ff0;color:#000;}

small{font-size:80%;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

sub{bottom:-.25em;}

sup{top:-.5em;}

audio:not([controls]){display:none;height:0;}

img{border-style:none;}

svg:not(:root){overflow:hidden;}

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}

body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}

button,input{overflow:visible;}

button,select{text-transform:none;}

button,html [type=button],/* 1 */

[type=reset],[type=submit]{-webkit-appearance:button;}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}

fieldset{padding:.35em .75em .625em;}

legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}

progress{display:inline-block;vertical-align:baseline;}

textarea{overflow:auto;}

[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}

summary{display:list-item;}

article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */

menu{display:block;}

pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}

audio,video,canvas{display:inline-block;}

template,[hidden]{display:none;}

.clearfix{zoom:1;}

.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}

.clearfix:after{clear:both;}

a {color: #333;text-decoration: none;}

a:hover {color: #23a13e;}

ul {margin: 0;list-style: none;padding: 0;}

.wp {
    width: 1300px;
    margin: 0 auto;
}


#message {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1000;

	transform: scale(0);

	transition: .3s;

}

.messagebg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 1001;

}

#message .m-content {

	margin-top: 8%;

}

#message .m-content .m-message{

	background: #fff;

	width: 580px;

    background: #fff;

    padding: 50px;	

    margin: 0 auto;

    position: relative;

    z-index: 1002;

    box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}







.m-message{



    width: 494px;



    margin: 48px auto 0;



}



.m-message label{



    margin-bottom: 15px;



    display: block;



    font-size: 14px;



}



.m-message label em{



    display: block;



    float: right;



    color: red;



    height: 32px;



    line-height: 32px;



}



.m-message label span{



    width: 70px;



    height: 34px;



    line-height: 34px;



    color: #2F2F2F;



    float: left;



    font-weight: bold;



    text-align: right;



    margin-right: 30px;



    display: inline-block;



}







.m-message label input.inp,.m-message label textarea,.m-message label.code input{



    width: 73%;



    overflow: hidden;



    height: 32px;



    line-height: 32px;



    border: #cccccc 1px solid;



    border-radius: 3px;



    padding:0 14px;



    box-sizing: border-box;



    color: #555;



    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;



       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



}



.m-message label input:focus,.m-message label textarea:focus{



    border-color: #66afe9;



  outline: 0;



  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);



          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);



}



.m-message label textarea{



    height: 72px;



    line-height: 24px;



    padding:10px 14px;



}



.m-message label.code{



    line-height: 34px;



}



.m-message label.code input{



    width: 30%;



    float: left;



    margin-right: 30px;



}



.m-message label.code .pic {



    display: inline-block;



    vertical-align: top;



    width: 80px;



    height: 32px;



}



.m-message label.code img{



    display: block;



    width: 100%;



    height: 100%;



}



.btn {

    display: block;

    width: 90px;

    height: 32px;

    line-height: 32px;

    padding-left: 15px;

    background-color: #23a13e;

    color: #fff;

    margin-top:10px;

}

.btn:hover{

	background-color: #444;

	color: white;

}



.btn span {

    display: block;

    padding-left: 15px;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url(../images/btn-r.png);

}





.btn-1 input{



    width: 52px;



    height: 32px;



    line-height: 32px;



    background: #e8e8e8;



    border: none;



    color: #333;



    margin-right: 22px;



    cursor: pointer;



    transition: 0.3s;



}



.btn-1{



    padding-left: 100px;



}



.btn-1 input.focus{



    background: #23a13e;



    color: #fff;



}



.btn-1 input.focus:hover{



    background: #444;



}



.btn-1 input:hover{



    background: #ccc;



}



.img-center {text-align: center;font-size: 0;}

.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}

.img-center-case {text-align: center;font-size: 0;}

.img-center-case img {display: inline-block;width: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}



.img-cover {overflow: hidden;position: relative;}

.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding:0; width: 1300px; margin: 0 auto;}

.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;transform:translateY(-50%);z-index:10;}

.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #23a13e;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}

.kt-top span:hover{transform:rotate(90deg);}

.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}

.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}

.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.kf .con{overflow:hidden;background:#fff;}

.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}

.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}

.kf .qq li a img{padding-right:6px;}

.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size:14px;margin-bottom: 0;}

.kf .contact{margin-top:1px;height: auto;}

.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}

.kf .contact p:nth-child(2n){padding-left:32px;}

.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}

.kf .con .qr{margin-top:10px;padding-left:40px;}

.kf .con .qr img{width:110px;height:110px;}

.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #23a13e;background-size:18px auto;cursor:pointer;}

.kf-side{padding:18px 10px 10px;background:#23a13e;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}

.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}

.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}

.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}



.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}

.footer-fix li {float: left;width: 25%;}

.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}

.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}

.footer-fix li i.i1 {background-image: url(../images/f_01.png);}

.footer-fix li i.i2 {background-image: url(../images/f_02.png);}

.footer-fix li i.i3 {background-image: url(../images/f_03.png);}

.footer-fix li i.i4 {background-image: url(../images/f_04.png);}



.swiper-pagination-bullet-active {background-color: #23a13e;}

.mbnav {
    display: none;
}

.topbar {padding: 12px 0;background-color: #333;color: #adadad;}

.topbar em {font-style: normal;color: #666;padding: 0 15px;}

.topbar a {color: #adadad;}

.topbar a:hover {color: #23a13e;}

.header {background-color: #fff;position: relative; padding:0;}

.header .logo {float: left; margin:15px 0; margin-right: 50px;}

.header .tel {float: right; background: url(../images/tel.jpg) no-repeat 0 0;padding-left: 55px;color: #777; font-size:18px; line-height: 180%;}

.header .tel strong {display: block;font-size: 28px;font-family: Impact; color: #23a13e;}

.header .text {float: left; font-size: 20px;color: #777; line-height:200%; margin-top:23px; margin-left:20px; padding-left:20px; border-left:1px #CCC solid;}

.header .text strong {font-size: 20px;margin-bottom: 5px;font-weight: normal;color: #23a13e; letter-spacing:-0.4px;}

.header .text span {color: #666;}



.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}

.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #23a13e;content: '';}

.menu-btn:before {width: 24px;}

.menu-btn:after {width: 18px;margin-left: 6px;}

.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}



.style-sou {padding: 25px 0;border-bottom: 1px solid #eee;}

.style-sou .hot {float: left;padding: 7px 0;}

.style-sou .hot a {margin-right: 10px;}

.style-sou .hform {float: right;}

.style-sou .hform input {float: left;border: 1px solid #eee;padding: 6px 12px;width: 210px;font-size: 14px;}

.style-sou .hform button {border: 0;border-bottom: 1px solid transparent;padding: 0;float: left;cursor: pointer;outline: none;width: 40px;height: 34px;background: url(../images/sear.png) no-repeat center / auto 18px #23a13e;color: #fff;font-size: 0;}



.banner {height: 680px;position: relative;}

.banner .swiper-slide {background: no-repeat center / cover;}

.banner .swiper-pagination-bullet {background-color: #fff;opacity: 1;}

.banner .swiper-pagination-bullet-active {background-color: #23a13e;}



.section {padding: 40px 0;}

.section-title {margin-bottom: 40px;text-align: center;font-size: 48px;}

.section-title strong {display: block;}

.section-title p {margin: 5px 0 0;color: #23a13e;font-size: 20px;background: url(../images/ystit.png) no-repeat center 0;padding-top: 30px;}



.in-shili {margin-bottom: -60px;}

.in-shili .item {background: no-repeat center;padding: 60px 0;}

.in-shili .item:nth-child(1) {background-image: url(../images/ysbg1.jpg);padding-top: 100px;margin-top: -100px;}

.in-shili .item:nth-child(2) {background-image: url(../images/ysbg2.jpg);}

.in-shili .item:nth-child(3) {background-image: url(../images/ysbg3.jpg);}

.in-shili .item:nth-child(4) {background-image: url(../images/ysbg4.jpg);}

.in-shili .item:nth-child(even) .wrap {margin-left: 55%;}

.in-shili .item:nth-child(odd) .wrap {margin-right: 55%;}

.in-shili h4 {margin: 0;font-size: 40px;color: #23a13e;}

.in-shili h4 small {font-weight: normal;font-size: 30px;padding-left: 30px;background: url(../images/ysline.png) no-repeat 0 center;}

.in-shili .desc {font-size: 20px;height: 56px;overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 20px;}

.in-shili p {margin: 5px 0 0;color: #666;background: url(../images/ysico.png) no-repeat 0 0;padding-left: 28px;}

.in-shili ul {margin-left: -10px;margin-top: 30px;}

.in-shili li {float: left;width: 50%;}

.in-shili li .img-cover {padding-top: 53%;margin-left: 10px;}

.in-shili li .img-cover:hover span {transform: scale(1.1);}



.in-prod {margin: -28px 0 0 -28px;}

.in-prod li {float: left;width: 25%;}

.in-prod li .wrap {transition: all 0.5s;margin: 28px 0 0 28px;padding: 25px;background-color: #f1f1f1;color: #666;}

.in-prod li a {display: block;color: #666;transition: all 0.5s;}

.in-prod li h4 {margin: 0 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;font-weight: normal;background: url(../images/flico1.png) no-repeat right center;padding-right: 25px;}

.in-prod li .img-center {height: 265px;line-height: 265px;}

.in-prod li p {margin: 10px 0 0 -10px;font-size: 0;height: 60px;overflow: hidden;}

.in-prod li p span {display: inline-block;vertical-align: middle;width: 50%;}

.in-prod li p a {margin: 10px 0 0 10px;font-size: 14px;background: url(../images/dian1.png) no-repeat 0 center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 18px;}

.in-prod li .wrap:hover {color: #fff;background-color: #23a13e;transform: translateY(-10px);}

.in-prod li .wrap:hover a {color: #fff;}

.in-prod li .wrap:hover h4 {background-image: url(../images/flico2.png);}

.in-prod li .wrap:hover p a {background-image: url(../images/dian2.png);}



.in-line {height: 6px;margin: 60px 0;background-color: #eaeaea;}



.in-custom-right {float: right;width: 454px;}

.in-custom-right h4 {margin: 0 0 97px;text-align: right;color: #23a13e;font-size: 30px;}

.in-custom-right .img-center {position: relative;}

.in-custom-right .img-center p {position: absolute;color: #fff;bottom: 40px;left: 50%;width: 204px;margin-left: -102px;text-align: center;line-height: 44px;font-size: 20px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}

.in-custom-left {float: right; width: 970px;}

.in-custom-left ul {margin: -22px 0 0 -22px; overflow: hidden;}

.in-custom-left li {float: left; width: 25%;}

.in-custom-left li a {display: block;margin: 22px 0 0 22px;position: relative;border: 1px solid #eee;}

.in-custom-left li .img-cover {padding-top: 70%; }

.in-custom-left li .text {width:100%; text-align:center; font-size: 15px; margin-top: 10px;}

.in-custom-left li .text small {display: block;font-size: 12px;color: #e0e0e0;text-transform: uppercase;}

.in-custom-left li a:hover .img-cover span {transform: scale(1.1);}



.bg1 {background: url(../images/cptdbg.jpg) no-repeat center / cover;color: #fff;}



.in-tedian-img {position: relative;}

.in-tedian-left {float: left;width: 600px;}

.in-tedian-right {float: right;width: 526px;}

.in-tedian-img .img-center {height: 304px;line-height: 304px;}

.in-tedian-img .text {margin-top: 15px;}

.in-tedian-img .text h4 {margin: 0;font-size: 20px;background: url(../images/pkico1.jpg) no-repeat 0 8px;padding-left: 30px;}

.in-tedian-img .text p {margin: 10px 0 0;font-size: 16px;}

.in-tedian-img .vs {width: 149px;height: 219px;background: url(../images/pk.jpg) no-repeat center / cover;position: absolute;left: 50%;top: 42px;margin-left: -75px;}

.in-tedian-menu {text-align: center;font-size: 0;margin-top: 30px;}

.in-tedian-menu li {display: inline-block;vertical-align: middle;margin: 0 40px;}

.in-tedian-menu li a {display: block;width: 120px;font-size: 20px;color: #333;background: url(../images/pktab1.png) no-repeat center / contain;padding: 32px 0;}

.in-tedian-menu li strong {display: block;}

.in-tedian-menu li.active a {background-image: url(../images/pktab2.png);color: #fff;}



.in-case-menu {float: left;width: 280px;}

.in-case-menu a {display: block;background-color: #e6e6e6;position: relative;font-size: 0;padding: 25px 0 25px 45px;}

.in-case-menu a:after {position: absolute;content: '';left: 100%;top: 50%;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #23a13e;margin-top: -10px;display: none;}

.in-case-menu a i {display: inline-block;width: 50px;height: 50px;background: no-repeat 0 0;vertical-align: middle;margin-right: 10px;}

.in-case-menu a span {display: inline-block;vertical-align: middle;font-size: 20px;}

.in-case-menu a span small {display: block;font-size: 12px;text-transform: uppercase;color: #999;}

.in-case-menu li {margin-bottom: 6px;}

.in-case-menu li.active a,.in-case-menu a.more:hover {background-color: #23a13e;color: #fff;}

.in-case-menu li.active a span small,.in-case-menu a.more:hover span small {color: #e3d0b6;}

.in-case-menu li.active a i,.in-case-menu a.more:hover i {background-position: -50px 0;}

.in-case-menu li.active a:after {display: block;}

.in-case-con {margin-left: 300px;}

.in-case-con .swiper-slide a {display: block;background-color: #f6f6f6;}

.in-case-con .swiper-slide .img-cover {padding-top: 55%;}

.in-case-con .swiper-slide dl {margin: 0;padding: 25px 50px;}

.in-case-con .swiper-slide dt {float: left;border: 3px solid #c8a063;width: 174px;height: 174px;line-height: 174px;overflow: hidden;border-radius: 50%;margin-top: -90px;position: relative;z-index: 2;transition: all 0.5s;}

.in-case-con .swiper-slide dd {margin-left: 210px;}

.in-case-con .swiper-slide dd h4 {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: normal;}

.in-case-con .swiper-slide dd p {margin: 10px 0 0;text-align: justify;color: #666;line-height: 1.8;height: 50px;overflow: hidden;}

.in-case-con .swiper-slide a:hover .img-cover span {transform: scale(1.1);}

.in-case-con .swiper-slide a:hover dt {transform: rotate(360deg);}



.in-news-menu {text-align: center;font-size: 0;margin-bottom: 40px;}

.in-news-menu li {display: inline-block;vertical-align: middle;margin: 0 10px;}

.in-news-menu li a {display: block;border: 1px solid #c9c9c9;color: #666;font-size: 16px;line-height: 48px;padding: 0 25px;}

.in-news-menu li.active a {border-color: #23a13e;color: #fff;background-color: #23a13e;}

.in-news-left {float: left;width: 50%;}

.in-news-left .top {display: block;border-bottom: 1px solid #ddd;padding-bottom: 15px;}

.in-news-left .top .img-cover {padding-top: 48%;}

.in-news-left .top .text {margin-top: 20px;}

.in-news-left .top .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: normal;line-height: 24px;}

.in-news-left .top .text h4 i {display: inline-block;vertical-align: top;background-color: #23a13e;color: #fff;border-radius: 20px;padding: 0 15px;font-size: 14px;font-style: normal;margin-right: 15px;}

.in-news-left .top .text h4 span {float: right;color: #23a13e;}

.in-news-left .top .text p {margin: 10px 0 0;text-align: justify;line-height: 1.8;color: #666;}

.in-news-left .top:hover .img-cover span {transform: scale(1.1);}

.in-news-left .bottom {margin-top: 15px;}

.in-news-left .bottom li a {line-height: 30px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/dian1.png) no-repeat 0 center;padding-left: 20px;}

.in-news-right {float: right;width: 48%;}

.in-news-right .top li {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}

.in-news-right .top li:last-child {border-bottom: 0;padding-bottom: 0;}

.in-news-right .top li a {display: block;overflow: hidden;}

.in-news-right .top li .img-cover {float: left;width: 236px;padding-top: 132px;}

.in-news-right .top li .text {margin-left: 256px;}

.in-news-right .top li .text h4 {margin: 0;font-weight: normal;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.in-news-right .top li .text p {margin: 15px 0 0;color: #666;line-height: 1.8;text-align: justify;}

.in-news-right .top li a:hover span {transform: scale(1.1);}

.in-news-right .bottom {padding: 15px 20px;background-color: #fff;}

.in-news-right .bottom li a {line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/dian1.png) no-repeat 0 center;padding-left: 20px;}

.in-news-right .bottom li span {float: right;color: #999;}



.in-about {margin: 0;}

.in-about dd {margin: 40px 0;text-align: center;}

.in-about dd h4 {margin: 0;font-weight: normal;font-size: 26px;}

.in-about dd p {margin: 15px 0 0;line-height: 1.8;color: #666; font-size:16px; text-align:left;}

.in-about dd .more {display: block;margin: 20px auto 0;width: 214px;line-height: 48px;font-size: 16px;background-color: #23a13e;color: #fff;border-radius: 40px;}



.style-link {padding: 20px 0;}

.style-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #23a13e;padding-bottom: 15px;}

.style-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}

.style-link ul {margin-left: -20px;}

.style-link li {float: left;margin-left: 20px;margin-top: 20px;}



.in-ftys {background-color: #f4f4f4;padding: 35px 0;}

.in-ftys ul {font-size: 0;text-align: justify;}

.in-ftys ul:after {display: inline-block;vertical-align: middle;width: 100%;content: '';}

.in-ftys li {display: inline-block;vertical-align: middle;font-size: 16px;color: #666;}

.in-ftys li p {margin: 0;background: no-repeat 0 center / 90px auto;padding: 20px 0 20px 100px;}

.in-ftys li p.i1 {background-image: url(../images/ftb01.jpg);}

.in-ftys li p.i2 {background-image: url(../images/ftb02.jpg);}

.in-ftys li p.i3 {background-image: url(../images/ftb03.jpg);}

.in-ftys li p.i4 {background-image: url(../images/ftb04.jpg);}



.f-nav {background-color: #23a13e;font-size: 0;text-align: center;}

.f-nav a {color: #fff;line-height: 70px;display: block;font-size: 16px;}

.f-nav li {display: inline-block;vertical-align: middle;margin: 0 30px;}



.footer {background: url(../images/fobxg2.png) repeat center bottom #252525;color: #fff;padding-top: 50px;}

.footer a {color: #a09f9f;}

.footer-logo {float: left;}

.footer-tit {font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.footer-tit-wx {font-size: 18px;font-weight: bold;margin-bottom: 20px;}

.footer-nav {float: left; width:250px;}
.footer-nav ul li {float: left; width:50%; line-height:200%; font-size:14px;}

.footer-contact {float: left;margin-left: 160px;}

.footer-contact p {margin: 20px 0 0;font-size: 15px;background: no-repeat 0 center;padding-left: 36px;line-height: 30px;}

.footer-contact p.i1 {background-image: url(../images/ftico1.png);}

.footer-contact p.i2 {background-image: url(../images/ftico2.png);}

.footer-contact p.i3 {background-image: url(../images/ftico4.png);}

.footer-ewm {float: right;margin-left: 30px;}

.footer-ewm ul {margin-left: -10px;}

.footer-ewm li {float: left;width: 120px;margin-left: 10px;}

.footer-ewm li p {margin: 10px 0 0;text-align: center;font-size: 12px;}

.footer-copy {text-align: center;padding: 18px 0;font-size: 12px;margin-top: 50px;color: #999;border-top: 1px solid #444;}



.banner-sub {height: 350px;background: no-repeat center / cover;}



.section-sub {padding: 50px 0;}



.yunu-curmbs {float: right; margin: 15px 20px 0 0;}

.yunu-curmbs span {padding-left: 10px;border-left: 10px solid #142038;}

.yunu-curmbs em {font-style: normal;padding: 0 5px;color: #999;}


.ct2-sd {float: left;width: 240px;}

.ct2-mn {width: 1030px;}
.ct2-mn2 {width: 100%;}
.ct2-mn3 {width: 970px; float: right;}

.gsjj p{font-size: 16px; line-height: 200%;}

.panel-sd {margin-bottom: 20px;background-color: #f6f6f6;}

.panel-sd:last-child {margin-bottom: 0;}

.panel-sd .tit {text-align: center;color: #fff;font-size: 24px;padding: 20px 0;background-color: #23a13e;}



.lanmu li {margin-top: 2px;}

.lanmu li>a {display: block;line-height: 50px;padding: 0 0 0 25px;background-color: #ececec;color: #666;font-size: 15px;}

.lanmu li .arr {float: right;height: 45px;width: 40px;position: relative;cursor: pointer;}

.lanmu li .arr:after {content: '';border-top: 2px solid #23a13e;border-left: 2px solid #23a13e;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}

.lanmu-box {display: none;}

.lanmu-box p {margin: 0;border-top: 1px solid #fff;padding-left: 15px;}

.lanmu-box p a {padding: 0 25px;display: block;line-height: 40px;}

.lanmu li>a:hover,.lanmu li.active>a {color: #fff;background-color: #23a13e;}

.lanmu li.active .arr:after {border-color: #fff;}

.lanmu li.open .lanmu-box {display: block;}

.lanmu li.open .arr:after {transform: rotate(225deg);}



.pages {margin: 40px 0 0;text-align: center;font-size: 0;}

.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;transition: all 0.5s;}

.pages a:hover,.pages a.active {background-color: #23a13e;color: #fff;}



.yunu-title-1 {border-bottom: 1px solid #ececeb;height: 44px;margin-bottom: 15px;font-size: 24px;}

.yunu-title-1 span {display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #142038;}



.yunu-contact-z1 {height: 140px;background: url(../images/contact-z1.jpg) no-repeat;margin-bottom: 20px;}

.yunu-contact-z1 p {margin: 0;font-size: 20px;line-height: 30px;background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;padding: 37px 0 0 95px;}

.yunu-contact-z1 span {line-height: 30px;font-size: 18px;padding-left: 73px;}

.yunu-contact-z2 {background-color: #23a13e;text-align: center;color: #fff;padding: 20px;margin-bottom: 20px;}

.yunu-contact-z2 p {margin: 0;}

.yunu-contact-z2 p img {vertical-align: middle;margin-right: 5px;}

.yunu-contact-z2 span {display: block;font-size: 28px;font-weight: bold;margin-top: 10px;line-height: 1;}



.list-2 {margin: -10px 0 0 -20px;}

.list-2 li {float: left;width: 25%;}

.list-2 li a {display: block;margin: 20px 0 0 20px;border: 1px solid #ddd;}

.list-2 li a:hover {border-color: #23a13e;color: #23a13e;}

.list-2 li .m {}

.list-2 li .text {padding: 5px 20px; text-align:center; text-overflow :ellipsis; white-space :nowrap;}

.list-2 li h4 {margin: 0;font-size: 16px;line-height: 45px;height: 45px;overflow: hidden;font-weight: normal; text-overflow :ellipsis; width:100%; white-space :nowrap;}

.list-2 li p {margin-top: 0;height: 40px;overflow: hidden;color: #666;}



.list-2_1 li {width: 25%;}

.list-2_1 li .m {}

.list-2_1 li .text {padding: 0 15px; text-align:center;}

.list-2_1 li h4 {font-size: 16px;line-height: 34px;height: 34px;}


.nav_n{width: 100%; background: #eee; margin-bottom: 20px;}
.nav_n ul{text-align: left;}
.nav_n a{display: inline-block; padding: 14px 25px; font-size: 15px; transition: all 0.6s; background: #999; color: #fff;}
.nav_n .cur, .sort-ny a:hover{background:#009b4c;color:#fff;}


.list-5 li {margin-bottom: 20px; width: calc(50% - 10px); float: left;}
.list-5 li:nth-child(2n){margin-left:20px;}

.list-5 li a {display: block;border: 1px solid #ddd;padding: 15px;overflow: hidden;}

.list-5 li .m {float: left;width: 250px;}

.list-5 li .m img {display: block;width: 100%;height: 180px;}

.list-5 li .text {margin-left: 270px;}

.list-5 li .text h4 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}

.list-5 li .text h4 span {float: right;font-size: 12px;color: #999;font-weight: normal;}

.list-5 li .text p {color: #797979; line-height: 180%;}

.list-5 li .text .more {float: right;padding: 6px 12px;color: #fff;background-color: #B6B6B6;}

.list-5 li a:hover {border-color: #23a13e;}

.list-5 li a:hover .text h4 {color: #23a13e;}

.list-5 li a:hover .text .more {background-color: #23a13e;}



.yunu-menu-inner {text-align: center;margin-bottom: 30px;}

.yunu-menu-inner a {float: left;width: 20%;}

.yunu-menu-inner span {display: block;margin-left: 1px; background-color: #eee; color: #333; font-size: 18px; line-height: 55px;}

.yunu-menu-inner a:hover span,.yunu-menu-inner a.active span {background: url(../images/p16-icon6.png) no-repeat center bottom #23a13e;color: #fff;}



.about-1 {margin: 0; margin-top:50px;}

.about-1 dt {float: left;width: 550px;}

.about-1 dd {margin-left: 580px; font-size:14px;}

.about-1 dd h4 {margin: 0;font-size: 24px;}

.about-1 dd h4 img {display: block;margin-bottom: 10px;}

.about-1 dd p {margin: 0;text-align: justify;line-height: 1.8;}

.about-1 dd .tips {width: 230px;line-height: 50px;color: #23a13e;margin-top: 30px;font-size: 18px;background: url(../images/acfd48b92e8341edb1a1eca9395ceaa0_14.jpg) no-repeat 0 0;text-align: center;}



.about-2 p {margin: 0 0 20px;line-height: 1.8;text-align: justify;color: #666;}



.about-3 {margin: -30px 0 0 -30px;}

.about-3 li {float: left;width: 33.333333%;}

.about-3 li .wrap {border: 1px solid #eee;transition: all 0.5s;margin: 30px 0 0 30px;height: 215px;}

.about-3 li .tables {display: table;width: 100%;height: 100%;}

.about-3 li .inner {display: table-cell;vertical-align: middle;padding: 20px 30px;}

.about-3 li .wrap:hover {transform: translateY(-10px);background-color: #23a13e;border-color: #23a13e;color: #fff;}



.dzsl {margin: -30px 0 0 -75px;position: relative;}

.dzsl:before {content: '';position: absolute;left: 50%;top: 0;background: url(../images/acfd48b92e8341edb1a1eca9395ceaa0_42.png) no-repeat center;width: 17px;height: 100%;margin-left: 28px;}

.dzsl li {float: left;width: 50%;}

.dzsl li .wrap {margin: 30px 0 0 75px;}

.dzsl li .img-cover {padding-top: 61%;}

.dzsl li .text {border: 1px solid #ddd;padding: 20px;}

.dzsl li .text span {background-color: #23a13e;color: #fff;width: 68px;line-height: 68px;text-align: center;font-size: 38px;display: block;margin-top: -54px;position: relative;z-index: 1;}

.dzsl li .text h4 {font-size: 22px;color: #23a13e;margin: 20px 0;}

.dzsl li .text h4 small {display: block;color: #333;font-size: 16px;font-weight: normal;}

.dzsl li .text p {margin: 0;line-height: 1.8;color: #666;}



.agent_process {margin-top: -30px;}

.agent_process li {float: left;width: 16.666666%;text-align: center;margin-top: 30px;position: relative;}

.agent_process li img {width: auto;height: 38px;display: block;margin: 0 auto;}

.agent_process li span {margin-top: 15px;padding-top: 15px;font-size: 16px;margin-bottom: 10px;display: block;background:url(../images/10836d36731140b7a7e5c7b4b77e8328_13.jpg) no-repeat center top;}

.agent_process li em {font-size: 26px;font-style: normal;color: #51473a;display: block;}

.agent_process li:after {position: absolute;width: 20px;height: 20px;content: '';background: url(../images/af5efe111a284db4bbb5619969016b62_22.png) no-repeat center / contain;left: 100%;margin-left: -10px;top: 8px;}

.agent_process li:nth-child(6n):after {display: none;}





.contact-1 { margin-top:20px;}

.contact-2 {margin:0; padding-bottom:10px; }

.contact-2 dt {float: right;}

.contact-2 dd {margin: 0 640px 0 0;}

.contact-2 dd h4 {margin: 0 0 30px;border-left: 3px solid #23a13e;font-size: 20px;padding-left: 15px;}

.contact-2 dd p {margin: 20px 0 0;font-size: 16px;color: #666;background: no-repeat 0 center / 22px auto;padding-left: 30px;}

.contact-2 dd p.i1 {background-image: url(../images/c1.png);}

.contact-2 dd p.i2 {background-image: url(../images/c2.png);}

.contact-2 dd p.i3 {background-image: url(../images/c3.png);}

.contact-2 dd p.i4 {background-image: url(../images/c4.png);}



.yunu-message {background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;border: 1px solid #ddd;padding: 50px 200px;margin-bottom: 30px;}

.form-group {margin-bottom: 15px;}

.form-label {float: left;line-height: 34px;width: 120px;text-align: right;}

.form-label span {color: #d82634;}

.form-content {margin-left: 130px;}

.form-control {line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 600px;display: inline-block;vertical-align: top;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

select.form-control {height: 34px;}

.form-submit {padding: 6px 22px;color: #fff;background-color: #23a13e;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}

.form-button {padding: 6px 22px;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}



.yunu-infocontent {margin-bottom: 30px;}



.yunu-infocontent-title {margin-bottom: 20px;text-align: center;}

.yunu-infocontent-title h1 {margin: 0;font-size: 24px;}

.yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #999;}

.yunu-infocontent-title p span {padding: 0 5px;}

.yunu-infocontent-desc {margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;}

.yunu-infocontent-body {line-height: 2;margin-bottom: 20px; font-size:16px;}

.yunu-infocontent-body p{text-indent:32px;}

.yunu-infocontent-body img {}



.yunu-infocontent-epx {margin-bottom: 20px;}

.yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;}

.yunu-infocontent-epx li span {display: inline-block;background-color: #A2A2A2;color: #fff;padding: 0 15px;margin-right: 10px;}

.yunu-infocontent-epx li em {float: right;font-style: normal;}



.yunu-infocontent-return {border-top: 1px solid #000;line-height: 32px;}

.yunu-infocontent-return a {margin-right: 10px;}

.yunu-infocontent-return .more {margin: 0;float: right;background-color: #000;color: #fff;padding: 0 10px;}



.yunu-infocontent-rem {margin-bottom: 20px;}

.yunu-infocontent-rem h4 {margin: 0;font-size: 24px;line-height: 55px;}

.yunu-infocontent-rem li {border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}

.yunu-infocontent-rem li span {float: right;}



.yunu-showcase {margin: 0 0 10px;}

.yunu-showcase-info {margin-left: 600px;}

.yunu-showcase-info h1 {font-size: 24px;margin: 0 0 10px;font-weight: normal;}

.yunu-showcase-info p {margin: 5px 0 0;color: #666;line-height: 1.8;}

.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 25px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 0 15px;height: 42px;padding-left: 60px;line-height: 21px;font-size: 18px;}

.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #23a13e;color: #fff;}



.pc-slide{float:left;width:550px;}

.view .swiper-slide .img-center {width:100%;}

.view .swiper-container{width:100%;}

.preview{width:100%;margin-top:10px;position:relative;}

.preview .swiper-container{margin:0 30px;}

.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}

.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}

.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}

.preview .active-nav .img-center{border-color: #23a13e;}

div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}

div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}



.zd-pro1 {margin-bottom: 30px;text-align: center;color: #fff;background: url(../images/pbg.jpg) no-repeat center / cover;padding: 40px 0;}

.zd-pro1 h4 {margin: 0;font-weight: normal;font-size: 26px;}

.zd-pro1 small {display: block;opacity: 0.6;text-transform: uppercase;font-size: 12px;}

.zd-pro1 p {margin: 10px 0 0;}



.zd-pro2 {margin: 0 0 30px;background-color: #f8f8f8;}

.zd-pro2 dt {float: left;width: 300px;}

.zd-pro2 dd {margin-left: 300px;padding: 30px;}

.zd-pro2 dd h4 {margin: 0 0 20px;font-weight: normal;border-left: 2px solid #23a13e;font-size: 16px;line-height: 1;padding-left: 10px;color: #23a13e;}

.zd-pro2 dd ul {list-style: circle;color: #666;padding-left: 20px;margin-bottom: 30px;}

.zd-pro2 dd li {margin-bottom: 15px;}

.zd-pro2 dd p {margin: 0;color: #23a13e;line-height: 1.8;text-align: justify;}



.zd-pro3 {margin-bottom: 30px;}

.zd-pro3 li span {font-size: 14px;}

.zd-pro3 li em {font-size: 20px;}



.zd-pro4 {box-shadow: 0 0 15px #ddd;margin-bottom: 30px;}

.zd-pro4 dt {float: left;width: 465px;}

.zd-pro4 dd {margin: 0 0 0 465px;padding: 30px;}

.zd-pro4 dd i {display: block;margin: 20px 0;height: 1px;background-color: #eee;}



.yunu-title-2 {border-left: 3px solid #23a13e;font-size: 20px;margin-bottom: 20px;line-height: 1;padding-left: 15px;}



.zd-cs {margin-bottom: 30px;}



.zd-cs table {

    width: 100%;

    border: 0;

    border-collapse: collapse;

}



.zd-cs th {

    background: #23a13e;

    font-size: 16px;

    color: #fff;

    padding: 7px 0;

    font-weight: normal;

}



.zd-cs td {

    border: 1px solid #eee;

    padding: 5px 0;

    text-align: center;

}

.search-i {width: 640px; margin: 0 auto; margin-top: 20px;}
.search-i #search_name {
    width: calc(75% - 17px);
    line-height: 40px;
    float: left;
    border: solid 1px #23a13e;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none;
    color: #999999;
    font-size: 16px;
	padding-left: 15px;
}
.search-i #button {
    width: calc(25% - 2px);
    line-height: 42px;
    float: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.3s;
    background: url(../images/search.png) 10px center no-repeat #23a13e;
    padding-left: 25px;
}

.mian_biaoge table{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
    width: 100%;
	margin-bottom:15px;
    margin-top: 10px;
	}

.mian_biaoge  td{
	padding:5px;
	color:#666;
	font-size:13px;
	line-height:24px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
 
.mian_biaoge table {
    word-break: break-all;
	border-spacing: 0px;border-collapse: separate;
}

.mian_biaoge .firstRow {background: #23a13e; color: #FFFFFF; font-weight: bold; line-height: 160%; padding:8px 5px;}
.mian_biaoge .firstRow td{color: #FFFFFF;}
.mian_biaoge tr:nth-child(2n){background: #eee;}

.gllist{
	width: 870px;
	overflow: hidden;
	margin: 20px auto 0;
}
.gllist ul{
	width: 930px;
}
.gllist ul li{
	
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:210px;
	text-align:center;
	border:1px solid #ddd;
	}
.gllist ul li a{
	font-size:20px;
	display:block;
	padding:50px 0;
	text-align:center;
	}
.gllist ul li a:hover{
	background:#003c6e;
	color:#fff;
	}	

.nav{
	width:800px;
	float: left;
}
.nav ul{
	width:100%;
	margin:auto;
	}
.nav ul li{ 
	float:left;
	text-align:center; 
	height: 85px;
	float: left;
	margin: 0 15px;
	position: relative;
	}
.nav ul li a{
	display: block;
	width: 100%;
	line-height: 85px;
	color: #23a13e;
	font-size:16px;
	font-weight:bold;
	text-align: center;
}
.nav ul li a:hover , .nav ul .sy a{
	color:#000;
}
.nav .submenu{ 
	width:100%;
	position:absolute; 
	top:85px;
	display:none; 
	z-index:999;
	background-image:none;
	background-color: #fff;
	border-top: 1px #eee solid;
	border-bottom: 1px #ddd solid;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
	
	}

.nav .submenu dl {margin-block-start: 0; margin-block-end: 0;}

.nav .submenu dl dt a{
	display: block;
    text-align: left;
    color: #666;
	text-align:center;
	width:100%;
    line-height: 34px;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
	color:#fff;
	border-top:1px solid rgba(255,255,255,0.2);
	background:none;
	}
.nav .submenu dl dt a:hover{
	background-image:none;
	background:#e00b0f !important;
	color:#fff;
	}
.nav .product_nav_wz1{
	left: -663px;
}
.nav .product_nav_wz2{
	left: -775px;
}
.nav .product_nav_wz3{
	left: -887px;
}
.nav .product_nav_wz5{
	left: -1110px;
}
.nav .product_nav{
	width: 1920px;
	position: absolute;
}
.nav .product_nav dl{
	width: 1300px;
	margin: auto;
	padding: 20px 0 20px 0;
}
.nav .product_nav dl a{
	width: calc(20% - 60px);
	float: left;
	margin: 30px;
}
.nav .product_nav dl a img{
	width: 100%;
	transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;
}
.nav .product_nav dl a:hover img{
	transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08);
}
.nav .product_nav dl a p{
	font-size: 16px;
	color: #000000;
	text-align: center;
	margin: 0;
}
.nav .product_nav a{
	display: block;
	color: #fff;
	font-weight: normal;
	line-height: 28px;
	text-align: left;
	background: none !important;
}
.nav .product_nav .other1{
	width: 222px;
	float: left;
	text-align: left;
	min-height: 400px;
}
.nav .product_nav .other1 p{
	font-size: 18px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 20px;
	font-weight: bold;
}
.nav .product_nav .other1 a{
	font-size: 16px;
	line-height: 35px;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #666;
}
.nav .product_nav .other1 a:hover{
	color: #23a13e;
}
.nav .product_nav .other2{
	width: 800px;
	float: left;
	text-align: left;
	margin-left: 72px;
}
.nav .product_nav .other2 .txt1{
	font-size: 30px;
    color: #262626;
    line-height: 180%;
}
.nav .product_nav .other2 .txt2{
	font-size: 15px;
    color: #666;
    line-height: 180%;
	margin-top: 20px;
	
}
.nav .product_nav .other2 a {
    margin: 0;
}
.nav .product_nav .other2 .more {
    display: inline-block;
    width: 112px;
    padding: 0 25px;
    line-height: 45px;
    height: 45px;
    transition: .3s ease;
    color: #fff;
    background: #23a13e;
    font-size: 15px;
    text-align: center;
	margin-top: 80px;
}
.nav .product_nav .other2 .more:hover{background:#ea4502; color:#fff; border-color:#ea4502;}

/*公司简介*/
.row-a6{
	padding: 60px 0;
}
.row-a6 .g-tit01{
	display: none;
}
.m-imgtxt03{
	overflow: hidden;
	position: relative;
	padding-right: 10px;
}
.m-imgtxt03:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 196px;
	height: 100%;
	background-color: #f3f4f8;
	z-index: -1;
}
.m-imgtxt03 > .pic{
	float: right;
	overflow: hidden;
	width: 50%;
	height: 390px;
	margin-top: 40px;
}
.m-imgtxt03 > .pic > img{
	display: block;
	width: 100%;
	height: 100%;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}
.m-imgtxt03 > .pic > img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.m-imgtxt03 .box{
	float: left;
	width: 45%;
}
.m-imgtxt03 .box a.desc{
	display: block;
}
.m-imgtxt03 .box a.desc .tit{
	padding: 22px 0 0 18px;
	font-size: 28px;
	font-weight: bold;
	color: #666;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: contain;
	background-size: contain;
}
.m-imgtxt03 .box a.desc p{
	font-size: 14px;
	line-height: 26px;
	margin: 15px 0;
	color: #666;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.ul-imgtxt04{
	overflow: hidden;
	padding: 20px 0;
}
.ul-imgtxt04 li{
	float: left;
	width: 50%;
	margin-bottom: 30px;
	cursor: pointer;
}
.ul-imgtxt04 li .pic{
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
}
.ul-imgtxt04 li .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.ul-imgtxt04 li .txt{
	overflow: hidden;
	padding-left: 16px;
}
.ul-imgtxt04 li .txt .tit a{
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	color: #333;
	font-weight: 400;
}
.ul-imgtxt04 li .txt p{
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #b2b2b2;
}
.m-imgtxt03 .g-more01{
	display: none;
	border-radius: 30px;
}

.mian{
	width: 1300px;
	position: relative;
	margin: 60px auto 60px;
}
.mian_left{
	width:270px;
	float:left;
	}
.mian_right{
	width:910px;
	float:right;
	padding: 30px 20px;
	overflow:hidden;
	border: 1px solid #e4e4e4;
	}
.mian_left_bt{
	background:url(pr_nav.png) no-repeat 220px 25px #23a13e;
	height:80px;
	line-height:80px;
	padding:0 25px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	} 
.product_nav  ul{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	}
.product_nav  ul li{
	border-bottom:1px solid #ddd;
	}
.product_nav  ul li a{
	font-size:16px;
	display:block;
	line-height:52px;
	font-size:16px;
	padding:0 25px;
	height:52px;
	background:url(../images/xjt.png) no-repeat 216px 18px;
	}

.product_nav  ul li a:hover{
	background:url(../images/xjt.png) no-repeat 220px 18px #003c6e;
	color:#fff;
	}
.product_nav  ul li .sy{
	background:url(../images/xjt.png) no-repeat 220px 18px #003c6e;
	color:#fff;
	}
.product_nav  ul li dt{
	border-left:1px solid #ddd;
	width:100%;
	height:30px;
	margin:auto;
	}
.product_nav  ul li .product_navl2 , .product_nav  ul li .product_navl4{
	padding-left:27px;
	}
.product_nav  ul li .product_navl2 dt , .product_nav  ul li .product_navl4 dt{
	border-left:1px solid #ddd;
	width:90px;
	height:30px;
	float:left;
	}
.product_nav  ul li dt .navl2{
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 10px;
	}
.product_nav  ul li dl{
	padding-bottom:15px;
	padding-left:27px;
	}	
.left_contact{
	border: 1px solid #e4e4e4;
    margin-top: 20px;
    padding: 0 19px 20px;
    margin-top: 20px;
	}
.left_contact h2{
	font-size: 18px;
    color: #003c6e;
    font-weight: normal;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 18px;
	}
.left_contact p{
	line-height:28px;
	}
.left_contactqq{
	display: block;
    width: 160px;
    height: 50px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 20px;
	color:#fff;
	line-height:50px;
	 background: url(leftqqb.png) no-repeat 140px 18px  #003c6e;
	}
.left_contactqq:hover{
	color:#fff;
	}
.left_contactqq span{
	display: block;
    width: 50px;
    height: 50px;
	margin-right:20px;
    float: left;
    border-right: 1px solid #fff;
    background: url(leftqq.png) no-repeat center;
	}

/*案例展示*/
.g-tit01 .tit {
    font-size: 36px;
    color: #23a13e;
    font-weight: bold;
    margin-bottom: 5px;
	text-align: center;
}
.g-tit01 .tit-sj {
    display: none;
}
.g-tit01 p {
    font-size: 16px;
    color: #414141;
	text-align: center;
}
.g-more01 {
    display: block;
    width: 300px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #23a13e;
	border: 1px solid #23a13e;
    transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
}
.g-more01:hover{
	background-color: transparent;
	color: #23a13e;
	border: 1px solid #23a13e;
}
.row-a5{
	padding: 20px 0 60px 0;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.m-imgtxt01.swiper-container{
	margin: 40px 0;
	overflow: hidden;
}
.m-imgtxt01.swiper-container .swiper-slide{
	background-color: #fff;
}
.m-imgtxt01 .swiper-slide .pic{
	overflow: hidden;
	position: relative;
	padding-top: 75%;
	width:100%;
	margin:0 auto;
}
.m-imgtxt01 .swiper-slide .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 220px;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}
.m-imgtxt01 .swiper-slide .pic img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.m-imgtxt01 .swiper-slide p{
	text-align: center;
	font-size: 16px;
	color: #666;
	margin: 0;
	padding: 8px;
	background:#eee;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}

.m-imgtxt01 .swiper-slide p:hover{
	color: #fff;
	background-color: #23a13e;
}

.m-imgtxt01 .swiper-slide p span{
	padding-bottom:24px;
	border-bottom:3px #23a13e solid;
	transition: .6s;
}

.m-imgtxt01 .swiper-slide p:hover span{
	padding-bottom:24px;
	border-bottom:3px #fff solid;
}

.m-imgtxt01 .swiper-slide p img{
	transition: .6s;
}

.m-imgtxt01 .swiper-slide p:hover img{
	filter: grayscale(100%) brightness(200%);
}

.m-imgtxt02.swiper-container{
	margin: 40px 0;
	overflow: hidden;
}
.m-imgtxt02.swiper-container .swiper-slide{
	background-color: #fff;
}
.m-imgtxt02 .swiper-slide .pic{
	overflow: hidden;
	position: relative;
	padding-top: 75%;
	width:100%;
	height: 112px;
	margin:0 auto;
}
.m-imgtxt02 .swiper-slide .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 250px;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}
.m-imgtxt02 .swiper-slide .pic img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.m-imgtxt02 .swiper-slide p{
	text-align: center;
	font-size: 16px;
	color: #666;
	margin: 0;
	padding: 8px;
	background:#eee;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}

.m-imgtxt02 .swiper-slide p:hover{
	color: #fff;
	background-color: #23a13e;
}

.m-imgtxt02 .swiper-slide p span{
	padding-bottom:24px;
	border-bottom:3px #23a13e solid;
	transition: .6s;
}

.m-imgtxt02 .swiper-slide p:hover span{
	padding-bottom:24px;
	border-bottom:3px #fff solid;
}

.m-imgtxt02 .swiper-slide p img{
	transition: .6s;
}

.m-imgtxt02 .swiper-slide p:hover img{
	filter: grayscale(100%) brightness(200%);
}

.m-imgtxt002.swiper-container{
	margin: 60px 0;
	overflow: hidden;
}
.m-imgtxt002.swiper-container .swiper-slide{
	background-color: #fff;
	width:23%;
	margin:1%;
}
.m-imgtxt002 .swiper-slide .pic{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 75%;
}
.m-imgtxt002 .swiper-slide .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}
.m-imgtxt002 .swiper-slide .pic img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.m-imgtxt002 .swiper-slide p{
	margin-top:-5px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #222;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}
.m-imgtxt002 .swiper-slide p:hover{
	color: #fff;
	background-color: #23a13e;
}

.m-txt03{
	display: none;
	overflow: hidden;
}
.m-txt03 .more{
	float: right;
	display: block;
	width: 72px;
	height: 72px;
	padding: 14px 20px;
	border-radius: 50%;
	font-size: 16px;
	color: #23a13e;
	background-color: #fff;
}
.m-txt03 .txt{
	float: left;
}
.m-txt03 .txt .tit{
	font-weight: 400;
	font-size: 24px;
	color: #fff;
}
.m-txt03 .txt .tel{
	font-size: 16px;
	color:#fff;
	text-align: center;
}
.m-txt03 .txt .tel a{
	display: inline-block;
	color: #fff;
	font-size: 24px;
}

.m-video01{
	margin: 40px 0;
}
.m-video01 .swiper-slide{
	width: calc(25% - 20px);
	float: left;
	padding: 0 10px;
}
.m-video01 .swiper-slide video{
	width: 100%;
	height: auto;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}

.m-video01 .swiper-slide p{
	text-align: center;
	font-size: 16px;
	color: #666;
	margin: 0;
	padding: 8px;
	background:#eee;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: .6s;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
}

.m-video01 .swiper-slide p:hover{
	color: #fff;
	background-color: #23a13e;
}

.m-video01 .swiper-slide p span{
	padding-bottom:24px;
	border-bottom:3px #23a13e solid;
	transition: .6s;
}

.m-video01 .swiper-slide p:hover span{
	padding-bottom:24px;
	border-bottom:3px #fff solid;
}

.m-video01 .swiper-slide p img{
	transition: .6s;
}

.m-video01 .swiper-slide p:hover img{
	filter: grayscale(100%) brightness(200%);
}

/*优势*/
.big {
  width: 1300px;
  margin: 0 auto;
  overflow: hidden;
  height: auto;
}
.w100 {width: 100% !important;}
.ld_ys h2{ background:#FF9600;}
.zs_bt{ margin:0 auto;}
.ld_ys .big{background:url(../images/zs_bg.jpg) no-repeat;height:1044px; margin-top: 30px; margin-bottom: 20px;}
.ld_ys ul { padding:50px 0 0 70px;}
.ld_ys ul li{ float:left; width: 460px; line-height:22px; padding-left: 30px;}
.ld_ys ul li:nth-child(2){ padding:550px 0 0 270px;}
.ld_ys ul li:nth-child(3){ padding:82px 0 0 0;}
.ld_ys ul li:nth-child(4){ padding:366px 0 0 80px;}
.ld_ys ul li span{ color:#23a13e;}
.ld_ys .btt{ font-size:30px; color:#23a13e;padding-bottom:10px; font-weight:bold;}
.ld_ys .bte{ font-size:15px; line-height:34px; color:#333333; font-weight:bolder;}
.ld_ys .bttt{ font-size:30px; color:#23a13e; padding-top:48px; padding-bottom:10px; font-weight:bold;}
.ld_ys .btee{ font-size:15px; line-height:34px; color:#333333; font-weight:bolder;}
.ld_ys p{ width:100%;}

/*新闻*/
.news {
    width: 1300px;
    margin: auto;
	margin-bottom: 60px;
}
.news .left {
    width: 550px;
	margin-top: 20px;
    float: left;
    overflow: hidden;
    height: 395px;
    position: relative;
}
#swiper3 img {
    width: 550px;
    height: 395px;
}
#swiper3 .swiper-pagination-bullets {
    bottom: 17px;
    padding-right: 10px;
    text-align: right;
}
.news .left b {
    display: block;
    width: 550px;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,0.8);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000);
}
.news .right {
    width: 705px;
    float: right;
    border-bottom: 1px solid #ddd;
    height: 394px;
	margin-top: 20px;
}
.news .right li {
    width: 655px;
    height: 131px;
    padding: 0 20px;
    border-top: 1px solid #ddd;
}
.news .right li .wz {
    width: 520px;
    float: left;
    display: block;
}
.news .right li .wz b {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}
.news .right li .wz span {
    display: block;
    width: 70px;
    height: 1px;
    margin: 10px 0;
    background: #23a13e;
}
.news .right li .time {
    width: 80px;
    float: right;
    margin-top: 20px;
    text-align: right;
}
.news .right li .time b {
    font-size: 24px;
    color: #333;
    display: block;
    font-weight: normal;
}
.news .right li:hover {
    background: #23a13e;
}
.news .right li:hover .wz, .news .right li:hover .wz b, .news .right li:hover .time, .news .right li:hover .time b {
    color: #fff;
    ;
}
.news .right li:hover span {
    background: #fff;
}

/**/
.foot{	
    width: 100%;
	background:#1b1b1b;
	
	padding:20px 0 30px 0;
}
.index .foot{
	margin-top:100px;
	}
.foot ul{
	margin:30px auto 0;
	}
.foot ul li{
	float:left;
	}
.foot_top{
	overflow:hidden;
	}
.foot_top li{
	width:1400px;
	border-bottom:1px solid #343434;
	padding-bottom:30px;
	}
.foot_top li h2{
	width:230px;
	float:left;
	margin-right:100px;
	}
.foot_top li h2 img{
	float:left;
	margin-right:10px;
	}

.foot  b{
	font-size:20px;
	margin-bottom:10px;
	color:#FFF;
	display:block;
	}
.foot_top li h2  p b{
	font-size:16px;
	margin-bottom:0px;
	margin-top:5px;
	color:#fff;
	}
.foot_top li h2  p{
	color:#aaa;
	font-weight:normal;
	margin: 0px;
    padding: 0px;
	font-size: 14px;
	}
    
.foot dl dd {
	margin-inline-start: 0;
	}
.foot dl dd a{
	line-height:28px;
	color:#909090;
	display:block;
	float:left;
	padding-left:15px;
	background:url(../images/foot_jt.jpg) no-repeat center left;
	width:140px;
	}

.foot ul .foot_contact{
	width:400px;
	padding-left:80px;
	border-left:1px solid #343434;
	}
.foot ul .foot_contact p{
	line-height:31px;
	color:#999;
	}
.foot ul .foot_nav {
	width:600px;
	float:left;
	}
.foot ul .foot_nav dl{
	width:150px;
	float:left;
	display:block;
	line-height:28px;
	color:#909090;
	}
.foot ul .foot_nav .foot_nav1{
	width:300px;
	}
.foot ul .ewm{
	width:120px;
	margin-top:10px;
	float:right;
	}

.foot ul .ewm  p{
	text-align:center;
	display:block;
	padding-top:5px;
	color:#666;
	}
.bqsy{
	padding:20px 0;
	background:#181818;
	}
.bqsy ul{
	color:#909090;
	}
.bqsy ul img{
	display:inline-block;
	}
.bqsy ul span{
	float:right;
	color:#909090;
	}
.bqsy ul a{
	color:#909090;
	}

.prduct_nav{
	width: 300px;
	float: left;
	}
.prduct_nav ul{
	border-bottom:1px solid #ddd;
	background:#23a13e;
    align-items: center;
	}
.prduct_nav ul h2{
	width:100%;
	text-align:center;
	color:#fff;
	display:inline-block;
	line-height:100%;
	font-size:22px;
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
	}
.prduct_nav ul img{
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	}
.prduct_nav ul  li{
	float:left;
	width:calc(100% - 22px);
	background:#fff;
	border:1px solid #ddd;
	padding: 10px;
	}
.prduct_nav ul  li a{
	width:calc(50% - 23px);
	padding:8px 10px;
	display:inline-block;
	font-weight: bold;
	font-size: 16px;
	}
.prduct_nav ul  li a:hover{
	color:#23a13e;
	}
.prduct_nav ul  li .lin2{
	width:calc(33.3% - 15px);
	padding:6px;
	display:inline-block;
	font-weight: bold;
	font-size: 14px;
	}

/**/
.left_contact{
	border: 1px solid #e4e4e4;
    margin-top: 20px;
    padding: 0 19px 20px;
    margin-top: 20px;
	}
.left_contact h2{
	font-size: 18px;
    color: #003c6e;
    font-weight: normal;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 18px;
	}
.left_contact p{
	line-height:28px;
	}
.left_contactqq{
	display: block;
    width: 160px;
    height: 50px;
    overflow: hidden;
    text-decoration: none;
    margin-top: 20px;
	color:#fff;
	line-height:50px;
	 background: url(leftqqb.png) no-repeat 140px 18px  #003c6e;
	}
.left_contactqq:hover{
	color:#fff;
	}
.left_contactqq span{
	display: block;
    width: 50px;
    height: 50px;
	margin-right:20px;
    float: left;
    border-right: 1px solid #fff;
    background: url(leftqq.png) no-repeat center;
	}
/**/
.n_nav h2{
	font-size: 20px;
    color: #003c6e;
	text-align:center;
	}
.n_nav img{
	margin:20px 0;
	}
.n_nav h4{
	text-align:center;
	margin-bottom:20px;
	color:#999;
	font-weight:normal;
	}
.pagenr{
	line-height:30px;
	}
.pagenr img{
	max-width:870px;
	}
/**/
.clear{ clear:both;}


.video ul{
	width:100%;
	margin-bottom:30px;
	}
.video ul li{
	width:23.7%;
	height:160px;
	float:left;
	margin-right:1.1%;
	margin-bottom:55px;
	}	
.video ul li img{
	width:100%;
	}
.video ul li h2{
	background:#23a13e;
	color:#fff;
	padding:0 20px;
	line-height:40px;
	font-weight:normal;
	font-size:16px;
	margin:0;
	}
.culture{
	border-bottom:1px solid #ddd;
	margin-top:50px;
	}
.culture ul li{
	background:#f2f2f2;
	border-top:1px solid #ddd;
	
	}
.culture ul li h2{
	font-size: 24px;
    color: #333;
	margin-bottom:10px;
    font-weight: bold;
	}
.culture_u1{
	width:28%;
	float:left;
	}
.culture .culture_u1 li{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:50px;
	}
.culture_u1 li{
	height:170px;
	}
.culture_u2{
	width:44%;
	float:left;
	}
.culture  .culture_u2 li{
	background: #fafafa;
	height:120px;
	padding:30px 50px;
	}
.culture  .culture_u2 .culture_u2li{
	background:#23a13e;
	color:#fff;
	}
.culture  .culture_u2 .culture_u2li h2{
	color:#fff;
	}
	
.about3_top .left {
	width: 48%;
	padding: 87px 40px;
	background: #555555;
	line-height: 30px;
	color: #fff;
}
.about3_top .right {
	width: 52%;
	padding-top: 55px;
	padding-bottom: 45px;
	background: #f1f1f1;
}
.about3_top .right li {
	width: 15%;
	float: left;
	margin: 0 5%;
}
.about3_top .right li p {
	text-align: center;
	line-height: 35px;
}
.about3_top .right li img {
	width: 100%;
}
.about3_bot {
	width: 100%;
	overflow:hidden;
}
.about3_bot ul{
	width:100%;
	}
.about3_bot ul li {
	width: 21.3%;
	float: left;
	margin: 1% 1% 0 0;
	border: 1px solid #ddd;
	padding: 15px;
}
.about3_bot ul li h2 {
	font-size: 18px;
	margin: 10px 0;

}
.about3_bot ul li img {
	width: 100%;
}

.product_nav_index{ width:100%; margin-bottom:30px;}
.product_nav_index_all{ width:100%; border:1px #CCC solid;}
.product_nav_index1{ width:190px; float:left; font-size:22px; color:#FFF; font-weight:bold; background:#23a13e; text-align:center; line-height:350%;}
.product_nav_index2{ width:1010px; float:left; padding:6px 0;}
.product_nav_index2 li{ margin:0.1% 1%; float:left; list-style-type:none; padding:5px;}
.product_nav_index2 li:hover{ background:#23a13e; color:#FFF;}

.caselist{
	overflow:hidden;
	}
.caselist ul{
	width:100%;
	}
.caselist ul li{
	width:22.8%;
	overflow:hidden;
	border:1px solid #ddd;
	float:left;
	background:#fff;
	margin:1%;
	text-align:center;
	}
.caselist ul li img{
	height:200px;
	transition: all 1s ease;
	}

.caselist ul li:hover img{
	transform: rotateY(360deg);
	}

@media screen and (max-width: 1650px) {
.banner {height: 600px;position: relative;}
}

@media screen and (max-width: 1440px) {
.banner {height: 520px;position: relative;}
}

@media screen and (max-width: 1280px) {
.banner {height: 460px;position: relative;}
}

@media screen and (max-width: 960px) {
.banner {height: 380px;position: relative;}
.in-news-left {float: left;width: 100%;}
.in-news-right {float: right;width: 100%; margin-top:20px;}
}

@media screen and (max-width: 767px) {

    body {min-width: 320px;padding-left:1%; padding-right:1%;}

    .container {width: auto;}

 #message .m-content .m-message{

    width:93%;

    padding:20px;

  }

    .kf {display: none;}

    .topbar {display: none;}

    .footer-fix {display: block;}


    .menu-btn {display: block;}



    .style-sou {padding: 0;border-bottom: 0;}

    .style-sou .container {padding: 0;}

    .style-sou .hot {display: none;}

    .style-sou .hform {float: none;position: relative;}

    .style-sou .hform input {border-color: transparent;width: 100%;box-sizing: border-box;line-height: 20px;padding: 9px 60px 9px 15px;border-radius: 0;border-bottom: 1px solid #eee;}

    .style-sou .hform button {position: absolute;right: 0;top: 0;width: 50px;height: 40px;}



    .banner {height: 180px;}



    .section {padding: 30px 0;}

    .section-title {margin-bottom: 10px;font-size: 20px;}

    .section-title p {font-size: 12px;background-size: auto 14px;padding-top: 20px;}



    .in-shili {margin: -30px 0;}

    .in-shili .item {background: none !important;border-bottom: 1px solid #eee;padding: 30px 0 !important;margin: 0 !important;}

    .in-shili .item .wrap {margin: 0 !important;}

    .in-shili h4 {font-size: 18px; background:#eee; padding: 10px 0 0 10px;}

    .in-shili h4 small {font-size: 12px;background-size: contain;padding-left: 15px;margin-left: 6px;}

    .in-shili .desc {height: auto;padding: 10px;font-size: 14px;margin-bottom: 15px; background:#eee;}

    .in-shili ul {margin-top: 20px;}



    .in-line {margin: 30px 0;}



    .in-prod {margin: -10px 0 0 -10px;}

    .in-prod li {width: 50%;}

    .in-prod li .wrap {margin: 10px 0 0 10px;padding: 10px;}

    .in-prod li h4 {font-size: 14px;}

    .in-prod li .img-center {height: 176px;line-height: 176px;}

    .in-prod li p {margin: 5px 0 0 -5px;height: 44px;}

    .in-prod li p a {font-size: 12px;background: none;padding: 0;margin: 5px 0 0 5px;}



    .in-custom-right {float: none;width: auto;}

    .in-custom-right h4 {font-size: 20px;background-size: auto 70px;padding-top: 40px;margin-bottom: 20px;}

    .in-custom-right .img-center {display: none;}

    .in-custom-left {float: none;width: auto;}

    .in-custom-left ul {margin: -3px 0 0 -3px;}

    .in-custom-left li a {border-width: 1px;margin: 3px 0 0 3px;}

    .in-custom-left li .text {font-size: 12px; margin-top: 2px; margin-bottom: 5px;}

    .in-custom-left li .text h4 {font-size: 16px;}

    .in-custom-left li .text:after {display: none;}



    .in-tedian-left {width: auto;float: none;}

    .in-tedian-img .img-center {height: auto;line-height: normal;}

    .in-tedian-img .vs {display: none;}

    .in-tedian-right {display: none;}

    .in-tedian-img .text h4 {font-size: 16px;padding-left: 25px;background-position: 0 5px;}

    .in-tedian-img .text p {font-size: 14px;}

    .in-tedian-menu {margin: 20px -5px 0;}

    .in-tedian-menu li {margin: 0 5px;}

    .in-tedian-menu li a {width: 80px;font-size: 14px;padding: 20px 0;}

    .in-case-menu {float: none;width: auto;position: relative;}

    .in-case-menu a {padding: 0;text-align: center;line-height: 44px;}

    .in-case-menu a:after {display: none !important;}

    .in-case-menu a i {display: none;}

    .in-case-menu a span {display: block;font-size: 14px;}

    .in-case-menu a span small {display: none;}

    .in-case-menu ul {overflow: hidden;}

    .in-case-menu li {float: left;width: 33.333333%;margin: 0;}

    .in-case-menu .more {position: absolute;right: 0;bottom: 0;width: 33.333333%;}

    .in-case-con {margin: 20px 0 0;}

    .in-case-con .swiper-slide dl {padding: 10px 15px;}

    .in-case-con .swiper-slide dt {width: 48px;height: 48px;line-height: 48px;border-width: 1px;margin-top: -35px;}

    .in-case-con .swiper-slide dd {margin-left: 60px;}

    .in-case-con .swiper-slide dd h4 {font-size: 14px;}

    .in-case-con .swiper-slide dd p {font-size: 12px;height: 40px;margin-top: 5px;}



    .in-news-menu {margin-bottom: 20px;}

    .in-news-menu li {margin: 0 5px;}

    .in-news-menu li a {font-size: 14px;line-height: 40px;padding: 0 15px;}

    .in-news-left,.in-news-right {float: none;width: auto;}

    .in-news-left .top .text h4 span {font-size: 12px;}

    .in-news-right {margin-top: 20px;}

    .in-news-right .top li {padding-bottom: 10px;margin-bottom: 10px;}

    .in-news-right .top li .img-cover {display: none;}

    .in-news-right .top li .text {margin: 0;}

    .in-news-right .bottom {background-color: transparent;padding: 0;}

    .in-news-right .bottom li span {font-size: 12px;}



    .in-about dd h4 {font-size: 18px;}

    .in-about dd .more {line-height: 40px;}



    .in-ftys,.f-nav {display: none;}



    .footer {padding-top: 30px;}

    .footer-tit {font-size: 16px;margin-bottom: 15px;}
	
    .footer-logo {float: none;margin-bottom: 20px;height: 100px;line-height: 100px;}

    .footer-contact {float: none;margin: 0;}

    .footer-contact p {font-size: 12px;background-size: 24px auto;padding-left: 30px;margin-top: 5px;}

    .footer-ewm {float: none;margin: 20px 0 0;}

    .footer-ewm ul {margin-left: -20px;overflow: hidden;}

    .footer-ewm li {width: 50%;margin: 0;}

    .footer-ewm li .wrap {margin-left: 20px;}

    .footer-copy {margin: 30px 0;}



    .ct2-sd {display: none;}

    .ct2-mn {float: none !important;width: auto;}



    .banner-sub {height: 110px;}



    .section-sub {padding: 30px 0;}



    .yunu-curmbs {display: none;}



    .yunu-title-1 {font-size: 20px;height: 38px;}



    .pages {margin-top: 20px;}

    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}



    .list-2 {margin: -10px 0 0 -10px;}

    .list-2 li {width: 50%;}

    .list-2 li a {margin: 10px 0 0 10px;}

    .list-2 li .m {height: 140px;line-height: 140px;}

    .list-2 li .text {padding: 5px 10px;}

    .list-2 li h4 {font-size: 14px;height: 34px;line-height: 34px;}

    .list-2 li p {font-size: 12px;line-height: 20px;margin-bottom: 5px;}



    .list-5 li {padding-bottom: 15px;border-bottom: 1px solid #eee;}

    .list-5 li a {padding: 0;border: 0;}

    .list-5 li .m {float: none;width: auto;display: none;}

    .list-5 li .text {margin: 0;}

    .list-5 li .text .more {display: none;}

    .list-5 li .text h4 {line-height: 20px;font-size: 16px;}

    .list-5 li .text p {margin: 10px 0 0;}






    .about-1 dt {float: none;width: auto;}

    .about-1 dd {margin: 20px 0 0;}

    .about-1 dd h4 {font-size: 20px;}

    .about-1 dd p {margin-top: 15px;}



    .about-3 li {width: 100%;}



    .dzsl {margin: 0;}

    .dzsl:before {display: none;}

    .dzsl li {float: none;width: auto;}

    .dzsl li .wrap {margin: 20px 0 0;}



    .agent_process li {width: 25%;}

    .agent_process li:after {display: none;}

    .agent_process li img {height: 30px;}

    .agent_process li span {font-size: 12px;}

    .agent_process li em {font-size: 20px;}



    



    .contact-1 {padding: 0;background: none;height: auto;}

    .contact-1 h4 {font-size: 18px;}



    .contact-2 dt {display: none;}

    .contact-2 dd {margin: 0;}

    .contact-2 dd h4 {font-size: 18px;}

    .contact-2 dd p {font-size: 14px;line-height: 24px;margin-top: 15px;}



    .yunu-message {padding: 0;border: 0;background: none;}

    .form-label {width: 85px;}

    .form-content {margin-left: 85px;}

    .form-control {width: 100%;box-sizing: border-box;}



    .yunu-infocontent-title h1 {font-size: 18px;}

    .yunu-infocontent-desc {padding: 10px;}

    .yunu-infocontent-epx li {line-height: 24px;}

    .yunu-infocontent-epx li span {font-size: 12px;padding: 0 5px;margin-right: 5px;}

    .yunu-infocontent-epx li em {display: none;}

    .yunu-infocontent-return .more {display: none;}

    .yunu-infocontent-return {font-size: 12px;line-height: 22px;padding-top: 5px;}

    .yunu-infocontent-rem h4 {font-size: 18px;line-height: 34px;margin-bottom: 5px;}



    .yunu-showcase {margin-bottom: 30px;}

    .pc-slide {float: none;width: auto;}

    .view .swiper-slide .img-center {}

    .yunu-showcase-info {margin: 20px 0 0;}

    .yunu-showcase-info h1 {margin-bottom: 20px;font-size: 18px; text-align: center;}

    .yunu-showcase-info p {margin-top: 10px;min-height: auto;}

    .yunu-showcase-info .tel {font-size: 14px;padding-left: 50px;}



    .zd-pro1 {padding: 30px 15px;}

    .zd-pro1 h4 {font-size: 20px;}



    .zd-pro2 dt {display: none;}

    .zd-pro2 dd {margin: 0;padding: 20px;}



    .zd-pro4 dd {padding: 20px;}



    .zd-cs th {font-size: 14px;}

    .zd-cs td {font-size: 12px;}

.video ul li{
	width:48.9%;
	float:left;
	margin-right:1.1%;
	}

.culture ul{
	width:100%;
	}
.culture ul li{
	padding:20px !important;
	height:auto !important;
	}
.culture .culture_u2 li{
	border: 1px solid #ddd;
	}
.culture .culture_u2 .culture_u2li{
	border:none;
	}

.about3_top .left{
	width:100%;
	padding:20px;
	}	
.about3_top .right{
	width:100%;
	padding-bottom: 25px;
	}	
.about3_top .right li{
	width:50%;
	margin:0;
	}	
.about3_top .right li img{
	width:50%;
	margin:auto;
	}	
.about3_bot{
	margin-top: 10px;
	}	
.about3_bot ul li{
	width:95%;
	}	
	
.caselist ul li{
	width:46%;
	}

}

}

.pagination p{

                margin:0;

                cursor:pointer

            }

            .pagination{

                height:40px;text-align:center;

                padding:20px 0px;

            }

            .pagination a{

                display:inline-block;

                margin-right:10px;

                padding:2px 12px;

                height:24px;

                border:1px #cccccc solid;

                background:#fff;

                text-decoration:none;

                color:#808080;

                font-size:12px;

                line-height:24px;

            }

            .pagination a:hover{

                color:#23a13e;

                background: white;

                border:1px #23a13e solid;

            }

            .pagination a.page-num-current{

                border:none;

                background:#23a13e;

                color:#fff;

            }

            .pagination p{

                display:inline-block;

                padding:2px 12px;

                font-size:12px;

                height:24px;

                line-height:24px;

                color:#bbb;

                border:1px #ccc solid;

                background:#fcfcfc;

                margin-right:8px;

            }

            .pagination p.pageRemark{

                border-style:none;

                background:none;

                margin-right:0px;

                padding:4px 0px;

                color:#666;

            }

            .pagination p.pageRemark b{

                color:red;

            }

            .pagination p.pageEllipsis{

                border-style:none;

                background:none;

                padding:4px 0px;

                color:#808080;

            }

            .dates li {font-size: 14px;margin:20px 0}

            .dates li span{float:right}

			.pagebar { padding:20px; overflow:hidden}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding:2px 8px;

  margin: 0 2px;

  border-radius: 3px;

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #23a13e;

  border: 1px solid #23a13e;

}

.pagination a.page-num-current {

  color: #fff;

  background: #23a13e;

  border: 1px solid #23a13e;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}