@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.tit{text-align: center;font-weight: normal;padding: 35px 0 0;background: url(../images/tit.png) no-repeat center 0;}
.tit b{display: block;font-size: 48px;color: #333;line-height: 48px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 12px;}



/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 80px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #000;border-radius: 100%;margin: 0 15px;vertical-align: top;opacity: 0.6;}
.ban_pg i.on{background: #0E9E39;opacity: 1;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}



/*guide*/
.guide{height: 198px;padding-top: 114px;box-sizing: border-box;position: relative;background: url(../images/sou_bg.jpg) no-repeat center 0;border-bottom: 1px solid #D8D8D8;}
.guide ul{position: absolute;width: 1200px;height: 129px;background: #fff;left: 50%;border-radius: 10px;margin-left: -600px; top: -51px;  overflow: hidden; box-shadow: 3px 1px 25px 11px rgba(45, 44, 42, 0.06);z-index: 10;}
.guide li{float: left;width: 240px;text-align: center;padding-top: 32px;height: 129px;box-sizing: border-box;position: relative;transition: all 0.5s;}
.guide li:after{position: absolute;width: 1px;height: 78px;content: "";background: #f1f1f1;right: -1px;top: 30px;}
.guide li span{display: block;height: 40px;font-size: 40px;color: #0E9E39;line-height: 40px;font-weight: bold;}
.guide li span i{font-size: 50px;    font-family: DINOT,Arial;vertical-align: top;}
.guide li span em{display: inline-block;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 16px;color: #fff;background: #0E9E39;border-radius: 50%;margin-left: 4px;vertical-align: top;}
.guide li p{font-size: 18px;color: #333;line-height: 34px;font-weight: bold;}
.guide li:hover{transform: translateY(-10px);}
.hotwd{float: left;height: 36px;line-height: 36px;font-size: 14px;color: #777;}
.hotwd a{color: #777;margin-right: 10px;}
.hotwd a:hover{color: #0E9E39;}
.s_box{float: right;height: 34px;border-bottom: 1px solid #aaa;width: 408px;}
.s_box .txt{float: left;height: 34px;line-height: 34px;width: 390px;font-size: 14px;color: #333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width: 18px;height: 34px;background: url(../images/sou.png) no-repeat center;outline: 0;border: 0;cursor: pointer;}


/*fea*/
.fea{height: 1235px;padding: 80px 0 0;box-sizing: border-box;background: url(../images/fea_bg.jpg) no-repeat center 0;}
.fea h2{margin-bottom: 55px;padding: 50px 0 0;}
.fea_con{height: 400px;}
.fea_con dl{float: left;width: 598px;height: 400px;position: relative;overflow: hidden;}
.fea_con dt img{display: block;width: 598px;height: 400px;transition: all 0.5s;}
.fea_con dt:hover img{transform: scale(1.05);}
.fea_con dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 95px;background: rgba(0,0,0,0.5);padding: 0 25px;box-sizing: border-box;}
.fea_con dd h3{font-size: 22px;color: #fff;line-height: 34px;padding-top: 20px;}
.fea_con dd p{font-size: 14px;color: #fff;line-height: 24px;}
.fea_con ul{float: right;}
.fea_con li{float: left;width: 193px;height: 400px;border: 1px solid #ebebeb;box-sizing: border-box;margin-left: 7px;background: rgba(255,255,255,0.2); padding-top: 75px;  transition: all 0.3s; box-shadow: 0px 3px 5px 0px rgba(185, 185, 185, 0.35);}
.fea_con li:nth-child(1){margin-left: 0;}
.fea_con li i{display: block;height: 62px;overflow: hidden;text-align: center;margin-bottom: 28px;}
.fea_con li i img{transition: all 0.5s;}
.fea_con li h4{font-size: 22px;color: #5C5C5C;line-height: 22px;font-weight: normal;text-align: center;margin-bottom: 18px;transition: all 0.3s; }
.fea_con li p{font-size: 14px;color: #888;line-height: 22px;padding: 0 18px;transition: all 0.3s; }
.fea_con li:hover{background: #0AA032;border-color: #0AA032;}
.fea_con li:hover h4,.fea_con li:hover p{color: #fff;}
.fea_con li:hover i img{transform: translateY(-50%);}

.fea2{margin-top: 48px;}
.fea2 ul{float: left;}
.fea2 dl{float: right;}


/*case*/
.case{padding: 56px 0 86px;background: url(../images/case_bg.jpg) no-repeat bottom center;}
.case_ctg{margin: 65px 0 16px;}
.case_ctg li{height: 68px;line-height: 68px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.case_ctg li h3{float: left;font-size: 20px;color: #333;padding-left: 25px;width: 170px;}
.case_ctg li p{font-size: 0;}
.case_ctg li p i{font-size: 15px;color: #666;}
.case_ctg li p a{padding: 0 12px;color: #666;font-size: 15px;}
.case_ctg li p i:nth-child(1){display: none;}
.case_ctg li p .more,.case_ctg li p a:hover{color: #0e9e39;}
.case_list{position: relative;}
.case_item dl{overflow: hidden;border-radius: 6px;position: relative;}
.case_item dt img{display: block;width: 100%;transition: all 0.5s;}
.case_item dt:hover img{transform: scale(1.05);}
.case_item dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 132px;background: rgba(0,0,0,0.6);padding: 0 40px;box-sizing: border-box;}
.case_item dd h4{display: block;font-size: 22px;color: #fff;line-height: 22px;padding: 20px 0 14px;position: relative;margin-bottom: 10px;}
.case_item dd h4:after{position: absolute;width: 120px;height: 1px;content: "";background: #fff;opacity: 0.5;left: 0;bottom: 0;}
.case_item dd h4 a{color: #fff;}
.case_item dd p{font-size: 14px;color: #fff;line-height: 24px;width: 900px;}
.case_pg{position: absolute;right: 70px;bottom: 40px;z-index: 10;font-size: 0;height: 14px;}
.case_pg i{display: inline-block;width: 14px;height: 14px;background: #fff;border-radius: 7px;margin-left: 10px;transition: all 0.5s;}
.case_pg i.on{background: #0E9E39;width: 28px;opacity: 0.5;}
.case_vs{margin-top: 34px;}
.case_vs ul{float: left;position: relative;}
.case_vs ul:nth-child(2){float: right;}
.case_vs ul:after{position: absolute;width: 94px;height: 84px;content: "";background: url(../images/vs_en.png) no-repeat;left: 50%;top: -13px;margin-left: -47px;}
.case_vs li{float: left;width: 291px;}
.case_vs li i{display: block;overflow: hidden;border-radius: 6px;}
.case_vs li p{font-size: 22px;color: #333;height: 50px;line-height: 50px;text-align: center;}
.case_vs li:nth-child(2){margin-left: 11px;}
.case_vs li:nth-child(2) p{font-weight: bold;}
.case_box{position: relative;}
.case_box .sprev{position: absolute;width: 72px;height: 72px;left: -100px;top: 245px;z-index: 10;}
.case_box .snext{position: absolute;width: 72px;height: 72px;right: -100px;top: 245px;z-index: 10;}
.case_box .sprev img,.case_box .snext img{display: block;width: 100%;}

@media screen and (max-width:1440px){
    .case_box .sprev{left: -70px;width: 50px;}
    .case_box .snext{right: -70px;width: 50px;}
}


/*part*/
.part{height: 664px;padding: 54px 0 0;box-sizing: border-box;background: url(../images/coop_bg.jpg) no-repeat center 0;}
.part h2{margin-bottom: 50px;}
.part li{float: left;width: 230px;margin-right: 10px;border: 1px solid #eee;box-sizing: border-box;margin-bottom: 30px;overflow: hidden;    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);}
.part li img{display: block;width: 100%;transition: all 0.5s;}
.part li:hover img{transform: scale(1.05);}
.part .more{display: block;width: 240px;height: 54px;line-height: 54px;text-align: center;font-size: 18px;color: #F2F2F2;background: #0E9E39;border-radius: 27px;margin: 20px auto 0;}
.part .more:hover{animation: shake 1.5s linear;}


/*super*/
.super{padding: 60px 0;}
.super h2{margin-bottom: 60px;}
.super_bd{position: relative;}
.super_bd dl{float: left;width: 1120px;margin: 0 60px;position: relative;height: 653px;border-radius: 6px;overflow: hidden;}
.super_bd dd{width: 280px;height: 100%;background: url(../images/super_jt.png) no-repeat center 492px rgba(0,0,0,0.6);box-sizing: border-box;text-align: center;}
.super_bd dd i,.super_bd dd h4,.super_bd dd p{display: none;}
.super_bd dd h3{padding: 270px 0 0;font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 24px;}
.super_bd dd h3 b{display: block;font-size: 26px;line-height: 26px;color: #fff;padding-bottom: 26px;}
.super_bd dl.swiper-slide-prev dd{position: absolute;right: 0;bottom: 0;}
.super_bd dl.swiper-slide-next dd{position: absolute;left: 0;bottom: 0;}
.super_bd dl.swiper-slide-active dd{position: absolute;width: 100%;left: 0;bottom: 0;height: 144px;background: rgba(0,0,0,0.6);padding-left: 110px;text-align: left;}
.super_bd dl.swiper-slide-active dd i{display: block;position: absolute;width: 52px;height: 116px;padding-top: 28px;text-align: center;font-size: 30px;line-height: 22px;color: #fff;font-family: Arial;font-weight: bold;box-sizing: border-box;background: url(../images/num_bg.jpg) no-repeat;left: 28px;top: -53px;}
.super_bd dl.swiper-slide-active dd i em{display: block;text-transform: uppercase;font-weight: normal;font-size: 12px;line-height: 28px;}
.super_bd dl.swiper-slide-active dd i:after{position: absolute;width: 24px;height: 1px;content: "";background: #fff;right: -12px;bottom: 26px;}
.super_bd dl.swiper-slide-active dd h4{display: block;font-size: 24px;color: #fff;line-height: 24px;padding: 24px 0 12px;font-weight: normal;}
.super_bd dl.swiper-slide-active dd p{display: block;font-size: 14px;color: #fff;line-height: 24px;padding-right: 40px;}
.super_bd dl.swiper-slide-active dd h3{display: none;}
.super_bd .prev{position: absolute;width: 60px;height: 60px;left: 50%;margin-left: -650px;top: 245px;}
.super_bd .next{position: absolute;width: 60px;height: 60px;left: 50%;margin-left: 590px;top: 245px;}




/*pro*/
.pro{padding: 0 0 70px;background: url(../images/pro_bg.jpg) no-repeat bottom center;}
.pro h2{margin-bottom: 60px;}
.pro_l{float: left;width: 780px;}
.pro_l dl{    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 3px;overflow: hidden;}
.pro_l dt img{display: block;width: 780px;height: 585px;}
.pro_l dd{height: 155px;padding: 0 40px;}
.pro_l dd h4{height: 56px;line-height: 56px;font-size: 24px;color: #333;font-weight: normal;padding: 16px 0 4px;}
.pro_l dd h4 img{vertical-align: middle;margin-right: 13px;}
.pro_l dd p{font-size: 16px;color: #888;line-height: 26px;}
.pro_r{float: right;width: 400px;}
.pro_r li{    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);border-radius: 3px;overflow: hidden;}
.pro_r li:nth-child(1){margin-bottom: 20px;}
.pro_r li i{display: block;overflow: hidden;}
.pro_r li i img{width: 400px;height: 280px;transition: all 0.5s;}
.pro_r li i:hover img{transform: scale(1.05);}
.pro_r li h4{height: 80px;line-height: 80px;text-align: center;font-size: 24px;color: #333;font-weight: normal;overflow: hidden;}
.pro_r li h4 img{vertical-align: middle;margin-right: 15px;}
.pro_r li h4:hover,.pro_l dd h4:hover{color: #0E9E39;}
.pro_l dd h4:hover img,.pro_r li h4:hover img{animation: flipInY 1.5s;}


/*xban*/
.xban{height: 235px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban .content{height: 235px;position: relative;}
.xban .zx{position: absolute;width: 180px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;color: #fff;border: 1px solid rgba(255, 255, 255, 0.5);right: 300px;bottom: 28px;}
.xban .zx img{vertical-align: middle;margin-right: 8px;transition: all 0.5s;}
.xban .zx:hover img{margin-right: 14px;}


/*news*/
.news{padding: 74px 0;height: 884px;box-sizing: border-box;background: url(../images/new_bg.jpg) no-repeat center 0;}
.news h2{margin-bottom: 70px;}
.new-l{float: left;width: 570px;}
.new-l h3 a{display: block;height: 158px;overflow:hidden;}
.new-l h3 em{width: 150px;height: 158px;background: #08964E;display: block;float: left;box-sizing: border-box;color: #fff;padding: 47px 0 0 27px;font-weight: normal;font-size: 12px;line-height: 12px;}
.new-l h3 em span{display: block;font-size: 24px;font-weight: bold;width: 43px;white-space: nowrap;border-top: 2px solid #fff;line-height:24px;padding-top: 21px;margin-bottom: 8px;}
.new-l h3 p{width: 420px;float: left;}
.new-l h3 p img{width: 420px;height: 158px;}

.new-l-c dl{border-bottom: 1px solid #DCDCDC;min-height: 46px;overflow:  hidden;}
.new-l-c dl dt{height: 50px;}
.new-l-c dl dt em{display: inline-block;width: 150px;margin-right: -5px;line-height: 50px;text-align: center;font-size: 16px;color: #999999;}
.new-l-c dl dt h4{display: inline-block;width: 420px;line-height: 50px;font-weight: normal;}
.new-l-c dl dt h4 a{color: #333333;display: block;font-size: 16px;}
.new-l-c dl dd{height: 0;opacity: 0;padding: 0;transition: all .2s linear;font-size: 0;line-height: 0;}
.new-l-c dl dd em{width: 150px;display: inline-block;font-size: 50px;line-height: 50px;color: #08964E;text-align: center;height:100px;font-family: Arial;position: relative;vertical-align: top;font-weight: bold;}
.new-l-c dl dd em i{font-size:16px;color:#999999;display: block;line-height: 16px;padding-bottom: 40px;}
.new-l-c dl dd em:after{position: absolute;width:16px;height: 1px;background: #999999;content: "";left:63%;top: 33px;}
.new-l-c dl dd h4{display: inline-block;width: 420px;}
.new-l-c dl dd h4 b a{font-size: 18px;line-height: 18px;color: #333333;display: block;font-weight: normal;}
.new-l-c dl dd h4 b:hover a{color: #08964E;}
.new-l-c dl dd h4 span{display: block;font-size: 14px;color: #999;line-height: 24px;margin-top: 18px;font-weight: normal;width: 400px;}
.new-l-c dl.cur{position:relative;z-index:1;}
.new-l-c dl.cur dt{display: none;}
.new-l-c dl.cur dd{display: block;padding:44px 0 41px 0;opacity: 1;height: auto;}
.new-r{float: right;width: 572px;}
.new-r-t li{margin-bottom: 40px;}
.new-r-t li h4 a{display: block;font-size: 18px;color: #333;font-weight: normal;line-height: 18px;}
.new-r-t li h4 a:hover{color: #08964E;}
.new-r-t li h4 a:before{content: "";display: inline-block;width: 9px;height: 9px;vertical-align: top;background: #7f7f7f;margin-right: 15px;margin-top: 5px;}
.new-r-t li p{display: block;font-size: 14px;line-height: 24px;color: #888;margin-top: 10px;}
.new-r-b{background: url(../images/new2.jpg) no-repeat;height: 160px;box-sizing: border-box;padding: 48px 0 0 49px;}
.new-r-b a{display: block;}
.new-r-b h3{display: block;font-size: 24px;line-height: 24px;color: #ffffff;width: 43px;border-top: 2px solid #ffffff;white-space: nowrap;padding-top: 9px;font-weight: bold;}
.new-r-b em{display: block;font-size: 12px;line-height: 12px;color: #ffffff;text-transform: uppercase;margin-top:18px;font-family: "Arial";position: relative;width: 62px;}
.new-r-b em:after{position: absolute;height:8px;width:17px;background: url(../images/af.png) no-repeat;content: "";right: 0px;top:2px;display: block;}
.new-l-c dl{border-bottom: 1px solid #DCDCDC;height: 50px;overflow:  hidden;}
.new-l-c dl.cur{height: 194px;overflow:  visible;}


/*abt*/
.abt{background: url(../images/abt1.jpg) no-repeat center 0;height: 654px;padding-bottom: 152px;position: relative;width: 100%;overflow-x: hidden;}
.abt h2{top: 164px;position: absolute;left: 50%;margin-left: -273px;width: 546px;z-index: 10;}
.abt h3{position: absolute;left: 50%;margin-left: 515px;bottom: 170px;z-index: 10;}
.abt_con{position: absolute;width: 1200px;height: 190px;text-align: center;border-radius: 6px;background: #fff; left: 50%;margin-left: -600px;bottom: 10px;    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);z-index: 20;}
.abt_con h4{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 36px 0 22px;}
.abt_desc{width: 1144px;font-size: 14px;color: #333;line-height: 24px;margin: 0 auto;}


/*show*/
.show{padding: 60px 0 30px;}
.show h3{height: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
.show h3 a{float: left;font-size: 18px;color: #333;line-height: 18px;margin-right: 40px;height: 30px;position: relative;font-weight: normal;}
.show h3 a.on{color: #0e9e39;font-weight: bold;}
.show h3 a.on:after{position: absolute;width: 100%;left: 0;bottom: -2px;height: 3px;content: "";background: #0E9E39;}
.show_list,.show_list1{position: relative;}
.show_list li{float: left;width: 292px;margin-right: 10.5px;border-radius: 3px;overflow: hidden;}
.show_list li img{display: block;width: 100%;transition: all 0.5s;}
.show_list li:hover img{transform: scale(1.05);}
.show_list .sprev,.show_list1 .sprev{position: absolute;width: 49px;height: 49px;border: 14px solid #f5f5f5;border-radius: 50%;left: -108px;top: 70px;}
.show_list .snext,.show_list1 .snext{position: absolute;width: 49px;height: 49px;border: 14px solid #f5f5f5;border-radius: 50%;right: -108px;top: 70px;}
.show_list .tempWrap,.show_list1 .tempWrap{width: 100% !important;}
.show_list1 li{float: left;width: 224px;margin-right: 20px;border-radius: 3px;overflow: hidden;}
.show_list1 li img{display: block;width: 100%;transition: all 0.5s;}
.show_bd{height:300px !important;}

@media screen and (max-width:1440px){
    .show_list .sprev,.show_list1 .sprev{border: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);left: -70px;}
    .show_list .snext,.show_list1 .snext{border: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);right: -70px;}
}


/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}