@charset "utf-8";
/* CSS Document */

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
em{ font-style:normal}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px;color: #666;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.main{ width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden}
.middle{ width:1200px; margin:0 auto;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #666;
}
 
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #666;
}
 
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #666;
}
 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #666;
}
/*------------------------------------------样式开始------------------------------------------*/
.header{width: 100%;}
.logo{margin-top:25px;margin-right:80px;position: relative;height:50px;overflow: hidden;}
.logo i{position: absolute; left:-155px; width: 155px; height:100%; background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.55), rgba(255,255,255,0)); background-image:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.55), rgba(255,255,255,0));}
.logo:hover i{-webkit-transition:all 0.55s linear; transition:all 0.55s linear; -webkit-transform:translateX(500px); transform:translateX(500px);}
.nav ul li{ float:left;width:120px;margin-left: 2px;position: relative;}
.nav ul li a{ display:block; line-height:100px; font-size:14px; color:rgb(51, 51, 51); text-align:center}
.nav ul li a:hover,.nav ul li a.move{background-color:#008d3f;color: #fff;}
.phone h1{font-size: 18px;color: #FF613E;padding-top: 26px;}
.phone h1 span{display: block;background: url("../images/phone.png") no-repeat left center;font-size: 14px;color: #008d3f;padding-left:20px;padding-bottom: 5px;}
.nav ul li a span{display: block;position: absolute;height: 1px;width:16px;background: #fff;left:52px;top:70px;}
/*banner图*/
#div1{ width:100%; height:530px; overflow:hidden; margin:0 auto; position:relative; min-width:1200px; max-width:1920px;}
#div1 ol{ position:absolute; right:50%; bottom:55px; height:25px; z-index:999;}
#div1 ol li{ float:left; width:15px; height:15px; text-align:center; border:1px solid #fff; margin:2px; cursor:pointer;  background:#000; margin-top:2px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#div1 ol li.actived{ background:#ACACAF;width:15px; height:15px; margin-top:2px;border:1px solid #000;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#div1 ul{ position:absolute;left:0; top:0;}
#div1 ul li{width:100%;min-width:1200px; max-width:1920px; height:530px;  float:left;}
#div1 ul li img{width:100%;min-width:1200px; max-width:1920px;  height:530px; float:left;}
.part01,.part02{ position: relative;top: -45px;}
.huadong{height: 45px;line-height: 45px;background-color: rgba(0,0,0,0.6);position:relative;}
.huadong a{color: #fff;font-size: 12px;}
.huadong .huabox {width: 100%;}
.huadong h5 {float:left;background: url("../images/lb.png") no-repeat left center;color: #fff;font-size: 14px;padding-left: 30px;margin-left: 20px;margin-right: 25px;}
.huadong .gg_more a{background: url("../images/w-jt.png") no-repeat right center;padding-right: 15px;}
.huadong .notice_active {
        float: left;
        width: 83%;
        height: 45px;
        padding: 0;
        overflow: hidden;
        position: relative;
}
.huadong .notice_active li{list-style-type:none;line-height: 45px;overflow: hidden;}
.huadong .notice_active li a{display: inline-block;width: 35%;margin-right: 10%;background: url("../images/dd.png") no-repeat left center;padding-left: 12px;}
.huadong .notice_active li.notice_active_ch span {color:#fff;display: block;overflow: hidden; width:80%;float: left;overflow: hidden;}
.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color: #fff;font-size: 12px; }
.huadong .notice_active li a:hover{text-decoration: underline;}
#topcontrol{position: fixed;bottom: 50px;right: 30px;cursor: pointer;}
.footer{background-color:rgb(47, 48, 54);padding:30px 0;}
.footer .f_left p{color: #fff;font-size:14px;line-height:30px;}
.footer h3{padding: 10px 0 20px 0;}
.f_right li{color: #fff;font-size:14px;text-align: center;margin-left: 50px;float: left;}
.f_right li img{width: 103px;height: 103px;margin-bottom: 15px;display: block;}
.footer .f-menu a{color: #fff;font-size: 14px;display: inline-block;padding-right:30px;border-right: 1px solid #fff;height: 14px;line-height: 14px;margin-right:30px;}
.footer .f-menu a:last-child{border-right: none;}
.footer .f-menu{margin:40px 0 20px 0;}


.nav-title{padding:50px 0 40px 0;}
.nav-title h2{color: #222;font-size: 28px;text-align: center; position: relative;font-weight: bold;}
.nav-title h2 em{display: inline-block;margin: 0 8px;vertical-align: middle;}
.nav-title h2 span{font-size:28px;color:#008d3f;font-weight: 400;}
.part06{padding-bottom: 100px;}
.part06 .nn-list li{float: left;width:575px;margin-right:50px;margin-bottom:20px;border-bottom: 1px solid rgb(237, 237, 237);padding-bottom: 20px;}
.nn-list li a h4{color:rgb(51, 51, 51);font-size: 16px;margin-top:10px;margin-left: 10px;}
.nn-list li a span{display: block;background: url("../images/clock.png") no-repeat left center;padding-left: 20px;font-size: 12px;color: #999999;margin:8px 0 10px 10px;}
.nn-list li a p{color: rgb(174, 174, 174);font-size: 14px;line-height: 22px;margin-left: 10px;height: 44px;overflow: hidden;}
.nn-list li .tpp{width:160px;height:120px;overflow: hidden;float: left;margin-right: 30px;}
.nn-list li img{transform: scale(1);transition: all 0.3s;width: 100%;height: auto;object-fit: cover;}
.nn-list li:hover a h4{color:#008d3f;}
.nn-list li:hover .tpp img{transform: scale(1.1); transition: all 0.3s;}
.nn-list li:nth-child(2n){margin-right:0}
.part06 .more,.part05 .more{width: 100px;height: 37px;margin: 26px auto 0px auto;display: block;text-align: center;line-height: 37px;background:rgb(23, 80, 226) url("../images/more.png") no-repeat 90% center;color: #fff;font-size: 14px;padding-left:25px;padding: 0 20px;}
.cc-list{padding: 30px 0 80px 0;}
.cc-list li{float: left; position: relative;text-align: center;border: 1px solid #fff;width: 283px;height: 118px;margin: 0 7px;transition: linear 0.3s;margin-bottom: 30px;}
.cc-list li:hover{border: 1px solid #dfdfdf;}
.cc-list li p{position: absolute;height: 38px;background: rgba(0,0,0,0.3);line-height: 38px;color: #fff;font-size: 14px;bottom: 0;left: 0;width: 100%; opacity: 0;}
.cc-list li:hover p{ opacity: 1;}
.part_2 p{color: #333;font-size: 14px;line-height: 30px;text-align: center;}
.part02 .a_list{text-align: center;padding:50px 0;}
.part02 .a_list li{display: inline-block;padding: 20px;background-color:#f4f4f4;color: #333;margin: 0 10px;width: 130px;height: 120px;}
.part02 .a_list li em{display: block;font-size: 30px;font-family: fantasy;font-style: italic;}
.part02 .a_list li h2{padding: 10px 0;font-size: 18px;}
.part02 .a_list li span{display: block;height: 30px;font-size: 14px;}
.part02 .a_list ul{display: flex;flex-direction: row;justify-content: center;}
.look{background-color: rgb(255, 97, 62);width: 165px;height: 45px;color: #fff;font-size: 14px;line-height: 45px;text-align: center;display: block;margin: 0 auto;border-radius: 3px;}
.part03{background: url("../images/bg.jpg") no-repeat;background-size: cover;padding-bottom: 50px;}
.part03 .nav-title h2{color: #fff;}
.part03 .nav-title h2 span{color: #fff;}
.part_3 li{float: left;width: 265px;border: 10px solid #fff;text-align: center;margin-right: 20px;background-color: #fff;}
.part_3 li:nth-child(4n){margin-right:0}
.part_3 li a h3{color: rgb(51, 51, 51);font-size: 16px;padding: 15px 0;}
.part_3 li a p{color: rgb(153, 153, 153);font-size: 12px;line-height: 22px;}
.part_3 li a em{width:25px;height: 1px;background: #008d3f;display: block;margin:25px auto;}
.part_3 li a .white{border: 1px solid #fff;padding: 20px 30px;}
.part_3 li a .quan{width: 112px;height: 112px;border: 1px solid #fff;border-radius: 100%;margin: 0 auto;}
.part_3 li:hover a .quan{border: 1px solid #008d3f; transition: all 0.8s;}
.part_3 li:hover a .white{border:1px solid #dfdfdf;transition: all 0.8s;}
.part03 .part_3{padding-bottom:50px;}
.part06 .nn-list .look{margin-top:25px;}




.ny_banner{width: 100%;background: url("../images/ny-banner.jpg") no-repeat;}
.box-wz{padding: 71px 0;}
.box-wz h2{font-size:20px;color:#FFFFFF;font-weight: bold;}
.box-wz h2 em{display:block;background:#008d3f;height:2px;width: 32px;margin:6px 0 5px 0;}
.box-wz h2 span{display:block;font-size: 14px;color: #008d3f;font-weight: normal;}
.content{padding: 50px 0 100px 0;border-bottom: rgb(237, 237, 237) 1px solid;}
.leftside{width: 215px;}
.leftside li{height: 40px;line-height: 40px;margin-bottom:15px;}
.leftside li a{color: rgb(79, 79, 79);font-size:16px;display: block;padding: 0 50px;}
.leftside li a:hover,.leftside li a.on{border-radius: 20px;background:#f6fdf9 url("../images/w-jt2.png") no-repeat 80% center;color:#008d3f;}
.rightside{width: 930px;box-shadow: 0 0 12px #dfdfdf;padding-bottom: 50px;}
.about{padding:40px 50px;}
.about p{color: #666;font-size: 14px;line-height:30px;text-indent: 28px;}
.about p img,.about img{float: none;margin: 0 auto;max-width: 830px;display: block;}
.business li{border-bottom: rgb(237, 237, 237) 1px solid;padding-bottom: 80px;margin-bottom: 80px;}
.business li .wz{width: 196px;}
.business li .picture{width: 938px;}
.business li .tpp{float: left;margin-left: 20px;}
.business li h1{color: #555555;font-size: 18px;padding-top: 20px;}
.business li h1 span{font-size: 38px;font-weight: bold;}
.business li h1 em{width: 44px;height: 1px;background-color: rgb(85, 85, 85);margin:15px 0 30px 0;display: block;}
.business li p{font-size: 14px;line-height:22px;color: #555555;height:190px; overflow: hidden;}
.business li:nth-child(4n){border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.brand{color: #555555;font-size: 12px;}
.brand a{color: #555555;}
.brand a.home{background: url("../images/home.png") no-repeat left 0px;padding-left: 22px;color: #555555;}
.brand span{color: rgb(23, 80, 226);}
.brand .middle{border-bottom: rgb(237, 237, 237) 1px solid;padding: 20px 0;}
.case{margin-top: -20px;padding-bottom: 60px;}
.case .sub_nav a{display: inline-block;color: rgb(51, 51, 51);font-size: 14px;margin-right: 100px;}
.case .sub_nav a:hover,.case .sub_nav a.ones{color: rgb(23, 80, 226);}
.case li{background: #f5f5f5;width: 200px;padding: 42px;float: left;margin-right: 21px;margin-top: 22px;}
.case li a p{color:rgb(51, 51, 51);font-size:14px}
.case li .tp-pic{width: 200px;height: 134px;overflow: hidden;margin-bottom: 30px;}
.case li .tp-pic img{width: 100%;height: auto;object-fit: cover;}
.case li:nth-child(4n){margin-right: 0px;}
.case li:hover a p{color: #fff;}
.case li:hover{background:rgb(23, 80, 226);}
.detail h1{text-align: center;color: #333;font-size: 18px;font-weight: bold;padding-bottom: 30px;}
.detail p{color:rgb(70, 70, 70);font-size:12px;line-height: 24px;}
.fenyes{height:44px;line-height:44px;background:#f5f5f5;color: #545454;font-size: 12px;padding: 0 30px;margin-top:20px;}
.fenyes a{color: #545454;}
.fenyes a:hover{color:#4269E0}
.contact h3{font-size: 18px;color: #333333;padding: 40px 0 30px 0;}
.contact h3 em{background:rgb(23, 80, 226);height:2px;width:48px;display: block;margin-top: 12px;}
.contact .lx-list{width: 800px;}
.lx-list li{color: #888888;font-size: 12px;float: left;margin-right: 80px;padding-bottom: 18px;}
.lx-list li span{display: inline-block;float: left;padding-right: 12px;}
.lx-list li span img{display: block;margin: 0 auto;}

.show-box dl{padding-bottom:5px;}
.show-box dt{background: url("../images/ydd.png") no-repeat left center;color: #333;font-size: 18px;height: 42px;border-bottom: 1px solid #222;line-height: 43px;padding-left: 15px;}
.show-box dd{float: left;width: 386px;margin:20px 21px 20px 0;position: relative;}
.show-box dd:last-child{margin-right: 0px;}
.show-box dd p{position: absolute;height:50px;line-height:50px;color: #fff;font-size: 14px;text-align: center;background: rgba(0,0,0,0.4);left: 0;bottom: 0;width: 100%;display: none;}
.show-box dd:hover p{display: block;}
.news .nn-list li{float: none;clear: both;margin-bottom:20px;border-bottom: 1px solid rgb(237, 237, 237);padding-bottom: 20px;width: 100%;height: 120px;}
.news .nn-list li a p em{color:#008d3f;}
.send p{text-indent: 0;}
.send h5{font-weight: bold;color: #666;font-size: 16px;padding: 10px 0;}

.about2,.about3{padding: 40px 50px;}
.about2 li {
float: left;
overflow: hidden;
text-align: center;
color: #666;
font-size: 14px;
line-height: 22px;
margin-bottom: 30px;
width:400px;
margin-right: 30px;
}
.about2 li img {
display: block;
height: 225px;
width: 350px;
margin: 0 auto;
}
.about2 li span{padding-top: 10px;display: block;}
.about2 li:nth-child(2n){margin-right: 0px;}
.about3 p{color: #666;font-size: 15px;line-height:30px;text-indent: 28px;}
.about2 dl{padding-bottom: 30px;}
.about2 dt{height: 45px;line-height: 45px;border-bottom: 2px solid #008d3f;color: #008d3f;font-size: 18px;margin-bottom: 15px;font-weight: bold;}
.about2  dd{float: left;width:50%;color: #666;font-size: 15px;line-height:35px;}
.about4 img{display: block;width: 830px;margin:30px auto;}
.about4{padding-top: 20px;}