body{font-family: "microsoft yahei";line-height: 26px; margin: 0; padding: 0; font-size: 15px; color: #000;text-align: justify; overflow-x: hidden; }
ul,li,h3,dl,dt,dd,i{margin: 0; padding: 0; list-style: none;}
a{color: #000; text-decoration: none;}
a:hover{text-decoration: none;}
img { border: 0; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
@font-face {
font-family: 'iconfont';
src: url('../font/iconfont.ttf?t=1626396172441') format('truetype');
}
/*滚动条的宽度*/

::-webkit-scrollbar {
width:9px;
height:9px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
width: 6px;
background-color:#ccc;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}

/*滚动条的设置*/

::-webkit-scrollbar-thumb {
background-color:#25333e;
background-clip:padding-box;
min-height:28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
background-color:#fff;
}

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 单行超出。。。 */
.over{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
/* 多行超出。。。 */
.over2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.over3{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.over6{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
/*.over5{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}*/
/*鼠标经过出现阴影*/
.hover-shadow{
position: relative;
top: 0;
transition:0.3s;
}
.hover-shadow:hover{
top: -5px;
box-shadow:0px 15px 10px -15px #000;
}
#head{height: 108px; position: fixed; top: 0px; width: 100%; background: #fff; z-index: 9999;}
.nav{float: left; width:  calc(100% - 283px );}
.logo{width: 283px; float: left;text-align: center;}
.logo img{ display: inline-block;  line-height: 108px;}
.nav>ul{width: calc(100% - 283px );overflow: hidden;}
.nav>ul>li{float: left; font-size: 15px; height: 63px; padding-top: 45px; line-height: 20px; width: 10%; text-align: center; position: relative; }
.nav ul li.on{background: #a0c31f;}
.nav ul li.on a{color: #FFFFFF;}
.nav ul li a{}
.container{width: 1200px; margin: auto;}

.sub{height: 240px; line-height: 50px; background: #fff; border-top: 2px solid #26343f; width: 100%; position: fixed; top: 108px; left: 0; display: none;padding: 25px 0;box-shadow: 0 2px 10px #888888; overflow: hidden;}
.sub ul{float: left;}
.nav ul li:nth-child(5) .sub ul{width: 490px;}
.nav ul li:nth-child(5) .sub ul li{float: left;}
.sub ul li{width: 239px; float: none; line-height: 44px; height: 45px; background: url(../img/navli.jpg) left no-repeat; font-size: 15px; margin-right: 5px; position: relative;}
.sub ul li a{color: #353f48;}
.sub ul li ul{position: absolute; left: 239px; top: 0; width: 269px;height: 241px; background: #FFFFFF; display: none;}
.sub ul li:hover ul{display: block;}
.nav ul li.on .sub ul li a{color: #353f48;}
.nav ul li.on .sub ul>li:hover{background: #eee;}
.nav ul li.on .sub ul li a{color: #353f48;}
.nav ul li:nth-child(2) .sub ul{padding-left: 0px;}
.nav ul li:nth-child(3) .sub ul{padding-left: 0px;}
.nav ul li:nth-child(5) .sub ul{padding-left: 100px;}
.nav ul li:nth-child(6) .sub ul{padding-left: 450px;}
.nav ul li:nth-child(7) .sub ul{padding-left: 500px;}
.nav ul li:nth-child(8) .sub ul{padding-left: 650px;}
.nav ul li:nth-child(9) .sub ul{padding-left: 650px;}
.nav ul li:nth-child(10) .sub ul{padding-left: 650px;}
.sub dl{ padding-left: 16%; text-align: left;}
.sub img{padding-top: 10px; float: left; padding-left: 10px;}
.ss{width: 283px;float: right; background: #f3f3f3; height: 108px; position: relative;}
.ss img{ display: inline-block;  line-height: 108px;}
.ss ul{position: absolute; top: 10px; left: 10px;}
.ss ul li{float: left; margin-left: 10px; font-size: 12px; line-height: 15px;}
.ss ul li img{display: inline-block; width: 20px; float: left; padding-right: 5px;}
.banben{padding-left: 7px;}
.banben li{float: left; margin-left: 10px; font-size: 12px; line-height: 15px;}
.banben li img{display: inline-block; width: 20px; float: left; padding-right: 5px;}
.gzss{border-bottom: 1px solid #d1d1d1; margin-left: 25px; height: 40px; margin-top: 34px;}
.gzss .s2{border: 0; background: url(../img/sou.jpg) left no-repeat; width: 30px; height: 40px; float: left;}
.gzss .s1{height: 40px; line-height: 40px; border: 0; background: none; outline: none;}

/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}


.zhankai{position: absolute; top: 108px;}
.banner{ transition: height 1s; clear: both;}
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left: 133px; bottom: 72px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 40px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #353f48; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 300px;display: none !important;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 133px; }
.banner .slick-next{ left: 133px; margin-left: 74px;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(53,63,72,0.6);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ /*background: url(../images/bg_yy.png) repeat-x scroll left bottom;*/ display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 133px; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 10px; height: 7px;  display: block;  position: absolute; left: 50%; margin-left: -4.5px; top: -7px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
from { opacity: 0; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
from { opacity: 0; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}


#body{height: 2067px; background: url(../img/body.jpg) center top no-repeat;}

#m1{/*height: 586px;*/ position: relative;padding: 0 133px;margin-top: 50px;margin-bottom: 85px;overflow: hidden;}
.m1a{width: 25%; height: 450px; padding-top: 38px; float: left;max-width: 200px;}
.m1a ul{width: 200px; margin: auto;}
.m1a ul li{position: relative; width: 200px; height: 125px;}
.m1a ul li img{display: block; width: 200px; height: 125px; transition: 300ms;}
.m1a ul li.on img{transform:scale(1.1); z-index: 999; position: relative;  box-shadow:0 0 16px rgba(0,0,0,0.5);transition: 300ms;}
.m1abd{width: 200px; margin: auto;}
.m1aul{width: 200px; height: 450px; background: url(../img/hei.png); position: absolute; z-index: 99;}
.hei{background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block;transition: 300ms;}
.m1a ul li.on .hei{display: none;}





.m1bdb{width: 25%; float: left;}
.m1b{width: 25%; float: left;margin-left: 122px;}
.m1bt{height: 184px;}
.m1bt h3{font-size: 24px; height: 74px; line-height: 74px; padding-top: 85px;}
.m1bt span{font-size: 91px; font-family: 'Impact'; color: rgba(75,71,71,0.07); position: absolute; top: 100px;}
.m1bcon{color: #696969; line-height: 36px;}
.m1bcon a{background: url(../img/jiantou.png) right no-repeat; padding-right: 33px; display: block; float: left;margin-top: 25px;}
.m1bcon p{font-size: 16px;color: #696969;}

.m1c img{display: inline-block; padding-top: 100px;}
.m1c{float: right;width: 27%;text-align: right;}
.m1d{ width: 25%; max-width: 246px; float: right;}
.m1d .m1bt h3{margin-left: 15px;}
.m1d ul li{float: left; width: 94px; padding-bottom: 30px;text-align: center;}
.m1d ul li img{}
.m1d ul li span{height: 40px; display: block; line-height: 40px; font-size: 15px; font-family: Arial;}
.m1d ul li:nth-child(2n){float: right;}
#m2{position: relative;}
#m2 ul{}
#m2 ul li{ position: relative; width: 25%; float: left;}
#m2 ul li a{padding: 0; margin: 0;}
#m2 ul li img{width: 100%; padding: 0; margin: 0; display: block;min-height: 350px;object-fit: cover;}
.m2hei{background: url(../img/m2.png) bottom repeat-x; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #FFFFFF;}
#m2 ul li .m2hei h3{font-size: 22px; font-weight: bold; line-height: 50px; }
#m2 ul li .m2hei span{font-size: 15px;}
#m2 ul li .m2hei .wz{position: absolute; bottom: 50px; padding-left: 13.5%; padding-right: 13.5%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
#m2 .prev,
#m2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#m2 .next{ left:auto; right:3%; background-position:8px 5px; }
#m2 .prev:hover,
#m2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#m2 .prevStop{ display:none;  }
#m2 .nextStop{ display:none;  }

.m3{/*height: 541px;*/ padding-top: 85px; margin-left: 133px; margin-right: 133px;margin-bottom: 85px;overflow: hidden;}
.m3l{ float: left;width: calc(100% - 441px)}
.fwzc{background: url(../img/m3.jpg) right; height: 419px; padding-top: 55px; margin-right: 30px;}
.m3lt{background: url(../img/m3t.jpg) left top no-repeat; margin-left: 64px; padding-top: 50px;}
.m3lt span{font-size: 24px; font-family: arial; color: #333131;}
.m3lt h3{font-size: 30px; font-weight: bold; color: #333131;line-height: 55px;}
.m3con{line-height: 36px; color: #6d6a6a; padding-left: 65px; padding-top: 30px;}
.m3con a{display: block; padding-top: 40px;}
.m3r{float: right;max-width: 441px;}
.m3ra{}
.m3ra img{width: 100%; height: 267px; display: block; object-fit: cover;}
.m3racon{background: #25343f; color: #FFFFFF; height: 207px; padding-left: 35px; padding-right: 35px; font-size: 14px; color: #cfd1d2;}
.m3racon h3{font-size: 16px; color: #FFFFFF; font-weight: normal; height: 74px; line-height: 74px; border-bottom: 1px solid #4a565f;}
.m3racon span{padding-top: 11px; padding-bottom: 8px; display: block;}
.m3racon p{line-height: 30px;}
#foot{height: 417px; background: #25333e;clear: both;}
.foot1{ height: 335px; padding-left: 133px; padding-right: 133px;}
.foot_nav{width: 75%; padding-top: 56px;}
.foot_nav ul{}
.foot_nav ul li{text-align: center; float: left;}
.foot_nav ul li ul{display: block; padding-top:15px;}
.foot_nav ul li ul li{display: block; float: none;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; padding-left: 20px; padding-right: 20px; line-height: 30px;}
.foot_nav>ul>li{border-right: 1px solid #3b4852; height: 216px; width: 10.6%; }
.foot_nav>ul>li>a{font-size: 16px; color: #FFFFFF;}
.foot_nav ul li ul li a{color: #989b9f;}
.footr{width: 25%; float: right;}
.yqlj{border: 1px solid #6f7980; height: 51px; line-height: 51px; text-indent: 17px; color: #989b9f; font-size: 16px; background: url(../img/yqlj.png) right no-repeat;}
.foot2{height: 50px; border-top: 1px solid #3d4953; margin-left: 133px; margin-right: 133px; color: #acafb2; padding-top: 30px;}
.foot2l{float: left;}
.foot2r{float: right;}
.yqlj ul{background: #FFFFFF; padding-top: 0px; padding-bottom: 0px; height: 0; overflow: hidden; transition: height 0.5s;}
.yqlj ul li{line-height: 30px;}
.yqlj ul li:hover{background: #F1F1F1;}
.yqlj:hover ul{height: auto; transition: height 0.5s;}

#zybanner{height: 280px; margin-top: 108px;}
#zy1{height: 540px;}
.about_t1{font-size: 22px;color: #404142;font-weight: bold; text-align: center; padding-top: 70px; padding-bottom: 55px;}
.about_con_l{width: 400px; height: 267px; background: #a0c31f; position: relative; float: left;}
.about_con_l img{position: absolute; top: -15px; right: -15px;}
.about_con_r{float: right; width: 720px;}
.about_con_r h3{font-size: 24px; font-weight: normal; margin-bottom: 20px;}
.about_con_r p{line-height: 35px; margin-bottom: 45px;}
.about_con_r a{    width: 128px; height: 38px; border: 1px solid #dcdcdc; line-height: 38px; text-align: center; display: block; color: #666666; font-size: 12px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.about_con_r a:hover{border: 1px solid #a0c31f;;}
.about2{height: 570px; background: url(../img/about2.jpg) center;}
.about_t2{color: #FFFFFF; font-size: 28px; text-align: center; padding-top: 90px; padding-bottom: 70px;}
.about_con2{text-align: center; color: #FFFFFF; line-height: 30px;}
.about_con2 p{line-height: 35px; margin-bottom: 45px;}
.about_con2 a{  margin: auto;  width: 128px; height: 38px; border: 1px solid #FFFFFF; line-height: 38px; text-align: center; display: block; color: #FFFFFF; font-size: 12px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.about4{height: 763px; background: url(../img/y_bg3.jpg) center;}
.about4_con{width: 1200px; height: 570px; background: url(../img/line.png) left bottom no-repeat;transition: all 3.9s linear; position: relative; position: relative;}
.about4_con ul li{ 	
width: 80px;
float: left;
/* display: inline; */
height: 270px;
position: absolute;
z-index: 1;
transition: all 0.3s linear;}
.about4_con ul li span{display: block;
overflow: hidden;
width: 14px;
font-size: 14px;
color: #666;
/* white-space: nowrap; */
word-wrap: break-word;
/* letter-spacing: 2px; */
text-align: center;
margin-top: -3px;
position: absolute;
left: 50%;
margin-left: -10px;
background: #c1c1c1;
padding: 10px 3px;
border-radius: 30px;
z-index: 99;
transition: all 0.3s linear;}
.about4_con em{    display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
background: url(../img/ray.png) no-repeat center bottom;
opacity: 0.5;
transition: all 0.3s linear;}

.deveDiv{
opacity: 0;
overflow: hidden;
width: 350px;
position: absolute;
z-index: 999;
left: 50%;
bottom: 100%;
margin-left: -175px;
padding-bottom: 20px;

transition: all 0.4s linear;
}
.deveDiv:after{
display: block;
content: "";
overflow: hidden;
height: 10px;
width: 13px;
position: absolute;
left: 50%;
bottom: 12px;
margin-left: -6px;
background: url(../img/trangledown.png) no-repeat center center;
}
.deveDivCont{
overflow: hidden;
background: #fff;
padding: 15px;
border-radius: 5px;
}
.deveTit{
font-size: 16px;
color:#333;
overflow: hidden;
line-height: 30px;
}
.deveIntr{
overflow: hidden;
font-size: 14px;
color:#666;
line-height: 25px;
height: 70px;
}
.about4_con ul li:hover{height: 200px; z-index: 999;}
.about4_con ul li:hover em{opacity: 1; }
.about4_con ul li:hover span{background: #FFFFFF;}
.about4_con ul li:hover .deveDiv{opacity: 1;}
.about4_con ul li:nth-child(1){ bottom: -2px;}
.about4_con ul li:nth-child(2){ bottom: 32px; left: 80px;}
.about4_con ul li:nth-child(3){ bottom: 59px; left: 160px;}
.about4_con ul li:nth-child(4){ bottom: 54px; left: 240px;}
.about4_con ul li:nth-child(5){ bottom: 59px; left: 320px;}
.about4_con ul li:nth-child(6){ bottom: 74px; left: 400px;}
.about4_con ul li:nth-child(7){ bottom: 87px; left: 480px;}
.about4_con ul li:nth-child(8){ bottom: 79px; left: 560px;}
.about4_con ul li:nth-child(9){ bottom: 89px; left: 640px;}
.about4_con ul li:nth-child(10){ bottom: 127px; left: 720px;}
.about4_con ul li:nth-child(11){ bottom: 154px; left: 800px;}
.about4_con ul li:nth-child(12){ bottom: 169px; left: 880px;}
.about4_con ul li:nth-child(13){ bottom: 208px; left: 960px;}
.about4_con ul li:nth-child(14){ bottom: 242px; left: 1040px;}
.about4_con ul li:nth-child(15){ bottom: 291px; left: 1120px;}
#zytit{height: 81px; background: #FFFFFF; padding-left: 60px; padding-right: 60px; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.zytitnav ul{text-align: center; text-align: center;}
.zytitnav ul li{ display: inline-block; line-height: 78px; margin:0px 20px; font-size: #3e3b3b; font-size: 17px; font-weight: bold;}
.zytitnav ul li.on{border-bottom: 3px solid #a0c31f;}
#zytitkong{height: 50px; background: #eee; border-bottom: 0px solid #e6e6e6;}
.dqwz{float: right; line-height: 60px; position: absolute; right: 60px; top: 0px;}
.dqwz img{padding-left: 10px; padding-right: 10px;}
.dqwz a{padding: 0px 5px;}

.news li{border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px; padding-left: 60px; padding-right: 60px; background: #FFFFFF;  transition: all 0.4s linear; }
.news li:hover{background: #E6E6E6;}
.news li img{float: left; width: 280px; height: 175px; padding-right: 20px; object-fit: cover;}
.news li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news li span{color: #999; font-size: 12px;}
.news li .shijian{background: url(../img/shijian.png) left no-repeat; padding-left: 24px; margin-right: 20px;}
.news li .liulan{background: url(../img/liulan.png) left no-repeat; padding-left: 24px; }
.news li .gd{float: right;}

.news-gys li{border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px; padding-left: 60px; padding-right: 60px; background: #FFFFFF;  transition: all 0.4s linear;width:calc(50% - 120px ); float: left; }
.news-gys li:nth-child(2n){float: right;}
.news-gys li:hover{background: #E6E6E6;}
.news-gys li img{float: left; width: 175px; height: 175px; padding-right: 20px;}
.news-gys li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news-gys li span{color: #999; font-size: 12px;}
.news-gys li .shijian{background: url(../img/shijian.png) left no-repeat; padding-left: 24px; margin-right: 20px;}
.news-gys li .liulan{background: url(../img/liulan.png) left no-repeat; padding-left: 24px; }
.news-gys li .gd{float: right;}

#pros{padding-left: 133px; padding-right: 133px; background: #eee;padding-bottom: 50px;}
#pros ul li{width: 23%; height: 430px; background: #FFFFFF; float: left; margin: 20px 1%;}
#pros ul li .img{width: 100%; height: 253px; }
#pros ul li h3{font-size: 16px; font-weight: normal; padding: 30px 30px 10px 30px;}
#pros ul li p{padding-left: 30px; padding-right: 30px;font-size: 13px;;color: #999; height: 55px;}
#pros ul li span{padding-left: 30px; padding-right: 30px; padding-top: 5px; display: block; color: #ccc;font-size: 12px;}

#pros-fd{padding-left: 133px; padding-right: 133px; }
#pros-fd ul li{width: 23%; height: 300px; background: #FFFFFF; float: left; margin: 20px 1%; text-align: center;}
#pros-fd ul li .img{width: 100%; height: 250px; background: #f4f4f4}
#pros-fd ul li img{height: 200px; max-width: 100%; padding-top: 25px;}
#pros-fd ul li h3{font-size: 16px; font-weight: normal; padding: 10px 20px;}
#pros-fd ul li p{padding-left: 20px; padding-right: 20px;    color: #999; height: 55px;}
#pros-fd ul li span{padding-left: 20px; padding-right: 20px; padding-top: 5px; display: block; color: #ccc;}

#zycon{min-height: 500px; padding-left: 133px; padding-right: 133px; padding-top: 40px; padding-bottom: 40px;}
.zycon{background: #FFFFFF; min-height: 500px; padding: 0px 0px; clear: both;}
#c_right_content
{ 
padding-top:30px;
}
#a_title
{
font-size:24px;
color:#333;
line-height:40px;  
text-align:center;
margin-left:auto;
margin-right:auto;
}
#a_info
{
border-bottom:1px dashed #ccc;
margin-bottom: 20px;
text-align:center;
margin-left:auto;
margin-right:auto;
line-height:30px;
position: relative;
}
#a_info span
{
font-size:14px;
color:#666;
margin-right:15px;
}
#a_content
{

margin-left:auto;
margin-right:auto;
margin-top:10px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:15px #FAFCFE solid;
min-height:200px;
}
.lujing{border-bottom:1px solid #ccc; line-height: 40px; margin-bottom: 10px; padding-left: 20px;}
.video{width: 600px; margin: auto;}

.pages {padding: 35px;text-align: center;clear: both;font-size: 16px;overflow: hidden;}
.pages span.close,
.pages strong,
.pages a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.pages strong.selfpage {background: #a0c31f;color: #ffffff;}
.pages a {background: #bbbbbb;color: #ffffff;}
.pages a:hover {background: #a0c31f;color: #fff;}




.page {padding: 35px;text-align: center;clear: both;font-size: 16px;overflow: hidden;}
.page span.close,
.page strong,
.page a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.page strong.selfpage {background: #a0c31f;color: #ffffff;}
.page a {background: #bbbbbb;color: #ffffff;}
.page a:hover {background: #a0c31f;color: #fff;}



.xwzx1con{height: 530px; padding-left: 30px; padding-right: 30px;}
.xwzx1con ul li{width: 25%; height: auto; float: left;}
.xwzx1con ul li .xwzx1conli{padding-left: 20px; padding-right: 20px;}
.xwzx1con ul li a{ display: block; background: #FFFFFF;}
.xwzx1con ul li .img{width: 100%; height: auto; }
.xwzx1con ul li h3{font-size: 16px; font-weight: normal; padding: 10px 20px;}
.xwzx1con ul li p{padding-left: 20px; padding-right: 20px;    color: #999; height: 55px;}
.xwzx1con ul li span{padding-left: 20px; padding-right: 20px; padding-top: 5px; display: block; color: #ccc;}

.xwzx2{height: 629px; background: url(../img/1553239386449.jpg) center;}
.xwzx2con ul{padding:0px 5%;}
.xwzx2con ul li{height: 120px; width: 48%; float: left; background: #FFFFFF; margin: 1%;}
.xwzx2con ul li .sj{width: 108px; height: 60px; float: left; border-right: 1px solid #DDDDDD; text-align: center; margin-top: 30px; margin-right: 20px;}
.xwzx2con ul li .sj span{display: block; font-size: 24px; padding-top: 5px;}
.xwzx2con ul li h3{    font-size: 18px;
color: #333;
padding-top: 32px;
font-weight: bold; padding-bottom: 5px; padding-right: 20px;}
.xwzx2con ul li p{color: #777; padding-right: 20px;}



/* 服务与支持 */
.confull{padding-left: 133px; padding-right: 133px;}
.titfw{color: #3e3b3b; font-size: 24px; height: 96px; line-height: 95px; padding-top: 30px;font-weight: bold;}
.fwcon{height: 146px;}
.fwcon ul{display: flex;}
.fwcon ul li{flex: 1; padding-left: 25px; padding-right: 25px;}
.fwcon ul li:nth-child(1){padding-left: 0;}
.fwcon ul li:nth-last-child(1){float: 0;}
.fwcon ul li a{background: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 7px; height: 146px; display: block;}
.fwconl{width: 39%; border-right: 1px dashed #e5e5e5; float: left; height: 62px; line-height: 62px; margin-top: 42px; text-align: center;}
.fwconl img{display: inline-block; padding-top: 11px; padding-left: 11px;}
.fwconr{float: right; width: 60%; margin-top: 42px;}
.fwconr h3{padding-left: 27px; font-size: 20px; font-weight: normal; color: #5c5959; margin-bottom: 5px;}
.fwconr span{padding-left: 27px; font-size: 14px; color: #a3a1a1;}
.fw2l{width: 48%; float: left;}

.titfw2{color: #3e3b3b; font-size: 24px; height: 96px; line-height: 95px; padding-top: 30px;font-weight: bold;}
.fw2lcon h3{color: #3e3b3b; font-size: 20px; font-weight: normal; padding-bottom: 20px; padding-top: 20px;}
.fw2lcon p{color: #8f8e8e; line-height: 30px;}
.fw2lcon ul{background: #f8f8f8; padding-top: 10px; padding-bottom: 10px;}
.fw2lcon ul li{padding: 0px 28px; display: inline-block;line-height: 35px;}
.fw2r{width: 48%; float: right;}
.fw2r img{max-width: 100%;}
.fw2rcon h3{color: #3e3b3b; font-size: 20px; font-weight: normal; padding-bottom: 20px; padding-top: 20px;}
.fw2rcon p{color: #3e3b3b; line-height: 27px;}
.zhaopin{ padding-top: 30px;}
.zhaopin table tr th{background: #f8f8f8; color: #2f2e2e;height: 50px; line-height: 50px; font-size: 18px;font-weight: normal;}
.zhaopin table tr td{border-bottom: 1px #e1e1e1 dotted; height: 50px; line-height: 50px}
.my-map { margin: 0 auto; width: 100%; height: 279px;} 
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

/* 解决方案 */
.jjfa_t{font-size: 36px; color: #3e3b3b; text-align: center; height: 110px; line-height: 110px;}
.jjfa_c{height: 147px; background: url(../img/jjfa_t.jpg) repeat-x;}
.jjfa_c ul{text-align: center; padding-top: 37px;}
.jjfa_c ul li{display: inline-block; margin: 0px 63px;}
.jjfa_c ul li span{width: 68px; height: 68px; display: block; border-radius: 50%; font-family: 'iconfont'; background: #f4f4f4; line-height: 68px; color: #a0c31f; font-size: 26px; margin-bottom: 5px;}
.jjfa_c ul li.on span{background: #A0C31F; color: #FFFFFF;} 

/* 本例子css */
.slider{ width:100%;  min-width:1200px;  height:555px;  position:relative; overflow:hidden; background:#fff;  margin-top: 55px;  margin-bottom: 100px;}
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px  }
.slider .bd li{ width:1200px;  overflow:hidden; background: #f4f4f4; }
.slider .bd li .jjfa_con_l{width: 340px; height: 555px; float: left; padding-left: 30px; padding-right: 30px; line-height: 36px;}
.slider .bd li .jjfa_con_l h3{font-size: 22px;color: #404142;font-weight: bold;padding-top: 50px; padding-bottom: 40px;}
.slider .bd li .jjfa_con_r{float: right; width:800px; height:555px; float: right;   }
/*.slider .bd li .jjfa_con_r img{object-fit: cover; }*/
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1200px !important; /*强制位置*/  }

.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat; 
margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:555px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-600px;  }
.slider .next{ left:50%;  margin-left:600px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:555px; background:#25333e; filter:alpha(opacity=80);opacity:0.8;   }
.slider .pnBtn .arrow{ display:none;   position:absolute; top:100px; z-index:1; width:60px; height:555px;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;   }
.slider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }


.zhaopin{ padding-top: 0px; padding-left: 133px; padding-right: 133px;background: #eee;}
.zhaopin table {padding-top: 0;background: #fff;}
.zhaopin table tr th{background: #25333e; color: #FFFFFF;height: 50px; line-height: 50px; font-size: 16px;font-weight: bold;padding: 0 3%;text-align: left;border-left: 1px solid #eeeeee;}
.zhaopin table tr td{border-bottom: 1px #e1e1e1 solid; height: 50px; line-height: 50px;padding: 0 3%;text-align: left;border-left: 1px solid #eeeeee;}
/* 本例子css */
.tupianzhanshi{padding-bottom: 20px;}
.focusBox { position: relative; width: 100%; height: 550px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 100%; height:550px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background: #a0c31f;  }
/* 联系我们 */
#lxwm{background: #fafafa; padding-top: 46px;}
.lx2{height: 367px;}
.lx2_l{padding-top: 50px;  float: left;background: #fff; width: 33%;}
.lx2_l img{max-width: 100%;}
.lx2_r{ width: 66%; float: right; font-size: 16px;}
.lx2t{border-bottom: 1px solid #cacaca; color: #3e3b3b; font-size: 18px; font-weight: bold; line-height: 62px;}
.lx2con table{padding-top: 10px;}
.lx2con table tr td{line-height: 36px;}

/* 企业文化 */
.qywh{background: #fafafa; padding-top: 45px;}
.qywh1{background: #FFFFFF; height: 443px;}
.qywh1_l{height: 443px; width: 50%;}
.qywh1_r{height: 443px; width: 50%;}
.qywh1_r .qywh1_r_t{font-weight: bold; font-size: 24px; color: #515050; line-height: 86px; padding-left: 50px;padding-top: 20px;}
.qywh1_r .qywh1_r_con{padding-left: 50px; padding-right: 20px;margin-right: 30px; line-height: 3; color: #000;max-height: 196px; overflow-y: auto;}
.qywh1_r .qywh1_r_con p{line-height: 3!important;}
.qywh1_r .qywh1_r_con .news-list{height: 196px;}
.qywh1_r .qywh1_r_con .news-list a.item{display: block;line-height: 39px;font-size: 14px;color: #000;}
.qywh1_r .qywh1_r_con .news-list a.item .time{float: right;}
/*滚动条的宽度*/
.qywh1_r .qywh1_r_con::-webkit-scrollbar {width:9px;height:9px;}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.qywh1_r .qywh1_r_con::-webkit-scrollbar-track {width: 6px;background-color:#eee;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
/*滚动条的设置*/
.qywh1_r .qywh1_r_con::-webkit-scrollbar-thumb {background-color:#CCCCCC;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;
border-radius:2em;}
/*滚动条移上去的背景*/
.qywh1_r .qywh1_r_con::-webkit-scrollbar-thumb:hover {background-color: #a3c41f;}



.qywh1_r .qywh1_r_more{padding-left: 50px;margin-top: 25px;}
.qywh1_r .qywh1_r_more a{display: block;border: 1px solid #e1e1e1;width: 125px;height: 35px;line-height: 35px;text-align: center;border-radius: 50px;font-size: 12px;}

.qywh_zhaopin{padding: 0 50px;}
.qywh_zhaopin table {padding-top: 0;background: #fff;border-top: 1px #efefef solid;}
.qywh_zhaopin table tr td{border-bottom: 1px #efefef solid; height: 40px; line-height: 40px;padding: 0 1em;text-align: left;font-size: 14px;color: #000;}
.qywh_zhaopin table tr td a{font-size: 14px;color: #000;}
.qywh_zhaopin table tr td .more{display: block;width: 4rem;text-align: center;height: 24px;line-height: 24px;background: #f7f5f5;border-radius: 50px;float: right;}











.fl{float: left;}
.fr{float: right;}
#artlist{min-height: 500px;}
/* 留言 */
.liuyan{background: #fafafa; padding-top: 45px;}
.liuyan #name{width: calc(100% - 2px); height: 60px; border: 1px solid #f2f2f2; text-indent: 50px; outline: none; font-size: 15px; background: url(../img/l1.jpg) #ffffff left no-repeat;}
.liuyan #phone{width: calc(100% - 2px); height: 60px; border: 1px solid #f2f2f2; text-indent: 50px; outline: none; font-size: 15px; background: url(../img/l2.jpg) #ffffff left no-repeat;}
.liuyan table tr td textarea{width: calc(100% - 100px); height: 250px; background: #FFFFFF; border: 1px solid #f2f2f2; padding: 0; outline: none; padding: 10px 50px; font-size: 15px;}
.liuyan #yanzhengma{border: 1px solid #f2f2f2; background: #fff; height: 38px; line-height: 38px; border-left: 0; text-indent: 10px;}
.yzmimg{border: 1px solid #f2f2f2;}
.ti{width: 120px; height: 40px; display: inline-block; background: url(../img/ld.jpg); border: 0; color: #FFFFFF; font-size: 15px; text-align: left; text-indent: 20px; margin: 30px 10px 50px 10px;}
@media (min-width:768px){
.hidden-pc{display: none;}
}	
@media (max-width:768px){
	#pros{padding-left: 15px; padding-right: 15px; background: #eee;padding-bottom: 50px;}
.hidden-wap{display: none;}
.zybannerwap img{width: 100%}
#m1{margin-top: 0; margin-bottom: 0;}
.m1a{width: 100%; display: none;}
.m1b{width: auto; margin-left: 20px; padding-right: 20px;}
.m1bcon p{padding-bottom: 10px;}
.m1bcon a{background: url(../img/jiantou.png) right no-repeat; padding-right: 33px; display: block; float: left;margin-top: 5px;}

.m1bt{height: 100px;padding-left: 20px;}
.m1bt h3{    padding-top: 23px;}
.m1c{width: 100%;}
.m1c img{width: 100%;}
.m1d{width: 100%; max-width: 768px;}
.m1d ul li{width: 33.3%; text-align: center;}
.m1d ul li:nth-child(4){width: 50%}
.m1d ul li:nth-child(5){width: 50%}
.m1d ul li img{display: inline-block;}
#m2{clear: both;}
#m2 ul{display: block;}
#m2 ul li{width: 100%}
#m2wap{clear: both;}
#m2wap ul{}

#zytit{padding: 0;}
#m2wap ul li{ position: relative; width: 100%; height: 100%; float: left;}
#m2wap ul li a{padding: 0; margin: 0; width: 100%; height: 100%; display: block;}
#m2wap ul li img{width: 100%; height: 100%; padding: 0; margin: 0; display: block;}
.m2hei{background: url(../img/m2.png) bottom repeat-x; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #FFFFFF;}
#m2wap ul li .m2hei h3{font-size: 22px; font-weight: bold; line-height: 50px; }
#m2wap ul li .m2hei span{font-size: 14px;}
#m2wap ul li .m2hei .wz{position: absolute; bottom: 50px; padding-left: 13.5%; padding-right: 13.5%;}
.m3{clear: both; padding-left: 0; padding-right: 0;  padding-top: 0;  height: auto; margin-top: 0; margin-bottom: 0;}
.m3l{width: 100%;}
.m3r{width: 100%;}
.fwzc{background: url(../img/m3.jpg) left; height: 320px; padding-top: 55px; margin-right: 0px;}
.m1bt span{display: none;}
.m3lt{margin-left: 20px; background: none; padding-top: 0;}
.m3con{padding-left: 20px; padding-right: 20px;}
.foot2wap{text-align: center; background: #f1f1f1; color: #999999; line-height: 30px; height: 80px; clear: both; padding-top: 20px; padding-bottom: 30px;border-top: 1px solid #4a565f; padding-left: 22px; padding-right: 22px; font-size: 12px;}
#zycon{padding: 0;}
.zycon{padding: 40px 20px;}
#pros-fd{padding-left: 10px; padding-right: 10px;}
#pros-fd ul li{width: 48%; height: 275px;margin: 10px 1%; }
#pros ul li{width: 100%;margin: 20px 0;}
#pros-fd ul li .img{width: 100%; height: 225px; }

img{max-width: 100%}
iframe{max-width: 100%}
.slick-slide img{max-width: 120%!important}
.news li{padding-left: 10px; padding-right: 10px;}
.focusBox { position: relative; width: 100%; height: auto; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: left; }
.focusBox .pic img { width: 100%; height: auto; display: block; }
.zhaopin{ padding-left: 10px; padding-right: 10px; padding-top: 30px;}
.zhaopin table tr th{height: 60px; line-height: 25px; font-size: 16px;font-weight: normal; text-align: center;}
.zhaopin table tr td{border-bottom: 1px #e1e1e1 dotted; height: 50px; line-height: 25px}
.news li img{width: 100%; height: auto;}

.news-gys li{width: calc(100% - 60px ); padding-left: 30px; padding-right: 30px; height: auto;margin: 10px 0%;  float: none; }
.news-gys li:nth-child(2n){float: none;}
.news-gys li:hover{background: #E6E6E6;}
.news-gys li img{width: 100%; height: auto;}
.news-gys li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news-gys li span{color: #999; font-size: 12px;}




/*底部*/
@font-face {
font-family: "iconfont";
src: url('../font/iconfont.ttf?t=1625214262234') format('truetype');

}

.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}

.foot{width: 100%;height: 48px;color: #FFF; background: #f1f1f1;}
.foot a{color: #FFF;}
.foot .menu{background: #25333e; width:calc(100% - 30px) ;height: 65px;font-size: 14px;padding: 10px 0; position: fixed; bottom: 0; border-radius: 43px; left: 15px;}
.foot .menu .iconfont{font-size: 20px;}

.pull-left{width: 25%; float: left; text-align: center;}
.zytitnav ul li{display: none;}
.zytitnav ul li.on{display: block;}
#a_title{font-size: 22px}
.about2-time li:before{left: -24px}
.about2-time li p {height: 72px;}
.jjfa_c ul li{display: inline-block; margin: 0px 5px;}
.confull{padding-left: 0; padding-right: 0;}
.jjfa_con_b{padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 20px;}

.jjfa_con_b h3{font-size: 24px; font-weight: bold; padding-top: 20px; padding-bottom: 20px;}
.jjfa_t{font-size: 36px; color: #3e3b3b; text-align: center; height: 50px; line-height: 50px;padding-top: 30px;}
.fwcon ul{display: block;}
.fwcon ul li{ padding-left: 25px; padding-right: 25px; float: none;}
.fwcon {
height: auto;
}
.fwcon ul li:nth-child(1) { padding-left:25px; }
.titfw{padding-left: 20px;}
iframe{border-right: 1px solid #ddd}
}	


/*公司简介，一屏两页*/
.danyepage-2{background: #f6f6f6;padding: 50px 133px;overflow: hidden;}
.danyepage-2 .float-left{float: left;}
.danyepage-2 .float-right{float: right;}
.danyepage-2 .box{width: 48%;background: #fff;padding: 3.375rem 3.375rem;min-height: 60vh;box-sizing:border-box;}
.danyepage-2 .box .title{ margin-bottom:2.5rem}
.danyepage-2 .box .title h3{ font-size:22px; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.danyepage-2 .box .title h6{ font-size:12px; color:#808080; line-height:20px;}
.danyepage-2 .box .title h6 span{ margin-right:1.5rem}
.danyepage-2 .box .title h6 img{margin-right:8px;margin-top: -3px;}
.danyepage-2 .box .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.danyepage-2 .box .title h6 .span2 a{ color:#808080;}
.danyepage-2 .box .ar_article p{text-align: justify;font-size: 15px;color: #696969;line-height: 2.5;}
.danyepage-2 .box .ar_article img{max-width: 100%;height: auto!important;width: auto\9!important;}

@media screen and (max-width: 1600px){
	.foot_nav{width: 100%; padding-top: 56px;}
.footr{width: 0%; float: right; display: none;}
	}
@media screen and (max-width: 1280px){
	}
@media screen and (max-width: 1024px){
	}
@media screen and (max-width: 767px){
	}
@media screen and (max-width: 640px){
		.danyepage-2{padding: 15px 15px;}
		.danyepage-2 .box{width: 100%;padding: 1rem 1rem;}
		.danyepage-2 .float-left{float: none;}
		.danyepage-2 .float-right{float: none;}
		.danyepage-2 #right .title{display: none;}
	}


/*公司简介，一屏两页结束*/









.n_container{overflow: hidden;padding: 0 133px 50px 133px;}
.n_news_detail{ padding:3.125rem 0 5rem}
.n_news_detail .content{width: 100%;}
.n_news_detail .content .n_left{width: calc(100% - 500px );float: left;}
.n_news_detail .content .n_left .n_left_box{ background:#fff; padding:4.375rem 4.375rem;min-height: 60vh;}
.n_news_detail .content .n_left .title{ margin-bottom:2.5rem}
.n_news_detail .content .n_left .title h3{ font-size:22px; color:#404142; font-weight:bold; line-height:3.5rem; margin-bottom:0.75rem}
.n_news_detail .content .n_left .title h6{ font-size:12px; color:#808080; line-height:20px;}
.n_news_detail .content .n_left .title h6 span{ margin-right:1.5rem}
.n_news_detail .content .n_left .title h6 img{margin-right:8px;margin-top: -3px;}
.n_news_detail .content .n_left .title h6 .span2{background:url(../images/fx.png) left center no-repeat;padding-left: 24px;position: relative;margin-right: 0;padding-right: 3.5rem;}
.n_news_detail .content .n_left .title h6 .span2 a{ color:#808080;}

.n_news_detail .ar_article p{text-align: justify;font-size: 15px;color: #696969;line-height: 2.5;}
.n_news_detail .ar_article img{max-width: 100%;height: auto!important;width: auto\9!important;}

.n_news_detail .content .n_right{ width:367px;float: right; }

.n_news_detail .content .n_right .frl01{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl01 ul{ width:20.625rem;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative}


.n_news_detail .content .n_right .frl01 ul li.miso-slide img{width:100%}
.n_news_detail .content .n_right .frl01 ul li.miso-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: url(../images/hei75.png);font-size: 14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news_detail .content .n_right .frl01 ul li.miso-slide:hover h5{ background:#333}

.n_news_detail .content .n_right .frl02{ margin-bottom:2rem}
.n_news_detail .content .n_right .frl02 .title{ font-size:22px; color:#404142; font-weight:bold; line-height:3.75rem; border-bottom:#e2e2e2 2px solid; margin-bottom:1rem}
.n_news_detail .content .n_right .frl02 ul li{ font-size:15px; color:#404142; line-height:2.875rem}
.n_news_detail .content .n_right .frl02 ul li a{ color:#404142; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_news_detail .content .n_right .frl02 ul li a img{background: #FFF;}
.n_news_detail .content .n_right .frl02 ul li.hxcp{font-size:15px; color:#404142; line-height:1.75;margin-bottom: 30px;}
.n_news_detail .content .n_right .frl02 ul li.hxcp img{object-fit: cover;}

.content_page{border-top: 1px solid #eee;padding-top: 20px;margin-top: 30px;}
.content_page .pre,
.content_page .next{line-height: 2;font-size: 15px;}


/*联系方式*/
.contact-hui {
	padding: 50px 0;
}

.contact {
	background: #fff;
	padding: 0 109px;
	padding-bottom: 98px;
}

.contact-title {
	height: 131px;
	line-height: 131px;
	color: #333333;
	font-size: 30px;
	text-align: center;
}
.contactDl table tr td{text-align: center;}
.contactDl table tr td img{display: inline-block;}
.contactDl {
	padding-top: 18px;
	overflow: hidden;
	margin-right: -25px;
}

.contactDl dd {
	width: 50%;
	overflow: hidden;
	float: left;
	
}

.contactDl dd .con {
	background: #fafafa;
	margin-right: 25px;
	text-align: left;
	    padding: 26px 0 20px 0;margin-bottom: 15px;
	    line-height: 40px;
}

.contactDl dd .con i {
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 50%;
	background: #a0c31f;
	margin: 0 auto;
	    margin-bottom: 20px;
	float: left;
	margin-left: 40px;
}

.contactDl dd .con .cont-phone {
	background: url(../images/cont-phone.png)no-repeat center center #a0c31f;
	background-size: auto 25px;
}

.contactDl dd .con .cont-mail {
	background: url(../images/cont-mail.png)no-repeat center center #a0c31f;
	background-size: auto 19px;
}

.contactDl dd .con .cont-dizhi {
	background: url(../images/cont-dizhi.png)no-repeat center center #a0c31f;
	background-size: auto 22px;
}
.contactDl dd .con .cont-fuwu {
	background: url(../images/cont-fuwu.png)no-repeat center center #a0c31f;
	background-size: auto 22px;
}
.contactDl dd .con .cont-ewm {
	background: url(../img/ewm.png)no-repeat center center #a0c31f;
	background-size: auto 22px;
}
.contactDl dd .con .title {
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0 10px;
	display: inline;
	line-height: 50px;
}

.contactDl dd .con .text {
	color: #666666;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0 10px;
	display: inline;
}

.map {
	width: 100%;
	height: 732px;
	overflow: hidden;
	padding-top: 50px;
}

#allmap {
	width: 100%;
	height: 100%;
}




table{border-collapse:collapse;border-spacing:0}
td,th{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}