@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1600px;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*welcome*/
.welcome { height:45px; background:#164593 url(../images/welcome-bg.jpg) no-repeat center center; background-size:100% 100%; display:flex; align-items: center; justify-content: space-between; }
.welcome i { margin:0 5px; }
.welcome i.line { width:1px; height:20px; background-color:#ffffff;  margin:0 30px;  }
.welcome-left { float:left; display:flex; align-items: center; justify-content: center; color:#bac8df; font-size:16px; line-height:45px; }
.welcome-right { float:right; display:flex; align-items: center; justify-content: center;  color:#b3e1ca; font-size:16px; line-height:45px; }
.welcome-right a { margin:0 5px; }
.welcome-right a:hover { color:#ffffff; }
.welcome-right img { width:22px; vertical-align:middle; transform: translateY(-2px); }
/*header*/
.header {height:130px;position: sticky;  top: 0; background-color:#FFF;overflow: visible;   z-index: 90; border-bottom:#e5e5e5 solid 1px; }
.header .logo{float:left; height:130px;  }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .nav{float:right;  }
.header .nav ul li {float:left; width:auto; color:#000000; font-size:24px; line-height:130px; margin-left:70px; position:relative; } 
.header .nav ul li a { display:block; color:#000000;  }
.header .nav ul li:hover a { color:#009b4d;  }
.header .nav ul li.active a { color:#009b4d;  }
.header .nav ul li .icon-angle-down{display:inline-block;transition:transform .3s ease}
.header .nav ul li:hover>a i{transform:rotate(-180deg)}
.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:100%;z-index:30;  }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:45px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;  background-color:#FFF;}
.header .nav ul li .sub ul li a { color:#000000; }
.header .nav ul li .sub ul li:hover { background-color:#009b4d;  color:#ffffff;}
.header .nav ul li .sub ul li:hover a { color:#ffffff;}
.h-right { float:right; height:130px; display:flex; align-items: center; justify-content: center; margin-left:70px; }
.h-search { width:54px; height:54px; background-color:#f4f2f2; border-radius:10px; display:flex; align-items: center; justify-content: center; color:#009b4d; font-size:20px; line-height:54px; cursor:pointer; }
.h-quote { width:auto; height:54px; background-color:#009b4d; border-radius:10px; color:#ffffff; font-size:20px; line-height:54px; padding:0 30px; margin-left:10px; position:relative; z-index: 1; overflow:hidden;  }
.h-quote a { display:block; color:#ffffff; transition-duration:.8s;}
.h-quote::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.h-quote:hover { color:#009b4d; }
.h-quote:hover a { color:#009b4d; }
.h-quote:hover::before{top:-40%}
.h-more { width:54px; height:54px; background-color:#f4f2f2; border-radius:10px; display:flex; align-items: center; justify-content: center; color:#009b4d; font-size:20px; line-height:54px; cursor:pointer; margin-left:10px; }
/*search-box*/
.search-box { height:175px; position:absolute; top:0; left:0; width:100%; background-color:#FFF; display: flex;  align-items: center; justify-content: center; z-index:99; transform: translateY(-100%); transition: transform 0.3s ease; }
.search-box.active { transform: translateY(0); }
.search-con { width:50%; height:52px; background-color:#f7f7f7;  border-radius:5px; overflow:hidden; background-color:#f7f7f7; }
.search-con input[type=text] { margin-left: 25px;  width: calc(100% - 25px - 25px - 50px);height:50px; background-color:#f7f7f7;  color:#000000; font-size:16px; border:none; vertical-align:middle; }
.search-con .submit { float:right; width:50px; height:50px; text-align:center;  background-color:#164593; color:#ffffff; font-size:17px; line-height:50px;cursor:pointer; border:none;vertical-align:middle; border-radius: 10px; }
.search-close { position:absolute; right:10px; top:10px; width:40px; height:40px; cursor:pointer;color:#164593; font-size:40px; line-height:40px; }
.search-open { cursor:pointer; }
/*sidebar*/
.sidebar{position:fixed;top:0;right:0;width:26%;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease;z-index:99;padding:20px; display:flex; align-items: center; justify-content: flex-start; }
.sidebar.active{transform:translateX(0)}
.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.3);display:none;z-index:90}
.overlay.active{display:block}
.sidebar-logo { max-width:170px; }
.sidebar-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.sidebar-des { color:#222222; font-size:17px; line-height:1.5; margin-top:20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }
.sidebar-ban { color:#000000; font-size:26px; line-height:1.5; margin-top:30px; font-weight:bold; }
.sidebar-con { color:#000000; font-size:17px; line-height:2; margin-top:5px; }
.sidebar-con i { display:inline-block; width:20px; color:#009b4d; text-align:center; }
.sidebar-list { margin-top:20px; }
.sidebar-list a { display:inline-block; width:40px; height:40px; line-height:35px; background-color:#164593; text-align:center;  border-radius:50%; }
.sidebar-list a img {max-width: 70%;max-height: 70%;vertical-align: middle;}
.sidebar-list a:hover { background-color:#009b4d; }
.header2 .sidebar-list { margin-top:10px; margin-bottom:10px; }
.header2 .sidebar-list a { background:transparent; }
/*header2*/
.header2{height:60px;position:fixed;background:#ffffff;z-index:40;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:40px;margin-top:10px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline; }
.header2 .nav-btn .zi { width:20px; color:#009b4d; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; display:none; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#009b4d;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#009b4d}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { position:relative; height:1290px; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.banner-li { display:block; width:100%; height:100%; }
.banner-li .pic { width:100%; height:100%; transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,0)}
.banner-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.banner-li .con { position:absolute; top:180px; left:11%; width:50%; height:auto; transform:translateX(-80px);opacity:0; }
.banner-li .con .tit { color:#ffffff; font-size:21px; line-height:1.6; }
.banner-li .con .tit h3 { font-size:80px;  line-height:1.2; }
.banner-li .con .tit img { max-width:100%; }
.banner-li .con .more { width:300px; height:80px; background-color:#009b4d; border-radius:5px;  text-align:center; color:#ffffff; font-size:22px; line-height:80px; margin-top:30px; }
.banner-li .con .more a { display:block; color:#ffffff; }
.banner-li .con .more i { margin-left:30px; }
.banner-li .con .more:hover { opacity:0.8; }
.banner .swiper-slide-active .banner-li .pic {transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0)}
.banner .swiper-slide-active .banner-li .con {transition:all 2s ease .1s;transform:translateX(0);opacity:1}
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#009b4d;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#009b4d;border-color:#009b4d}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*i-advantage*/
.i-advantage { position:absolute; left:0; bottom:0; width:100%; height:auto; z-index:30; }
.i-advantage-box {background-color:#FFF; border-radius:5px; padding-top:50px; padding-bottom:60px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.i-advantage ul li { float:left; width:33.33%; text-align:center; }
.i-advantage ul li .pic { width:80px; height:80px; margin:0 auto; }
.i-advantage ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.i-advantage ul li .tit { color:#000000; font-size:26px; line-height:1.5; font-weight:bold; }
.i-advantage ul li .des { color:#8b8b8b; font-size:17px; line-height:1.5; padding:0 50px; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; }
/*i-about*/
.i-about { padding-top:120px; padding-bottom:120px; }
.i-about-left { float:left; width:530px; position:relative; padding-bottom:190px; }
.i-about-left ul li { width:100%; height:740px; position:relative; }
.i-about-left ul li .pic { width:100%; height:100%; overflow:hidden; }
.i-about-left ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s; }
.i-about-left ul li .tit { position:absolute; top:55px; left:40px; color:#ffffff; font-size:25px; line-height:1.5; }
.i-about-left ul li .tit i { margin-right:10px; }
.i-about-left ul li .more { position:absolute; left:73px; bottom:44px; width:100px; height:100px;  }
.i-about-left ul li .more img { width: 100%;height: 100%; object-fit: contain; }
.i-about-left ul li:nth-child(2) { position:absolute; top:543px; left:300px; width:336px; height:400px; border:#ffffff solid 10px; }
.i-about-left ul li:nth-child(2) .tit { left:auto; top:auto; right:34px; bottom:30px; }
.i-about-left ul li:nth-child(2) .more { display:none; }
.i-about-left ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.i-about-right { float:right; width:calc(100% - 530px - 90px); }
.i-about-tit { color:#009b4d; font-size:20px; line-height:1.5; margin-top:10px; }
.i-about-des { color:#000000; font-size:58px; line-height:1.5; font-weight:bold; }
.i-about-info { color:#000000; font-size:30px; line-height:1.5; margin-top:5px; }
.i-about-con { color:#b9b9b9; font-size:17px; line-height:1.5;  margin-left:80px; margin-top:20px; }
.i-about-more { width:240px; height:65px; background-color:#009b4d; margin-top:30px; text-align:center; color:#ffffff; font-size:18px; line-height:63px; border:#009b4d solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden;  margin-left:80px;  }
.i-about-more i { margin-left:10px; }
.i-about-more a { display:block; color:#ffffff; transition-duration:.8s; }
.i-about-more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-about-more:hover { color:#008c46; }
.i-about-more:hover a { color:#008c46; }
.i-about-more:hover::before{top:-40%}
.i-about-list { margin-left:80px; margin-top:15px; }
.i-about-list ul li .tit {  color:#000000; font-size:23px; line-height:80px; border-bottom:#eeeeee solid 1px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer; }
.i-about-list ul li .tit i { display:inline-block; color:#009b4d;  font-size:12px; line-height:20px; width:20px; height:20px;  border:#009b4d solid 1px; border-radius:3px; vertical-align:middle; text-align:center; transform: translateY(-2px);  }
.i-about-list ul li .tit i:nth-child(2) { display:none; }
.i-about-list ul li .tit.active i:nth-child(1) { display:none; }
.i-about-list ul li .tit.active i:nth-child(2) { display:inline-block; }
.i-about-list ul li .tit:hover { color:#008c46; }
.i-about-list ul li .des { color:#060606; font-size:17px; line-height:2; display:none; }
/*i-pro*/
.i-pro { background:url(../images/pro-bg.jpg) no-repeat center center; background-size:cover; padding-top:80px; padding-bottom:290px; position:relative; }
.i-pro-ban { height:auto; width:65%; margin-left:10%; }
.i-pro-ban .tit { color:#ffffff; font-size:20px; line-height:1.5; }
.i-pro-ban .des { color:#ffffff; font-size:42px; line-height:1.5; font-weight:bold; margin-top:20px; }
.i-pro-show { margin-top:110px; }
.i-pro-left { float:left; width:34%; margin-left:10%; }
.i-pro-left ul li { margin-top:70px; }
.i-pro-left ul li:first-child { margin-top:10px; }
.i-pro-left ul li .pic { float:left; width:60px; height:60px; }
.i-pro-left ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-left ul li .con { float:right; width:calc(100% - 60px - 20px); }
.i-pro-left ul li .con .tit { color:#ffffff; font-size:20px; line-height:1.5; font-weight:bold; }
.i-pro-left ul li .con .des { color:#8dacd1; font-size:17px; line-height:1.5; margin-top:5px; }
/*i-pro-right*/
.i-pro-right { float:right; width:52%; margin-right:2%; position:relative; }
.i-pro-right .swiper{width:100%; height:590px; }
.i-pro-right .swiper-slide{ height:590px; font-size:16px;background:#fff;display:flex;justify-content:center;align-items:center; overflow:hidden;  }
.i-pro-right .swiper-button-prev { top:auto; bottom:110px; left:auto; right:calc(17% + 72px); outline:none; }
.i-pro-right .swiper-button-prev::after { color:#868686; font-size:52px;   }
.i-pro-right .swiper-button-prev:hover::after { color:#009b4d; }
.i-pro-right .swiper-button-next { top:auto; bottom:110px; left:auto; right:17%;  outline:none; }
.i-pro-right .swiper-button-next::after { color:#868686; font-size:52px;   }
.i-pro-right .swiper-button-next:hover::after { color:#009b4d; }
.i-pro-li { display:block; width:100%; height:100%; position:relative; }
.i-pro-li .pic { width:100%; height:100%; overflow:hidden; }
.i-pro-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;  }
.i-pro-li .con { position:absolute; bottom:0; left:0; width:100%; height:auto; padding:0 60px 100px 60px; text-align:left; }
.i-pro-li .con .tit { color:#ffffff; font-size:33px; line-height:1.5;  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);}
.i-pro-li .con .des { color:#ffffff; font-size:20px; line-height:1.5; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);}
.i-pro-li .con .more { width:240px; height:65px; background-color:#ffffff; margin-top:20px; text-align:center; color:#868686; font-size:18px; line-height:63px; border:#eeeeee solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden; opacity: 0; transform: translateY(10px);  visibility: hidden;  transition: all 0.5s ease; }
.i-pro-li .con .more i { margin-left:10px; }
.i-pro-li .con .more a { display:block; color:#868686; transition-duration:.8s; }
.i-pro-li .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-pro-li .con .more:hover { color:#008c46; }
.i-pro-li .con .more:hover a { color:#008c46; }
.i-pro-li .con .more:hover::before{top:-40%}
.i-pro-li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.i-pro-li:hover .con {background:linear-gradient(rgba(0,155,77,0),rgba(0,155,77,1)); }
.i-pro-li:hover .con .more { opacity: 1;  transform: translateY(0);  visibility: visible; }
.i-pro-right-des { width:48%; margin-left:3%; color:#ffffff; font-size:17px; line-height:1.5; margin-top:55px; }
.i-pro-right-more { margin-top:10px;  margin-left:3%; }
.i-pro-right-more .more { display:inline-block; width:240px; height:65px; background-color:#ffffff; margin-top:20px; text-align:center; color:#868686; font-size:18px; line-height:63px; border:#eeeeee solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden; margin-right:20px;  }
.i-pro-right-more .more:nth-child(2) { background:transparent; color:#ffffff; margin-right:0; }
.i-pro-right-more .more:nth-child(2) a { color:#ffffff; }
.i-pro-right-more .more i { margin-left:10px; }
.i-pro-right-more .more a { display:block; color:#868686; transition-duration:.8s; }
.i-pro-right-more .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-pro-right-more .more:hover { color:#008c46; }
.i-pro-right-more .more:hover a { color:#008c46; }
.i-pro-right-more .more:hover::before{top:-40%}
/*i-public*/
.i-public { text-align:center; }
.i-public .tit { color:#009b4d; font-size:20px; line-height:1.5; }
.i-public .des { color:#000000; font-size:60px; line-height:1.5; font-weight:bold; }
/*i-network*/
.i-network { background: #00954b url(../images/network-bg.jpg) no-repeat center center; background-size:cover;  padding-top:60px; padding-bottom:40px; border-radius:5px; display:flex; align-items: center; justify-content: space-between; margin-top:-190px; }
.i-network-left { width:26%; margin-left:5%; }
.i-network-left .tit { color:#ffffff; font-size:58px; line-height:1.1; font-weight:bold; }
.i-network-left .des { color:#ffffff; font-size:25px; line-height:1.5; margin-top:10px; }
.i-network-left .more { width:240px; height:65px; background-color:#ffffff; margin-top:20px; text-align:center; color:#868686; font-size:18px; line-height:63px; border:#eeeeee solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden;  }
.i-network-left .more i { margin-left:10px; }
.i-network-left .more a { display:block; color:#868686; transition-duration:.8s; }
.i-network-left .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-network-left .more:hover { color:#008c46; }
.i-network-left .more:hover a { color:#008c46; }
.i-network-left .more:hover::before{top:-40%}
.i-network-right { width:58%; margin-right:4%; position:relative; }
.i-network-right .pic { width:100%; }
.i-network-right .pic img { width:100%; }
.i-network-right .light-circle{position:absolute;width:100%;height:100%;background-color:#d4eed1;border-radius:50%;display:flex;justify-content:center;align-items:center}
.i-network-right .dark-circle{position:absolute;left:50%;top:50%;width:20%;height:20%;background-color:#72bb38;border-radius:50%;transform:translate(-50%,-50%);animation:expand-and-fade 3s linear infinite}
.i-network-right .dark-circle:nth-child(1){animation-delay:0s}
.i-network-right .dark-circle:nth-child(2){animation-delay:1s}
.i-network-right .dark-circle:nth-child(3){animation-delay:2s}
@keyframes expand-and-fade{0%{width:20%;height:20%;opacity:1;transform:translate(-50%,-50%) scale(1)}
100%{width:100%;height:100%;opacity:0;transform:translate(-50%,-50%) scale(2)}
}
.dot1 { position:absolute; top:25%; left:81%; width: 30px; height: 30px; opacity:0.8;  }
.dot2 { position:absolute; top:29%; left:10%; width: 30px; height: 30px; opacity:0.8;  }
.dot3 { position:absolute; top:77%; left:51%; width: 30px; height: 30px; opacity:0.8;  }
.dot4 { position:absolute; top:14%; left:43%; width: 30px; height: 30px; opacity:0.8;  }
.dot5 { position:absolute; top:25%; left:48%; width: 30px; height: 30px; opacity:0.8;  }
/*i-supply*/
.i-supply { padding-top:70px; padding-bottom:90px; }
.i-supply-list { padding-top:10px; }
.i-supply-list ul li { float:left; width:calc((100% - 80px) / 3); height:560px;  margin-left:40px; position:relative; margin-top:40px; }
.i-supply-list ul li:nth-child(3n+1) { margin-left:0; }
.i-supply-list ul li .pic { height:100%; overflow:hidden; }
.i-supply-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-supply-list ul li .mask { position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(22,69,147,0.9) 30%, rgba(22,69,147,0.2));  display:flex; align-items: center; justify-content: center; padding-bottom:134px; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; }
.i-supply-list ul li .mask .more { width:100px; height:100px; background-color:#009b4d; text-align:center; color:#ffffff; font-size:26px; line-height:100px; opacity: 0;  transform: translateY(15px); transition: all 0.3s ease 0.1s; }
.i-supply-list ul li .con { position:absolute; left:0; bottom:0; width:86%; height:134px; background-color:#fdfdfd; border:#f2f2f2 solid 1px; padding:0 30px; display: flex; align-items: flex-start;  justify-content: center;  flex-direction: column;  }
.i-supply-list ul li .con .des { color:#009b4d; font-size:18px; line-height:1.5; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-supply-list ul li .con .tit { color:#000000; font-size:26px; line-height:1.5; font-weight:bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.i-supply-list ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}
.i-supply-list ul li:hover .mask {opacity: 1; visibility: visible; }
.i-supply-list ul li:hover .mask .more { opacity: 1; transform: translateY(0); }
/*i-case*/
.i-case { background:#f7f8fa url(../images/case-bg.jpg) no-repeat center center; background-size:cover; padding-top:100px;}
.i-case .wrap { position:relative; height:100%; }
.i-case-ban { float:left; width:40%; }
.i-case-ban .tit { color:#009b4d; font-size:20px; line-height:1.5; }
.i-case-ban .des { color:#000000; font-size:60px; line-height:1.3; font-weight:bold; }
.i-case-ban .more { width:240px; height:65px; background-color:transparent; margin-top:20px; text-align:center; color:#868686; font-size:18px; line-height:63px; border:#eeeeee solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden;  }
.i-case-ban .more i { margin-left:10px; }
.i-case-ban .more a { display:block; color:#868686; transition-duration:.8s; }
.i-case-ban .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#009b4d;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-case-ban .more:hover { color:#ffffff; }
.i-case-ban .more:hover a { color:#ffffff; }
.i-case-ban .more:hover::before{top:-40%}
.i-case-list { float:right; width:48%; background-color:#FFF; padding:0 10px;  }
.i-case-list ul li { border-bottom:#eeeeee solid 1px; padding:70px 30px 70px 40px; z-index:2;  }
.i-case-list ul li:last-child { border-bottom:none; }
.i-case-list ul li .box { position:relative; width:100%; height:100%; }
.i-case-list ul li .pic { float:left; width:220px; height:220px; }
.i-case-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-case-list ul li .con { float:right; width:calc(100% - 220px - 30px); margin-top:15px; }
.i-case-list ul li .con .tit { color:#000000; font-size:25px; line-height:1.5; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; font-weight:bold; }
.i-case-list ul li .con .more { color:#868686; font-size:19px; line-height:1.5; margin-top:15px; }
.i-case-list ul li .date { position:absolute; top:-15px; left:-15px; width:70px; height:90px; background-color:#009b4d; text-align:center; display: flex; align-items: center;  justify-content: center;  flex-direction: column;}
.i-case-list ul li .date-dd { color:#ffffff; font-size:33px; line-height:1.5; }
.i-case-list ul li .date-line { width:35px; height:1px; background-color:#80cda6; margin-bottom:5px; }
.i-case-list ul li .date-mm { color:#ffffff; font-size:18px; line-height:1.5; }
.i-case-list ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}
.i-case-list ul li:hover .con .tit { color:#009b4d;  }
.i-case-list ul li:hover .con .more { color:#009b4d;  }
.i-case-list ul li:first-child { padding:0; position:absolute; left:0; bottom:0; width:48.5%; height:360px; border-bottom:none; }
.i-case-list ul li:first-child .pic { float:none; width:100%; height:100%; overflow:hidden; }
.i-case-list ul li:first-child .con { float:none; margin:0; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(rgba(0,155,77,0),rgba(0,155,77,1)); display:flex; align-items: flex-end;  justify-content: center; padding-bottom:30px; }
.i-case-list ul li:first-child .con .tit { color:#ffffff; -webkit-line-clamp: 2; padding:0 40px; }
.i-case-list ul li:first-child .con .more { display:none; }
.i-case-list ul li:first-child .date { left:15px; top:-40px; }
/*i-service*/
.i-service { background: #164593 url(../images/service-bg.jpg) no-repeat center center; background-size:cover; margin-top:-110px; }
.i-service .con { padding:260px 120px 130px 120px; }
.i-service .con .tit { color:#009b4d; font-size:20px; line-height:1.5; }
.i-service .con .des { color:#ffffff; font-size:40px; line-height:1.5; margin-top:5px;  font-weight:bold;}
.i-service .con .more { width:170px; height:65px; border:#ffffff solid 1px; border-radius:5px; color:#ffffff; font-size:18px; line-height:63px; text-align:center; margin-top:40px; position:relative; z-index: 1; overflow:hidden; transition-duration:.8s;  }
.i-service .con .more a { display:block; color:#ffffff; transition-duration:.8s; }
.i-service .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-service .con .more:hover { color:#009b4d; }
.i-service .con .more:hover a { color:#009b4d; }
.i-service .con .more:hover::before{top:-40%}
/*i-news*/
.i-news { padding-top:70px; padding-bottom:90px; }
.i-news-list { padding-top:50px; }
.i-news-list ul li { float:left; width:calc((100% - 40px) / 3); margin-left:20px; position:relative; }
.i-news-list ul li:nth-child(3n+1) { margin-left:0; }
.i-news-list ul li .pic { height:290px; overflow:hidden; }
.i-news-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-news-list ul li .con { padding:0 25px; }
.i-news-list ul li .con .des { color:#009b4d; font-size:18px; line-height:1.5; margin-top:30px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-news-list ul li .con .des span { float:right; color:#868686;  }
.i-news-list ul li .con .tit { color:#000000; font-size:26px; line-height:1.5; font-weight:bold; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.i-news-list ul li .con .more { width:170px; height:65px; border:#e5e5e5 solid 1px; border-radius:5px; color:#868686; font-size:18px; line-height:63px; text-align:center; margin-top:15px; position:relative; z-index: 1; overflow:hidden; transition-duration:.8s;  }
.i-news-list ul li .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-news-list ul li .con .more:hover { color:#009b4d; }
.i-news-list ul li .con .more:hover::before{top:-40%}
.i-news-list ul li .date { position:absolute; top:0; left:0; width:70px; height:90px; background-color:#009b4d; text-align:center; display: flex; align-items: center;  justify-content: center;  flex-direction: column;}
.i-news-list ul li .date-dd { color:#ffffff; font-size:33px; line-height:1.5; }
.i-news-list ul li .date-line { width:35px; height:1px; background-color:#80cda6; margin-bottom:5px; }
.i-news-list ul li .date-mm { color:#ffffff; font-size:18px; line-height:1.5; }
.i-news-list ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}
.i-news-list ul li:hover .con .tit { color:#009b4d;  }
.i-news-more { width:330px; height:65px; background-color:#009b4d; margin:0 auto; margin-top:70px; text-align:center; color:#ffffff; font-size:18px; line-height:63px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden;  }
.i-news-more i { margin-left:10px; }
.i-news-more a { display:block; color:#ffffff; transition-duration:.8s; }
.i-news-more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.i-news-more:hover { color:#009b4d; }
.i-news-more:hover a { color:#009b4d; }
.i-news-more:hover::before{top:-40%}
/*footer*/
.footer { background-color:#0c2150;  color:#b0b8c7; font-size:18px; line-height:2; padding-top:80px; padding-bottom:80px; }
.footer a:hover { color:#FFF; }
.f-left { float:left; width:29%;  }
.f-logo { width:46%; }
.f-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-text { margin-top:20px; font-style:italic; }
.f-sns { border-top:#3d4d73 solid 1px; margin-top:30px; padding-top:30px; }
.f-sns a { margin-left:10px; }
.f-sns a:hover { color:#ffffff; }
.f-sns img { width:22px; vertical-align:middle; transform: translateY(-2px); }
.f-right { float:right; width:62%; }
.f-right dl { float:left; width:25%;  }
.f-right dl dt {  color:#f6f8fa; font-size:22px; }
.f-right dl dd {overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
/*f-contact*/
.f-contact {background: linear-gradient(to bottom, #0c2150 40%, #071842 60%); }
.f-contact .wrap { background-color:#FFF; border-radius:5px; }
.f-contact-left { float:left; width:calc(100% - 300px); }
.f-contact-left ul li { float:left; width:33.33%; height:150px; text-align:center; position:relative; display:flex; align-items: center; justify-content: center; padding:0 35px; }
.f-contact-left ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#eeeeee; }
.f-contact-left ul li:first-child::after { display:none; }
.f-contact-left ul li .pic {  color:#009b4d; font-size:28px; line-height:1.5; }
.f-contact-left ul li .con { text-align:left; margin-left:20px; }
.f-contact-left ul li .con .tit { color:#164593; font-size:18px; line-height:1.5; font-style:italic; }
.f-contact-left ul li .con .des { color:#164593; font-size:24px; line-height:1.1; font-weight:bold; }
.f-contact-right { float:right; width:300px; height:150px; display: flex;  align-items: center; justify-content: center; border-left:#eeeeee solid 1px; text-align:center; }
.f-contact-right a { display:inline-block; width:200px; height:80px; background-color:#009b4d; border-radius:5px; text-align:center; color:#ffffff; font-size:18px; line-height:80px;  position:relative; z-index: 1; overflow:hidden;  transition-duration:.8s; }
.f-contact-right a i { margin-left:20px; }
.f-contact-right a::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.f-contact-right a:hover { color:#009b4d; }
.f-contact-right a:hover::before{top:-40%}
/*f-copy*/
.f-copy { background-color:#071842; color:#5a6989; font-size:18px; line-height:2; padding-top:35px; padding-bottom:25px; }
.f-copy-left { float:left; }
.f-copy-right { float:right; text-decoration:underline; cursor:pointer; }
.f-copy-right:hover { color:#ffffff; }
/*bg-gray*/
.bg-gray { background:url(../images/bg-gray.jpg) repeat-x top center; min-height:50vh; }
/*n-detail*/
.n-detail { width:940px; margin:0 auto; padding-top:80px; padding-bottom:80px;  }
.n-detail .tit { color:#000000; font-size:40px; line-height:1.5; text-align:center; }
.n-detail .des { color:#7b7a7a; font-size:18px; line-height:1.5; text-align:center; margin-top:30px; }
.n-detail .show { color:#000000; font-size:18px; line-height:2; margin-top:50px; }
.n-detail .show img { max-width:100%; }
.n-detail .tag { color:#000000; font-size:18px; line-height:1.5; margin-top:50px; }
.n-detail .tag a { display:inline-block; border:#eeeeee solid 1px; color:#494848; font-size:16px; line-height:35px; padding:0 15px; margin-right:10px; margin-bottom:10px; border-radius:5px;  }
.n-detail .tag a:hover { background-color:#008c46; color:#ffffff; }
/*n-public*/
.n-public { text-align:center; }
.n-public .tit { color:#000000; font-size:50px; line-height:1.5; }
.n-public .des { color:#7b7a7a; font-size:17px; line-height:1.5; margin-top:5px; }
/*n-news*/
.n-news { padding-top:50px; padding-bottom:50px; }
.n-news-show { padding-top:50px; }
.n-news-left { float:left; width: calc(100% - ((100% - 40px) / 3) - 20px);  }
.n-news-list {columns:2; column-gap:30px   }
.n-news-list ul li { width:100%;break-inside:avoid; margin-bottom:50px; position:relative; }
.n-news-list ul li .pic { height:290px; overflow:hidden; }
.n-news-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.n-news-list ul li .con { padding:0 25px; }
.n-news-list ul li .con .des { color:#009b4d; font-size:18px; line-height:1.5; margin-top:30px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-news-list ul li .con .des span { float:right; color:#868686;  }
.n-news-list ul li .con .tit { color:#000000; font-size:26px; line-height:1.5; font-weight:bold; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.n-news-list ul li .con .more { width:170px; height:65px; border:#e5e5e5 solid 1px; border-radius:5px; color:#868686; font-size:18px; line-height:63px; text-align:center; margin-top:15px; position:relative; z-index: 1; overflow:hidden; transition-duration:.8s;  }
.n-news-list ul li .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.n-news-list ul li .con .more:hover { color:#009b4d; }
.n-news-list ul li .con .more:hover::before{top:-40%}
.n-news-list ul li .date { position:absolute; top:0; left:0; width:70px; height:90px; background-color:#009b4d; text-align:center; display: flex; align-items: center;  justify-content: center;  flex-direction: column;}
.n-news-list ul li .date-dd { color:#ffffff; font-size:33px; line-height:1.5; }
.n-news-list ul li .date-line { width:35px; height:1px; background-color:#80cda6; margin-bottom:5px; }
.n-news-list ul li .date-mm { color:#ffffff; font-size:18px; line-height:1.5; }
.n-news-list ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}
.n-news-list ul li:hover .con .tit { color:#009b4d;  }
.n-news-right { float:right;  width: calc((100% - 40px) / 3);  }
.n-right-gray { background-color:#f2f2f2; padding:25px 30px 40px 30px; margin-bottom:20px; }
.n-right-contact { background-color:#164593; padding:30px; }
.n-right-ban { color:#000000; font-size:22px; line-height:1.5; font-weight:bold; }
.n-right-search { width:100%; height:50px; background-color:#FFF; border-radius:10px; display:flex; align-items: center; justify-content: space-between; margin-top:20px; }
.n-right-search input[type=text] { margin-left:25px; width:calc(100% - 25px  - 25px - 50px);  height:50px;color:#000000; font-size:17px; border:none; vertical-align:middle;  }
.n-right-search .submit { width:50px; height:50px; text-align:center; background-color:#009b4d; border-radius:10px; color:#ffffff; font-size:17px; line-height:50px; cursor:pointer; border:none;vertical-align:middle; }
.n-right-search .submit:hover { opacity:0.8; }
.n-right-cate { height:auto; }
.n-right-cate ul li { color:#494848; font-size:17px; line-height:50px; border-radius:10px; background-color:#FFF; margin-top:20px; padding:0 20px; transition: 0.2s; }
.n-right-cate ul li i { float:right; line-height:50px; }
.n-right-cate ul li a { display:block; color:#494848; }
.n-right-cate ul li:hover { background-color:#008c46; color:#ffffff;  }
.n-right-cate ul li:hover a { color:#ffffff;  }
.n-right-tag { padding-top:10px; }
.n-right-tag a { display:inline-block; background-color:#FFF; border-radius:10px; margin-top:10px; margin-right:10px; color:#494848; font-size:17px; line-height:40px; padding:0 20px; transition: 0.2s; }
.n-right-tag a:hover { background-color:#008c46; color:#ffffff;  }
.n-right-contact { text-align:center; color:#ffffff; font-size:25px; line-height:1.6;  }
.n-right-contact img { max-width:50%; margin-bottom:10px; }
.n-right-contact .more { width:170px; height:65px; background-color:#FFF; border:#FFF solid 1px; border-radius:5px; color:#121212; font-size:18px; line-height:63px; text-align:center; margin:0 auto; margin-top:35px; position:relative; z-index: 1; overflow:hidden; transition-duration:.8s;  }
.n-right-contact .more a { display:block; color:#121212;  transition-duration:.8s; }
.n-right-contact .more i { margin-left:10px; }
.n-right-contact .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.n-right-contact .more:hover { color:#009b4d; }
.n-right-contact .more:hover a { color:#009b4d; }
.n-right-contact .more:hover::before{top:-40%}
/*n-pro*/
.n-pro { padding-top:50px; padding-bottom:50px; }
.n-pro-list { padding-top:50px; }
.n-pro-list ul li { height:450px; }
.n-pro-list ul li .pic { float:left; width:50%; height:100%; overflow:hidden; }
.n-pro-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s; }
.n-pro-list ul li .con { float:right; width:calc(50% - 50px);  height:100%;display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  }
.n-pro-list ul li .con .tit { color:#000000; font-size:50px; line-height:1.5; }
.n-pro-list ul li .con .des { color:#868585; font-size:17px; line-height:1.5; margin-top:5px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.n-pro-list ul li .con .more { width:240px; height:65px; background-color:#009b4d; margin-top:30px; text-align:center; color:#ffffff; font-size:18px; line-height:63px; border:#009b4d solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden; }
.n-pro-list ul li .con .more i { margin-left:10px; }
.n-pro-list ul li .con .more a { display:block; color:#ffffff; transition-duration:.8s; }
.n-pro-list ul li .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.n-pro-list ul li .con .more:hover { color:#008c46; }
.n-pro-list ul li .con .more:hover a { color:#008c46; }
.n-pro-list ul li .con .more:hover::before{top:-40%}
.n-pro-list ul li:nth-child(even) .pic { float:right; }
.n-pro-list ul li:nth-child(even) .con { float:left; }
.n-pro-list ul li .pic:hover img { transform: scale(1.05);transition: 0.5s; }
/*n-advantage*/
.n-advantage { background-color:#f2f2f2; padding-top:50px; padding-bottom:50px;  }
.n-advantage.white { background-color:#FFF; }
.n-advantage-list { margin-top:50px; }
.n-advantage-list ul li { margin-bottom:30px; background-color:#FFF; border-radius:10px; padding:30px 50px; }
.n-advantage.white .n-advantage-list ul li { background-color:#f5f5f5; }
.n-advantage-list ul li .n-advantage-top { height:auto; cursor:pointer; }
.n-advantage-list ul li .n-advantage-bot { padding-top:15px; display:none; }
.n-advantage-list ul li .tit { float:left; width:calc(100% - 60px); color:#000000; font-size:25px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-advantage-list ul li:hover .tit { color:#009b4d; }
.n-advantage-list ul li .icon { float:right; width:60px; color:#000000; font-size:25px; line-height:1.5; text-align:right; }
.n-advantage-list ul li .icon i { display:inline-block; transition: transform 0.3s ease; }
.n-advantage-list ul li .icon.active i { transform:rotate(180deg); }
.n-advantage-list ul li .des { color:#212121; font-size:16px; line-height:2; }
.n-advantage-list ul li .more { width:170px; height:65px; background-color:#009b4d; margin-top:30px; text-align:center; color:#ffffff; font-size:18px; line-height:63px; border:#009b4d solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden; }
.n-advantage-list ul li .more i { margin-left:10px; }
.n-advantage-list ul li .more a { display:block; color:#ffffff; transition-duration:.8s; }
.n-advantage-list ul li .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.n-advantage-list ul li .more:hover { color:#008c46; }
.n-advantage-list ul li .more:hover a { color:#008c46; }
.n-advantage-list ul li .more:hover::before{top:-40%}
/*n-contact*/
.n-contact { padding-top:50px; padding-bottom:50px; }
.n-contact-list { margin-top:50px; }
.n-contact-list ul li { float:left; width:32%; height:170px; text-align:center; position:relative; display:flex; align-items: center; justify-content: center; padding:0 35px; background-color:#FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius:5px;  }
.n-contact-list ul li:nth-child(3n+2) { margin-left:2%;}
.n-contact-list ul li:nth-child(3n+3) { margin-left:2%;}
.n-contact-list ul li .pic { width:60px; height:60px; background-color:#f2faf6; border-radius:50%; text-align:center; flex-shrink: 0; color:#009b4d; font-size:28px; line-height:60px; }
.n-contact-list ul li .con { text-align:left; margin-left:20px;  flex: 1;  word-break: break-all; }
.n-contact-list ul li .con .tit { color:#164593; font-size:18px; line-height:1.5; font-style:italic; }
.n-contact-list ul li .con .des { color:#164593; font-size:24px; line-height:1.1; font-weight:bold; }
/*n-message*/
.n-message { padding-top:50px; padding-bottom:50px; }
.n-message-list { padding-top:30px; }
.n-message-list ul li { float:left; width:32%; margin-top:24px; }
.n-message-list ul li:nth-child(3n+2) { margin-left:2%;}
.n-message-list ul li:nth-child(3n+3) { margin-left:2%;}
.n-message-list ul li:nth-last-child(1) { width:100%; margin-left:0; }
.n-message-list ul li:nth-last-child(2) { width:100%; margin-left:0; }
.n-message-list label { color:#000000; font-size:18px; line-height:2.4; padding-left:26px; }
.n-message-list label i { color:#ff9800; font-style:normal; }
.n-message-list input[type=text] { width:100%; height:70px;color:#000000; font-size:18px; border:#b0b0b0 solid 1px; padding-left:26px; }
.n-message-list select { width:100%; height:70px;color:#000000; font-size:18px; border:#b0b0b0 solid 1px; padding-left:26px; background:#ffffff url(../images/select-bg.png) no-repeat right center; }
.n-message-list textarea { width:100%; height:300px;color:#000000; font-size:18px; border:#b0b0b0 solid 1px; outline: none; line-height:70px; resize:none; padding-left:26px; }
.n-message-list .submit { display:block; width:500px; margin:0 auto; text-align:center; height:70px; background-color:#009b4d; color:#fff; font-size:30px;  border-radius:5px; cursor:pointer; border:none;}
.n-message-list .submit:hover { opacity: 0.8; }
/*n-raw*/
.n-raw { padding-top:50px; padding-bottom:50px; }
.n-raw-list { padding-top:10px; }
.n-raw-list ul li { float:left; width:calc((100% - 40px) / 2); margin-left:40px; margin-top:40px; height:420px; position:relative; }
.n-raw-list ul li:nth-child(odd) { margin-left:0; }
.n-raw-list ul li .pic { width:100%; height:100%; overflow:hidden; }
.n-raw-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s; }
.n-raw-list ul li .con { position:absolute; top:0; left:0; width:100%; height:auto; padding:155px 50px 0 50px; }
.n-raw-list ul li .con .tit { color:#ffffff; font-size:30px; line-height:1.5; font-weight:bold; }
.n-raw-list ul li .con .des { color:#ffffff; font-size:17px; line-height:1.5; width:56%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.n-raw-list ul li .con .more { width:240px; height:65px; background: transparent; margin-top:30px; text-align:center; color:#ffffff; font-size:18px; line-height:63px; border: #eeeeee solid 1px; border-radius:5px;  position:relative; z-index: 1; overflow:hidden; transition-duration:.8s; }
.n-raw-list ul li .con .more::before{content:"";position:absolute;transition-duration:.8s;width:200%;height:200%;top:110%;left:50%;background:#f4f2f2;transform:translateX(-50%);border-radius:50%;z-index:-1}
.n-raw-list ul li .con .more:hover { color:#008c46; }
.n-raw-list ul li .con .more:hover::before{top:-40%}
.n-raw-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
/*m-detail*/
.m-detail { background:url(../images/m-detail-bg.jpg) no-repeat top center; background-size:100% auto; padding-top:110px; padding-bottom:50px; }
.m-detail-left { float:left; width: 62%;  }
.m-detail-tit { color:#FFF; font-size:50px; line-height:1.5;  }
.m-detail-des { color:#FFF; font-size:17px; line-height:1.5; margin-top:5px; }
.m-detail-pic { width:100%; margin-top:40px; }
.m-detail-pic img{width: 100%;}
.m-detail-show { color:#000000; font-size:18px; line-height:2; margin-top:50px; }
.m-detail-show img { max-width:100%; }
.m-detail-left .n-public { text-align:left; }
/*n-network*/
.n-network { padding-top:50px; padding-bottom:50px; }
.n-network .i-network { margin-top:0; }
/*n-company*/
.n-company { padding-top:50px; padding-bottom:50px; }
.n-company-pic { width:100%; margin-bottom:50px; }
.n-company-pic img { width:100%; }
.n-company-con { color:#050505; font-size:18px; line-height:2; background:url(../images/company-bg.jpg) no-repeat right top; background-size:60% auto;}
.n-company-con h3 { color:#000000; font-size:50px; line-height:1.5; font-weight:normal; margin-bottom:10px;  }
.n-company-list { margin-top:45px; }
.n-company-list ul li { float:left; width:calc((100% - 45px) / 4); height:250px; margin-left:15px; border-radius:10px; overflow:hidden; position:relative; }
.n-company-list ul li:nth-child(4n+1) { margin-left:0; }
.n-company-list ul li .pic { width:100%; height:100%; }
.n-company-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s; }
.n-company-list ul li .box { position:absolute; top:0; left:0; width:100%; height:100%; }
.n-company-list ul li .con { position:absolute; bottom:0; left:0; width:100%; padding:0 40px 40px 40px; }
.n-company-list ul li .con .icon { width:50px; height:50px; }
.n-company-list ul li .con .icon img { width: 100%;height: 100%; object-fit: contain; }
.n-company-list ul li .con .tit { color:#ffffff; font-size:26px; line-height:1.5; margin-top:5px;}
.n-company-list ul li .con .des { color:#ffffff; font-size:18px; line-height:1.5; margin-top:5px;  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; opacity: 0; max-height: 0;transition: opacity 0.2s ease, max-height 0.2s ease;}
.n-company-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.n-company-list ul li:hover .box { background:linear-gradient(rgba(0,155,77,0),rgba(0,155,77,1)); }
.n-company-list ul li:hover .des { opacity: 1; max-height: 54px;}
/*n-development*/
.n-development { padding-top:50px; padding-bottom:50px; }
.n-development-ban { text-align:center; color:#000000; font-size:50px; line-height:1.5;  }
.n-development-show { margin-top:50px; }
.n-development-left { float:left; width:48%; }
.n-development-left .i-about-list { margin-left:0; }
.n-development-left .i-about-list ul li:first-child .des { display:block; }
.n-development-left .i-about-list ul li:first-child .tit i:nth-child(1) { display:none; }
.n-development-left .i-about-list ul li:first-child .tit i:nth-child(2) { display:inline-block; }
.n-development-left .i-about-more { margin-left:0; }
.n-development .i-about-left { float:right; padding-bottom:0; }
.n-development .i-about-left ul li:nth-child(2) { top:140px; left:-175px; }
/*n-sunpacle*/
.n-sunpacle { background-color:#f7f7f7; padding-top:50px; padding-bottom:200px; }
.n-sunpacle-box { background-color:#FFF;  margin-top:50px; position:relative; padding:30px; }
.n-sunpacle-left { float:left; width:49%; height:440px; }
.n-sunpacle-left img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.n-sunpacle-right { float:right; width:46%;  }
.n-sunpacle-right ul li { margin-top:60px; }
.n-sunpacle-right ul li .pic { float:left; width:70px; height:70px; }
.n-sunpacle-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-sunpacle-right ul li .tit { float:right; width:calc(100% - 70px - 35px);  color:#151515; font-size:20px; line-height:35px;  }
.n-sunpacle-bottom { float:right; width:23.5%; margin-right:9%; margin-top:80px; }
.n-sunpacle-bottom img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-sunpacle-pic { position:absolute; top:0; left:-20px; width:54%; height:777px; text-align:center; }
.n-sunpacle-pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}


@media (max-width:1750px){
.wrap{width:90%}
/*welcome1650*/
.welcome { height:35px; }
.welcome i { margin:0 4px; }
.welcome i.line {  height:15px; margin:0 20px;  }
.welcome-left { font-size:15px; line-height:35px; }
.welcome-right { font-size:15px; line-height:35px; }
.welcome-right a { margin:0 4px; }
.welcome-right img { width:20px; }
/*header1650*/
.header {height:110px; }
.header .logo{ height:110px; width:10%;  }
.header .nav ul li { font-size:20px; line-height:110px; margin-left:50px; } 
.h-right { height:110px; margin-left:40px; }
.h-search { width:44px; height:44px; font-size:18px; line-height:44px; }
.h-quote { height:44px; font-size:18px; line-height:44px; padding:0 20px; margin-left:8px; }
.h-more { width:44px; height:44px; font-size:18px; line-height:44px; margin-left:8px; }
/*search-box1650*/
.search-box { height:145px; }
.search-con { height:47px; }
.search-con input[type=text] { margin-left: 20px; width: calc(100% - 20px - 20px - 45px); height: 45px; font-size: 15px; }
.search-con .submit { width: 45px; height: 45px; border-radius: 8px; font-size: 15px; line-height: 45px;}
.search-close { width:35px; height:35px; font-size:35px; line-height:35px; }
/*sidebar1650*/
.sidebar{padding:18px;}
.sidebar-logo { max-width:120px; }
.sidebar-des { font-size:15px; margin-top:18px; }
.sidebar-ban { font-size:23px; margin-top:25px; }
.sidebar-con { font-size:15px; margin-top:4px; }
.sidebar-con i { width:18px; }
.sidebar-list { margin-top:18px; }
.sidebar-list a { width:35px; height:35px; line-height:30px; }
/*banner1650*/
.banner { height:864px; }
.banner-li .con { top:140px; left:6%; }
.banner-li .con .tit { font-size:18px; }
.banner-li .con .tit h3 { font-size:60px; }
.banner-li .con .more { width:240px; height:60px; font-size:18px; line-height:60px; margin-top:25px; }
.banner-li .con .more i { margin-left:25px; }
/*i-advantage1650*/
.i-advantage-box { padding-top:40px; padding-bottom:50px;  }
.i-advantage ul li .pic { width:65px; height:65px; }
.i-advantage ul li .tit { font-size:23px; }
.i-advantage ul li .des { font-size:15px; padding:0 40px; margin-top:8px; }
/*i-about1650*/
.i-about { padding-top:100px; padding-bottom:100px; }
.i-about-left { width:470px;  padding-bottom:160px; }
.i-about-left ul li { height:650px; }
.i-about-left ul li .tit { top:50px; left:35px; font-size:22px; }
.i-about-left ul li .tit i { margin-right:8px; }
.i-about-left ul li .more { left:63px; bottom:38px; width:90px; height:90px;  }
.i-about-left ul li:nth-child(2) {top:476px; left:264px; width:290px; height:355px; border:#ffffff solid 9px; }
.i-about-left ul li:nth-child(2) .tit { right:28px; bottom:25px; }
.i-about-right { width:calc(100% - 470px - 80px); }
.i-about-tit { font-size:17px; margin-top:8px; }
.i-about-des { font-size:50px; }
.i-about-info { font-size:26px; margin-top:4px; }
.i-about-con { font-size:15px; margin-left:70px; margin-top:18px; }
.i-about-more { width:220px; height:55px; margin-top:28px; font-size:16px; line-height:53px; margin-left:70px;  }
.i-about-more i { margin-left:8px; }
.i-about-list { margin-left:70px; }
.i-about-list ul li .tit {  font-size:21px; line-height:70px; }
.i-about-list ul li .tit i  { line-height:18px; width:18px; height:18px;  }
.i-about-list ul li .des { font-size:16px; }
/*i-pro1650*/
.i-pro { padding-top:65px; padding-bottom:250px; }
.i-pro-ban { margin-left:8%; }
.i-pro-ban .tit { font-size:17px; }
.i-pro-ban .des { font-size:34px; margin-top:15px; }
.i-pro-show { margin-top:80px; }
.i-pro-left { margin-left:8%; }
.i-pro-left ul li { margin-top:60px; }
.i-pro-left ul li:first-child { margin-top:8px; }
.i-pro-left ul li .pic { width:50px; height:50px; }
.i-pro-left ul li .con { width:calc(100% - 50px - 18px); }
.i-pro-left ul li .con .tit { font-size:17px; }
.i-pro-left ul li .con .des { font-size:15px; }
/*i-pro-right1650*/
.i-pro-right .swiper{ height:510px; }
.i-pro-right .swiper-slide{ height:510px; }
.i-pro-right .swiper-button-prev { bottom:95px; right:calc(15% + 62px); }
.i-pro-right .swiper-button-prev::after { font-size:46px;   }
.i-pro-right .swiper-button-next { bottom:95px; right:15%; }
.i-pro-right .swiper-button-next::after { font-size:46px;   }
.i-pro-li .con { padding:0 50px 80px 50px; }
.i-pro-li .con .tit { font-size:29px; }
.i-pro-li .con .des { font-size:17px; }
.i-pro-li .con .more  { width:200px; height:55px; margin-top:18px; font-size:16px; line-height:53px; margin-top:18px; }
.i-pro-li .con .more i { margin-left:8px; }
.i-pro-right-des { font-size:15px; margin-top:45px; }
.i-pro-right-more { margin-top:8px; }
.i-pro-right-more .more { width:200px; height:55px; margin-top:18px; font-size:16px; line-height:53px; margin-right:18px; }
.i-pro-right-more .more i { margin-left:8px; }
/*i-public1650*/
.i-public .tit { font-size:17px; }
.i-public .des { font-size:50px; }
/*i-network1650*/
.i-network { padding-top:55px; padding-bottom:35px; margin-top:-160px; }
.i-network-left .tit { font-size:50px; }
.i-network-left .des { font-size:22px; margin-top:9px; }
.i-network-left .more { width:200px; height:55px; margin-top:18px; font-size:16px; line-height:53px; }
.i-network-left .more i { margin-left:8px; }
/*i-supply1650*/
.i-supply { padding-top:60px; padding-bottom:80px; }
.i-supply-list { padding-top:0; }
.i-supply-list ul li { width:calc((100% - 50px) / 3); height:410px;  margin-left:25px; margin-top:25px; }
.i-supply-list ul li .mask { padding-bottom:110px; }
.i-supply-list ul li .mask .more { width:75px; height:75px; font-size:22px; line-height:75px;  }
.i-supply-list ul li .con { height:110px; padding:0 25px;  }
.i-supply-list ul li .con .des { font-size:16px; }
.i-supply-list ul li .con .tit { font-size:21px; }
/*i-case1650*/
.i-case { padding-top:80px;}
.i-case-ban .tit { font-size:18px; }
.i-case-ban .des { font-size:50px; }
.i-case-ban .more { width:200px; height:55px; margin-top:18px; font-size:16px; line-height:53px; }
.i-case-ban .more i { margin-left:8px; }
.i-case-list { padding:0 8px;  }
.i-case-list ul li { padding:60px 20px 60px 30px; }
.i-case-list ul li .pic { width:190px; height:190px; }
.i-case-list ul li .con { width:calc(100% - 190px - 20px); margin-top:13px; }
.i-case-list ul li .con .tit { font-size:22px; }
.i-case-list ul li .con .more { font-size:16px; margin-top:13px; }
.i-case-list ul li .date { width:60px; height:85px;}
.i-case-list ul li .date-dd { font-size:29px; }
.i-case-list ul li .date-line { width:30px; margin-bottom:4px; }
.i-case-list ul li .date-mm { font-size:16px; }
.i-case-list ul li:first-child { height:310px;}
.i-case-list ul li:first-child .con { padding-bottom:20px; }
.i-case-list ul li:first-child .con .tit { padding:0 30px; }
.i-case-list ul li:first-child .date { left:13px; top:-35px; }
/*i-service1650*/
.i-service { margin-top:-90px; }
.i-service .con { padding:210px 90px 100px 90px;  }
.i-service .con .tit { font-size:18px; }
.i-service .con .des { font-size:36px; }
.i-service .con .more { width:150px; height:55px; font-size:16px; line-height:53px; margin-top:30px; }
/*i-news1650*/
.i-news { padding-top:60px; padding-bottom:80px; }
.i-news-list { padding-top:40px; }
.i-news-list ul li { width:calc((100% - 30px) / 3); margin-left:15px; }
.i-news-list ul li:nth-child(3n+1) { margin-left:0; }
.i-news-list ul li .pic { height:260px; }
.i-news-list ul li .con { padding:0 20px; }
.i-news-list ul li .con .des { font-size:16px; margin-top:25px; }
.i-news-list ul li .con .tit { font-size:21px; margin-top:8px; }
.i-news-list ul li .con .more { width:150px; height:55px; font-size:16px; line-height:53px;  margin-top:13px; }
.i-news-list ul li .date { width:60px; height:85px;}
.i-news-list ul li .date-dd { font-size:29px; }
.i-news-list ul li .date-line { width:30px; margin-bottom:4px; }
.i-news-list ul li .date-mm { font-size:16px; }
.i-news-more { width:290px; height:55px; margin-top:60px; font-size:16px; line-height:53px; }
.i-news-more i { margin-left:8px; }
/*footer1650*/
.footer { font-size:16px; padding-top:70px; padding-bottom:70px; }
.f-text { margin-top:18px; }
.f-sns { margin-top:28px; padding-top:28px; }
.f-sns a { margin-left:8px; }
.f-sns img { width:20px; }
.f-right dl dt { font-size:19px; }
/*f-contact1650*/
.f-contact-left { width:calc(100% - 250px); }
.f-contact-left ul li { height:110px; padding:0 30px; }
.f-contact-left ul li .pic {  font-size:22px; }
.f-contact-left ul li .con {margin-left:18px; }
.f-contact-left ul li .con .tit { font-size:16px; }
.f-contact-left ul li .con .des { font-size:20px; }
.f-contact-right { width:250px; height:110px; }
.f-contact-right a { width:160px; height:60px; font-size:16px; line-height:60px; }
.f-contact-right a i { margin-left:15px; }
/*f-copy1650*/
.f-copy { font-size:16px; padding-top:30px; padding-bottom:20px; }
/*n-detail1650*/
.n-detail { padding-top:70px; padding-bottom:70px;  }
.n-detail .tit { font-size:36px; }
.n-detail .des { font-size:16px; margin-top:28px; }
.n-detail .show { font-size:16px; margin-top:40px; }
.n-detail .tag { font-size:16px; margin-top:40px; }
/*n-public1650*/
.n-public .tit { font-size:43px; }
.n-public .des { font-size:15px; margin-top:4px; }
/*n-news1650*/
.n-news { padding-top:45px; padding-bottom:45px; }
.n-news-show { padding-top:45px; }
.n-news-list { column-gap:28px   }
.n-news-list ul li { margin-bottom:45px; }
.n-news-list ul li .pic { height:260px; }
.n-news-list ul li .con { padding:0 20px; }
.n-news-list ul li .con .des { font-size:16px; margin-top:25px; }
.n-news-list ul li .con .tit { font-size:21px; margin-top:8px; }
.n-news-list ul li .con .more { width:150px; height:55px; font-size:16px; line-height:53px;  margin-top:13px; }
.n-news-list ul li .date { width:60px; height:85px;}
.n-news-list ul li .date-dd { font-size:29px; }
.n-news-list ul li .date-line { width:30px; margin-bottom:4px; }
.n-news-list ul li .date-mm { font-size:16px; }
.n-right-gray { padding:20px 25px 35px 25px; margin-bottom:18px; }
.n-right-contact { padding:25px; }
.n-right-ban { font-size:19px; }
.n-right-search { height:45px; border-radius:8px; margin-top:18px; }
.n-right-search input[type=text] { margin-left:20px; width:calc(100% - 20px  - 20px - 45px);  height:45px; font-size:15px;  }
.n-right-search .submit { width:45px; height:45px; border-radius:8px; font-size:15px; line-height:45px; }
.n-right-cate ul li { font-size:15px; line-height:45px; border-radius:8px; margin-top:18px; padding:0 15px; }
.n-right-cate ul li i { line-height:45px; }
.n-right-tag { padding-top:8px; }
.n-right-tag a { border-radius:8px; margin-top:8px; margin-right:8px; font-size:15px; line-height:35px; padding:0 15px; }
.n-right-contact { font-size:22px;  }
.n-right-contact img { margin-bottom:8px; }
.n-right-contact .more { width:150px; height:55px; font-size:16px; line-height:53px; margin-top:30px; }
.n-right-contact .more i { margin-left:8px; }
/*n-pro1650*/
.n-pro  { padding-top:45px; padding-bottom:45px; }
.n-pro-list { padding-top:45px; }
.n-pro-list ul li { height:400px; }
.n-pro-list ul li .con { width:calc(50% - 45px); }
.n-pro-list ul li .con .tit { font-size:44px; }
.n-pro-list ul li .con .des { font-size:15px;}
.n-pro-list ul li .con .more { width:220px; height:55px; margin-top:28px; font-size:16px; line-height:53px; }
.n-pro-list ul li .con .more i { margin-left:8px; }
/*n-advantage1650*/
.n-advantage { padding-top:45px; padding-bottom:45px;  }
.n-advantage-list { margin-top:45px; }
.n-advantage-list ul li { margin-bottom:25px; border-radius:8px; padding:25px 45px; }
.n-advantage-list ul li .n-advantage-bot { padding-top:13px; }
.n-advantage-list ul li .tit { font-size:22px; }
.n-advantage-list ul li .icon { font-size:22px; }
.n-advantage-list ul li .des { font-size:15px; }
.n-advantage-list ul li .more { width:150px; height:55px; margin-top:25px; font-size:16px; line-height:53px; }
/*n-contact1650*/
.n-contact { padding-top:45px; padding-bottom:45px; }
.n-contact-list { margin-top:45px; }
.n-contact-list ul li { height:150px; text-align:center; position:relative; display:flex; align-items: center; justify-content: center; padding:0 35px; background-color:#FFF; }
.n-contact-list ul li { height:110px; padding:0 30px; }
.n-contact-list ul li .pic { width:50px; height:50px; font-size:22px; line-height:50px; }
.n-contact-list ul li .con {margin-left:18px; }
.n-contact-list ul li .con .tit { font-size:16px; }
.n-contact-list ul li .con .des { font-size:20px; }
/*n-message1650*/
.n-message-list { padding-top:28px; }
.n-message-list ul li { margin-top:20px; }
.n-message-list label { font-size:16px; padding-left:24px; }
.n-message-list input[type=text] { height:60px; font-size:16px; padding-left:24px; }
.n-message-list select { height:60px; font-size:16px; padding-left:24px; }
.n-message-list textarea {height:260px; font-size:16px; line-height:60px; padding-left:24px; }
.n-message-list .submit { width:450px; height:60px; font-size:26px;}
/*n-raw1650*/
.n-raw { padding-top:45px; padding-bottom:45px; }
.n-raw-list { padding-top:15px; }
.n-raw-list ul li { width:calc((100% - 30px) / 2); margin-left:30px; margin-top:30px; height:370px; }
.n-raw-list ul li .con { padding:140px 40px 0 40px; }
.n-raw-list ul li .con .tit { font-size:26px; }
.n-raw-list ul li .con .des { font-size:15px; }
.n-raw-list ul li .con .more { width:200px; height:55px; margin-top:25px; font-size:16px; line-height:53px; }
/*m-detail1650*/
.m-detail { padding-top:90px; padding-bottom:45px; }
.m-detail-tit { font-size:43px; }
.m-detail-des { font-size:15px; margin-top:4px; }
.m-detail-pic { margin-top:35px; }
.m-detail-show { font-size:16px; margin-top:40px; }
/*n-network1650*/
.n-network { padding-top:45px; padding-bottom:45px; }
/*n-company1650*/
.n-company { padding-top:45px; padding-bottom:45px; }
.n-company-pic { margin-bottom:45px; }
.n-company-con { font-size:16px; }
.n-company-con h3 { font-size:42px; margin-bottom:9px;  }
.n-company-list { margin-top:40px; }
.n-company-list ul li { width:calc((100% - 30px) / 4); height:220px; margin-left:10px; }
.n-company-list ul li .con { padding:0 30px 30px 30px; }
.n-company-list ul li .con .icon { width:40px; height:40px; }
.n-company-list ul li .con .tit { font-size:22px; }
.n-company-list ul li .con .des { font-size:16px; }
.n-company-list ul li:hover .des { max-height: 48px;}
/*n-development1650*/
.n-development { padding-top:45px; padding-bottom:45px; }
.n-development-ban { font-size:42px; }
.n-development-show { margin-top:45px; }
.n-development .i-about-left ul li:nth-child(2) { top:120px; left:-150px; }
/*n-sunpacle1650*/
.n-sunpacle { padding-top:45px; padding-bottom:90px; }
.n-sunpacle-box { margin-top:45px; padding:28px; }
.n-sunpacle-left { height:390px; }
.n-sunpacle-right { padding-top:10px; }
.n-sunpacle-right ul li { margin-top:50px; }
.n-sunpacle-right ul li .pic { width:60px; height:60px; }
.n-sunpacle-right ul li .tit { width:calc(100% - 60px - 30px);  font-size:18px; line-height:30px;  }
.n-sunpacle-bottom { margin-top:70px; }
.n-sunpacle-pic { height:633px; }

}

@media (max-width:1400px){
/*header1400*/
.welcome i { margin:0 3px; }
.welcome i.line { margin:0 10px;  }
.welcome-right a { margin:0 3px; }
.welcome-right img { width:18px; }
/*header1400*/
.header {height:90px; }
.header .logo{ height:90px;  }
.header .nav ul li { font-size:18px; line-height:90px; margin-left:30px; } 
.h-right { height:90px; margin-left:30px; }
.h-search { width:34px; height:34px; font-size:16px; line-height:34px; }
.h-quote { height:34px; font-size:16px; line-height:34px; padding:0 10px; margin-left:6px; }
.h-more { width:34px; height:34px; font-size:16px; line-height:34px; margin-left:6px; }
/*search-box1400*/
.search-box { height:125px; }
.search-con { height:37px; }
.search-con input[type=text] { margin-left: 15px; width: calc(100% - 15px - 15px - 35px); height: 35px; }
.search-con .submit { width: 35px; height: 35px; border-radius: 6px; line-height: 35px; }
.search-close { width:30px; height:30px; font-size:30px; line-height:30px; }
/*sidebar1400*/
.sidebar{padding:16px;}
.sidebar-logo { max-width:90px; }
.sidebar-des { margin-top:16px; }
.sidebar-ban { font-size:19px; margin-top:20px; }
.sidebar-con { margin-top:3px; }
.sidebar-con i { width:16px; }
.sidebar-list { margin-top:16px; }
.sidebar-list a { width:30px; height:30px; line-height:25px; }
/*banner1400*/
.banner { height:740px; }
.banner-li .con { top:110px; }
.banner-li .con .tit { font-size:16px; }
.banner-li .con .tit h3 { font-size:45px; }
.banner-li .con .more { width:200px; height:50px; font-size:16px; line-height:50px; margin-top:20px; }
.banner-li .con .more i { margin-left:20px; }
/*i-advantage1400*/
.i-advantage-box { padding-top:30px; padding-bottom:40px;  }
.i-advantage ul li .pic { width:55px; height:55px; }
.i-advantage ul li .tit { font-size:20px; }
.i-advantage ul li .des { padding:0 30px; margin-top:6px; }
/*i-about1400*/
.i-about { padding-top:80px; padding-bottom:80px; }
.i-about-left { width:370px;  padding-bottom:135px; }
.i-about-left ul li { height:510px; }
.i-about-left ul li .tit { top:40px; left:25px; font-size:17px; }
.i-about-left ul li .tit i { margin-right:6px; }
.i-about-left ul li .more { left:50px; bottom:30px; width:70px; height:70px;  }
.i-about-left ul li:nth-child(2) {top:375px; left:205px; width:230px; height:275px; border:#ffffff solid 8px; }
.i-about-left ul li:nth-child(2) .tit { right:23px; bottom:21px; }
.i-about-right { width:calc(100% - 370px - 60px); }
.i-about-tit { font-size:16px; margin-top:6px; }
.i-about-des { font-size:40px; }
.i-about-info { font-size:20px; margin-top:3px; }
.i-about-con { margin-left:60px; margin-top:16px; }
.i-about-more { width:170px; height:45px; margin-top:26px; font-size:15px; line-height:43px; margin-left:60px;  }
.i-about-more i { margin-left:6px; }
.i-about-list { margin-left:60px; }
.i-about-list ul li .tit { font-size:17px; line-height:55px; }
.i-about-list ul li .tit i { line-height:16px; width:16px; height:16px;  }
/*i-pro1400*/
.i-pro { padding-top:55px; padding-bottom:200px; }
.i-pro-ban .tit { font-size:14px; }
.i-pro-ban .des { font-size:28px; margin-top:10px; }
.i-pro-show { margin-top:80px; }
.i-pro-left ul li { margin-top:50px; }
.i-pro-left ul li:first-child { margin-top:6px; }
.i-pro-left ul li .pic { width:40px; height:40px; }
.i-pro-left ul li .con { width:calc(100% - 40px - 16px); }
/*i-pro-right1400*/
.i-pro-right .swiper{ height:400px; }
.i-pro-right .swiper-slide{ height:400px; }
.i-pro-right .swiper-button-prev { bottom:70px; right:calc(15% + 52px); }
.i-pro-right .swiper-button-prev::after { font-size:36px;   }
.i-pro-right .swiper-button-next { bottom:70px; right:15%; }
.i-pro-right .swiper-button-next::after { font-size:36px;  }
.i-pro-li .con { padding:0 40px 60px 40px; }
.i-pro-li .con .tit { font-size:23px; }
.i-pro-li .con .des { font-size:16px; }
.i-pro-li .con .more  { width:160px; height:45px; margin-top:16px; font-size:15px; line-height:43px; margin-top:16px; }
.i-pro-li .con .more i { margin-left:6px; }
.i-pro-right-des { margin-top:40px; }
.i-pro-right-more { margin-top:6px; }
.i-pro-right-more .more {width:160px; height:45px; margin-top:16px; font-size:15px; line-height:43px; margin-right:16px; }
.i-pro-right-more .more i { margin-left:6px; }
/*i-public1400*/
.i-public .tit { font-size:14px; }
.i-public .des { font-size:40px; }
/*i-network1400*/
.i-network { padding-top:50px; padding-bottom:30px; margin-top:-140px; }
.i-network-left .tit { font-size:40px; }
.i-network-left .des { font-size:17px; margin-top:8px; }
.i-network-left .more { width:160px; height:45px; margin-top:16px; font-size:15px; line-height:43px; }
.i-network-left .more i { margin-left:6px; }
/*i-supply1400*/
.i-supply { padding-top:50px; padding-bottom:70px; }
.i-supply-list ul li { width:calc((100% - 40px) / 3); height:350px;  margin-left:20px; margin-top:20px; }
.i-supply-list ul li .mask { padding-bottom:100px; }
.i-supply-list ul li .mask .more { width:65px; height:65px; font-size:18px; line-height:65px;  }
.i-supply-list ul li .con { height:100px; padding:0 20px;  }
.i-supply-list ul li .con .des { font-size:15px; }
.i-supply-list ul li .con .tit { font-size:17px; }
/*i-case1400*/
.i-case { padding-top:70px;}
.i-case-ban .tit { font-size:16px; }
.i-case-ban .des { font-size:40px; }
.i-case-ban .more { width:160px; height:45px; margin-top:16px; font-size:15px; line-height:43px; }
.i-case-ban .more i { margin-left:6px; }
.i-case-list { padding:0 6px;  }
.i-case-list ul li { padding:50px 15px 50px 25px; }
.i-case-list ul li .pic { width:150px; height:150px; }
.i-case-list ul li .con { width:calc(100% - 150px - 15px); margin-top:11px; }
.i-case-list ul li .con .tit { font-size:18px; }
.i-case-list ul li .con .more { font-size:15px; margin-top:11px; }
.i-case-list ul li .date { width:50px; height:65px;}
.i-case-list ul li .date-dd { font-size:22px; }
.i-case-list ul li .date-line { width:25px; margin-bottom:3px; }
.i-case-list ul li .date-mm { font-size:15px; }
.i-case-list ul li:first-child { height:250px;}
.i-case-list ul li:first-child .con { padding-bottom:15px; }
.i-case-list ul li:first-child .con .tit { padding:0 25px; }
.i-case-list ul li:first-child .date { left:11px; top:-30px; }
/*i-service1400*/
.i-service { margin-top:-70px; }
.i-service .con { padding:170px 70px 80px 70px; }
.i-service .con .tit { font-size:16px; }
.i-service .con .des { font-size:28px; }
.i-service .con .more { width:130px; height:45px; font-size:15px; line-height:43px; margin-top:20px; }
/*i-news1400*/
.i-news { padding-top:50px; padding-bottom:70px; }
.i-news-list { padding-top:30px; }
.i-news-list ul li { width:calc((100% - 20px) / 3); margin-left:10px; }
.i-news-list ul li .pic { height:200px; }
.i-news-list ul li .con { padding:0 15px; }
.i-news-list ul li .con .des { font-size:15px; margin-top:20px; }
.i-news-list ul li .con .tit { font-size:17px; margin-top:6px; }
.i-news-list ul li .con .more { width:130px; height:45px; font-size:15px; line-height:43px;  margin-top:11px; }
.i-news-list ul li .date { width:50px; height:65px;}
.i-news-list ul li .date-dd { font-size:22px; }
.i-news-list ul li .date-line { width:25px; margin-bottom:3px; }
.i-news-list ul li .date-mm { font-size:15px; }
.i-news-more { width:230px; height:45px; margin-top:50px; font-size:15px; line-height:43px; }
.i-news-more i { margin-left:6px; }
/*footer1400*/
.footer { font-size:15px; padding-top:60px; padding-bottom:60px; }
.f-text { margin-top:16px; }
.f-sns { margin-top:26px; padding-top:26px; }
.f-sns a { margin-left:6px; }
.f-sns img { width:18px; }
.f-right dl dt { font-size:17px; }
/*f-contact1400*/
.f-contact-left { width:calc(100% - 200px); }
.f-contact-left ul li { height:90px; padding:0 25px; }
.f-contact-left ul li .pic {  font-size:18px; }
.f-contact-left ul li .con {margin-left:16px; }
.f-contact-left ul li .con .tit { font-size:15px; }
.f-contact-left ul li .con .des { font-size:18px; }
.f-contact-right { width:200px; height:90px; }
.f-contact-right a { width:130px; height:50px; font-size:15px; line-height:50px; }
.f-contact-right a i { margin-left:10px; }
/*f-copy1400*/
.f-copy { font-size:15px; }
/*n-detail1400*/
.n-detail { padding-top:60px; padding-bottom:60px;  }
.n-detail .tit { font-size:28px; }
.n-detail .des { margin-top:26px; }
.n-detail .show { margin-top:30px; }
.n-detail .tag { margin-top:30px; }
/*n-public1400*/
.n-public .tit { font-size:35px; }
/*n-news1400*/
.n-news { padding-top:40px; padding-bottom:40px; }
.n-news-show { padding-top:40px; }
.n-news-list { column-gap:26px   }
.n-news-list ul li { margin-bottom:40px; }
.n-news-list ul li .pic { height:200px; }
.n-news-list ul li .con { padding:0 15px; }
.n-news-list ul li .con .des { font-size:15px; margin-top:20px; }
.n-news-list ul li .con .tit { font-size:17px; margin-top:6px; }
.n-news-list ul li .con .more { width:130px; height:45px; font-size:15px; line-height:43px;  margin-top:11px; }
.n-news-list ul li .date { width:50px; height:65px;}
.n-news-list ul li .date-dd { font-size:22px; }
.n-news-list ul li .date-line { width:25px; margin-bottom:3px; }
.n-news-list ul li .date-mm { font-size:15px; }
.n-right-gray { padding:15px 20px 30px 20px; margin-bottom:16px; }
.n-right-contact { padding:20px; }
.n-right-ban { font-size:17px; }
.n-right-search { height:35px; border-radius:6px; margin-top:16px; }
.n-right-search input[type=text] { margin-left:15px; width:calc(100% - 15px  - 15px - 35px);  height:35px; }
.n-right-search .submit { width:35px; height:35px; border-radius:6px; line-height:35px; }
.n-right-cate ul li { line-height:35px; border-radius:6px; margin-top:16px; padding:0 10px; }
.n-right-cate ul li i { line-height:35px; }
.n-right-tag { padding-top:6px; }
.n-right-tag a { border-radius:6px; margin-top:6px; margin-right:6px; line-height:30px; padding:0 10px; }
.n-right-contact { font-size:17px;  }
.n-right-contact img { margin-bottom:6px; }
.n-right-contact .more { width:130px; height:45px; font-size:15px; line-height:43px; margin-top:11px; }
.n-right-contact .more i { margin-left:6px; }
/*n-pro1400*/
.n-pro  { padding-top:40px; padding-bottom:40px; }
.n-pro-list { padding-top:40px; }
.n-pro-list ul li { height:350px; }
.n-pro-list ul li .con { width:calc(50% - 40px); }
.n-pro-list ul li .con .tit { font-size:35px; }
.n-pro-list ul li .con .more { width:170px; height:45px; margin-top:26px; font-size:15px; line-height:43px; }
.n-pro-list ul li .con .more i { margin-left:6px; }
/*n-advantage1400*/
.n-advantage { padding-top:40px; padding-bottom:40px;  }
.n-advantage-list { margin-top:40px; }
.n-advantage-list ul li { margin-bottom:20px; border-radius:6px; padding:20px 40px; }
.n-advantage-list ul li .n-advantage-bot { padding-top:11px; }
.n-advantage-list ul li .tit { font-size:18px; }
.n-advantage-list ul li .icon { font-size:18px; }
.n-advantage-list ul li .more { width:130px; height:45px; margin-top:20px; font-size:15px; line-height:43px; }
/*n-contact1400*/
.n-contact { padding-top:40px; padding-bottom:40px; }
.n-contact-list { margin-top:40px; }
.n-contact-list ul li { height:120px; padding:0 25px; }
.n-contact-list ul li .pic { width:45px; height:45px; font-size:18px; line-height:45px; }
.n-contact-list ul li .con {margin-left:16px; }
.n-contact-list ul li .con .tit { font-size:15px; }
.n-contact-list ul li .con .des { font-size:18px; }
/*n-message1400*/
.n-message-list { padding-top:26px; }
.n-message-list ul li { margin-top:16px; }
.n-message-list label { font-size:15px; padding-left:22px; }
.n-message-list input[type=text] { height:50px; font-size:15px; padding-left:22px; }
.n-message-list select { height:50px; font-size:15px; padding-left:22px; }
.n-message-list textarea {height:220px; font-size:15px; line-height:50px; padding-left:22px; }
.n-message-list .submit { width:420px; height:50px; font-size:22px;}
/*n-raw1400*/
.n-raw { padding-top:40px; padding-bottom:40px; }
.n-raw-list { padding-top:15px; }
.n-raw-list ul li { width:calc((100% - 25px) / 2); margin-left:25px; margin-top:25px; height:290px; }
.n-raw-list ul li .con { padding:90px 35px 0 35px; }
.n-raw-list ul li .con .tit { font-size:21px; }
.n-raw-list ul li .con .more { width:160px; height:45px; margin-top:20px; font-size:15px; line-height:43px; }
/*m-detail1400*/
.m-detail { padding-top:80px; padding-bottom:40px; }
.m-detail-tit { font-size:35px; }
.m-detail-pic { margin-top:30px; }
.m-detail-show { margin-top:30px; }
/*n-network1400*/
.n-network { padding-top:40px; padding-bottom:40px; }
/*n-company1400*/
.n-company { padding-top:40px; padding-bottom:40px; }
.n-company-pic { margin-bottom:40px; }
.n-company-con h3 { font-size:34px; margin-bottom:8px;  }
.n-company-list { margin-top:35px; }
.n-company-list ul li { height:170px; }
.n-company-list ul li .con { padding:0 25px 25px 25px; }
.n-company-list ul li .con .icon { width:35px; height:35px; }
.n-company-list ul li .con .tit { font-size:18px; }
.n-company-list ul li .con .des { font-size:15px; }
.n-company-list ul li:hover .des { max-height: 45px;}
/*n-development1400*/
.n-development { padding-top:40px; padding-bottom:40px; }
.n-development-ban { font-size:34px; }
.n-development-show { margin-top:40px; }
.n-development .i-about-left ul li:nth-child(2) { top:90px; left:-120px; }
/*n-sunpacle1400*/
.n-sunpacle { padding-top:40px; padding-bottom:80px; }
.n-sunpacle-box { margin-top:40px; padding:26px; }
.n-sunpacle-left { height:310px; }
.n-sunpacle-right { padding-top:0; }
.n-sunpacle-right ul li { margin-top:40px; }
.n-sunpacle-right ul li .pic { width:50px; height:50px; }
.n-sunpacle-right ul li .tit { width:calc(100% - 50px - 25px);  font-size:16px; line-height:25px;  }
.n-sunpacle-bottom { margin-top:60px; }
.n-sunpacle-pic { height:543px; }

}

@media (max-width:1200px){
.wrap{width:94%}
.banner-li .con { left:5%;  top: 90px;}
/*i-advantage1200*/
.i-advantage-box { padding-top:20px; padding-bottom:30px;  }
.i-advantage ul li .pic { width:45px; height:45px; }
/*i-pro1200*/
.i-pro-ban { margin-left:5%; }
.i-pro-left { margin-left:5%; }
.i-pro-right {width:54%; }
/*n-detail1200*/
.n-detail { width:94%;  }
/*n-message1200*/
.n-message-list { padding-top:24px; }
.n-message-list ul li { margin-top:12px; }
.n-message-list label { padding-left:20px; }
.n-message-list input[type=text] { height:45px; padding-left:20px; }
.n-message-list select { height:45px; padding-left:20px; }
.n-message-list textarea {height:190px; line-height:45px; padding-left:20px; }
.n-message-list .submit { width:380px; height:45px; font-size:19px;}

}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:block; height:60px;}
/*search992*/
.h-search { float:right; margin-top:13px; margin-right:20px; }
.search-box { height: 120px; }
.search-con { width:80%; }
/*banner992*/
.banner { height:472px; }
.banner-li .con { top:70px; }
.banner-li .con .tit { font-size:15px; }
.banner-li .con .tit h3 { font-size:30px;  }
.banner-li .con .more { width:150px; height:40px; font-size:15px; line-height:40px; margin-top:15px; }
.banner-li .con .more i { margin-left:15px; }
/*i-advantage992*/
.i-advantage-box { padding-top:20px; padding-bottom:20px;  }
.i-advantage ul li .pic { width:35px; height:35px; }
.i-advantage ul li .tit { font-size:18px; }
.i-advantage ul li .des { padding:0 20px; margin-top:4px; -webkit-line-clamp: 2;}
/*i-about992*/
.i-about { padding-top: 60px; padding-bottom: 60px;}
.i-about-left { float:none; width:100%; padding-bottom:0; }
.i-about-left ul li { float:left; width:48.5%; height:487px;  }
.i-about-left ul li:nth-child(even) { margin-left:3%; }
.i-about-left ul li:nth-child(2) { position:relative; top:auto; left:auto; width:48.5%; height:487px; border:none; }
.i-about-left ul li:nth-child(2) .tit { left:25px; top:40px; right:auto; bottom:auto; }
.i-about-left ul li:nth-child(2) .more { display:block; }
.i-about-right { float:none; width:100%; margin-top:30px; }
.i-about-des { font-size:30px; }
.i-about-con { margin-left:0;  }
.i-about-more { margin-left:0;  }
.i-about-list { margin-left:0;  }
/*i-pro992*/
.i-pro { padding-top:45px; padding-bottom:150px; }
.i-pro-ban { width:94%; margin-left:3%; }
.i-pro-ban .des { font-size:22px; }
.i-pro-show { margin-top:40px; }
.i-pro-left { margin-left:3%; width:35%; }
.i-pro-left ul li { margin-top: 40px; }
.i-pro-li .con { padding: 0 30px 40px 30px; }
/*i-public992*/
.i-public .des { font-size:30px; }
/*i-network992*/
.i-network { margin-top:-100px; }
.i-network-left .tit { font-size:30px; }
/*i-case992*/
.i-case-ban .des { font-size:30px; }
/*i-supply992*/
.i-supply-list ul li { height:290px; }
.i-supply-list ul li .con { padding:0 15px;  }
/*footer992*/
.footer { padding-top:50px; padding-bottom:50px; }
.f-left { float:none; width:100%; }
.f-right { float:none; width:100%; margin-top:30px; }
/*f-contact992*/
.f-contact-left { float:none; width:100%; }
.f-contact-right { float:none; width:100%; border-top:#eeeeee solid 1px; }
/*f-copy992*/
.f-copy-left { float:none; width:100%; }
.f-copy-right { float:none; width:100%; }
/*n-public992*/
.n-public .tit { font-size:30px; }
.n-pro-list ul li .con .tit { font-size:30px; }
/*n-contact992*/
.n-contact-list ul li { float:none; width:100%; margin-top:20px; }
.n-contact-list ul li:nth-child(3n+2) { margin-left:0;}
.n-contact-list ul li:nth-child(3n+3) { margin-left:0;}
/*n-message992*/
.n-message-list { padding-top:22px; }
.n-message-list ul li { margin-top:8px; }
.n-message-list label { padding-left:18px; }
.n-message-list input[type=text] { height:40px; padding-left:18px; }
.n-message-list select { height:40px; padding-left:18px; }
.n-message-list textarea {height:160px; line-height:40px; padding-left:18px; }
.n-message-list .submit { width:350px; height:40px; font-size:17px;}
/*m-detail992*/
.m-detail { padding-top:60px; background-size:auto 300px; }
.m-detail-tit { font-size:30px; }
.m-detail-pic { margin-top:25px; }
/*n-company992*/
.n-company-con h3 { font-size:30px; }
.n-company-list ul li .con { padding: 0 15px 15px 15px; }
/*n-development992*/
.n-development-ban { font-size:30px; }
.n-development-left { float:none; width:100%; }
.n-development .i-about-left { float:none; margin-top:40px; }
.n-development .i-about-left ul li:nth-child(2) { top:auto; left:auto; }
/*n-sunpacle992*/
.n-sunpacle { padding-bottom:40px; }
.n-sunpacle-left { float:none; width:100%; }
.n-sunpacle-right { float:none; width:100%; }
.n-sunpacle-bottom { margin-top:40px; }
.n-sunpacle-pic { height:360px; }

}

@media (max-width:767px){
.wrap{width:80%}
/*banner767*/
.banner { height:300px; }
.banner-li .con { top:40px; width:100%; }
.banner-li .con .tit h3 { font-size:22px; }
/*i-advantage767*/
.i-advantage { position:relative; left:auto; bottom:auto; margin-top:-50px; }
.i-advantage-box { padding-top:10px; padding-bottom:10px; }
.i-advantage ul li .tit { font-size:16px; }
.i-advantage ul li .des { display:none; }
/*i-about767*/
.i-about { padding-top: 80px; padding-bottom: 40px;}
.i-about-left ul li { height:238px;  }
.i-about-left ul li:nth-child(2) { height:238px; }
.i-about-left ul li .tit { left:10px; top:20px; }
.i-about-left ul li .more { left:10px; bottom:10px; width:40px; height:40px;  }
.i-about-left ul li:nth-child(2) .tit { left:10px; top:20px; }
.i-about-right { margin-top:25px; }
.i-about-des { font-size:22px; }
/*i-pro767*/
.i-pro { padding-bottom:100px; }
.i-pro-ban .des { font-size:18px; }
.i-pro-show { margin-top:40px; }
.i-pro-left { float:none; margin-left: 3%; width: 94%; }
.i-pro-left ul li { margin-top:20px; }
.i-pro-left ul li:first-child { margin-top:4px; }
.i-pro-left ul li .pic { width:30px; height:30px; }
.i-pro-left ul li .con { width:calc(100% - 30px - 14px); }
.i-pro-left ul li .con .tit { font-size: 16px; }
.i-pro-right { float:none; margin-left: 3%; width: 94%; margin-right:0; margin-top:50px; }
.i-pro-right .swiper-button-prev { bottom:auto; top:200px; left:0; right:auto; }
.i-pro-right .swiper-button-prev::after { color:#FFF; font-size:20px; }
.i-pro-right .swiper-button-next { bottom:auto; top:200px; right:0; }
.i-pro-right .swiper-button-next::after { color:#FFF; font-size:20px; }
.i-pro-right-des { width: 100%; margin-left: 0; margin-top:30px; }
.i-pro-right-more { width: 100%; margin-left: 0;  }
/*i-public767*/
.i-public .des { font-size:22px; }
/*i-network767*/
.i-network { display:block;  padding-top: 35px; padding-bottom:25px; margin-top:-50px; }
.i-network-left { width:90%; }
.i-network-left .tit { font-size:22px; }
.i-network-right { width:90%; margin-top:30px; margin-right:0; margin-left:5%; }
/*i-supply767*/
.i-supply { padding-bottom:40px; }
.i-supply-list { padding-top:10px; }
.i-supply-list ul li { float:none; width:100%; margin-left:0; height:350px;  }
.i-supply .i-news-more { margin-top:40px; }
/*i-case767*/
.i-case {  padding-top: 40px; }
.i-case-ban { float:none; width:100%; }
.i-case-ban .des { font-size:22px;}
.i-case-list { float:none; width:100%; margin-top:30px; padding:0 5px;  }
.i-case-list ul li { padding:40px 10px 40px 20px; }
.i-case-list ul li .pic { width:110px; height:110px; }
.i-case-list ul li .con { width:calc(100% - 110px - 15px); margin-top:5px; }
.i-case-list ul li .con .tit { font-size:16px; -webkit-line-clamp: 3; }
.i-case-list ul li .con .more { margin-top:9px; }
.i-case-list ul li:first-child { padding:40px 10px 40px 20px; position:relative; left:auto; bottom:auto; width:100%; height:auto;  border-bottom:#eeeeee solid 1px; }
.i-case-list ul li:first-child .pic { float:left; width:110px; height:110px; }
.i-case-list ul li:first-child .con { float:right;  width:calc(100% - 110px - 15px);  margin-top:5px; position:relative; top:auto; left:auto; height:auto; background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));  display:block;  padding-bottom:0; }
.i-case-list ul li:first-child .con .tit { color:#000000; -webkit-line-clamp: 3; padding:0; }
.i-case-list ul li:first-child .con .more { display:block; }
.i-case-list ul li:first-child .date { top:-15px; left:-15px; }
/*i-service767*/
.i-service { margin-top:-50px; }
.i-service .con { padding:120px 10px 50px 10px; }
.i-service .con .tit { font-size:15px; }
.i-service .con .des { font-size:20px; }
/*i-news767*/
.i-news { padding-top: 40px; padding-bottom: 60px; }
.i-news-list ul li { float:none; width:100%; margin-left:0; margin-bottom:40px; }
/*footer767*/
.footer { padding-top:40px; padding-bottom:40px; }
.f-logo { width: 36%; }
.f-right { display: grid; grid-template-columns: repeat(2, 1fr); margin-top:0; }
.f-right dl { float:none; width:100%; margin-top:20px; }
.f-contact-left ul li { float:none; width:100%; height:auto; padding:15px 25px; justify-content: flex-start; }
.f-contact-left ul li::after { display:none; }
/*n-detail767*/
.n-detail { padding-top:40px; padding-bottom:40px;  }
.n-detail .tit { font-size:22px; }
.n-detail .des { font-size:15px; margin-top:24px; }
.n-detail .show { margin-top:20px; }
.n-detail .tag { font-size:15px; margin-top:20px; }
.n-detail .tag a { font-size:15px; }
/*n-public767*/
.n-public .tit { font-size:22px; }
/*n-news767*/
.n-news { padding-top:30px; padding-bottom:30px; }
.n-news-show { padding-top:30px; }
.n-news-left { float:none; width:100%; }
.n-news-list { columns:1;  column-gap:0  }
.n-news-list ul li { margin-bottom:35px; }
.n-news-right { float:none; width: 100%; }
/*n-pro767*/
.n-pro  { padding-top:30px; padding-bottom:30px; }
.n-pro-list { padding-top:30px; }
.n-pro-list ul li { height:auto; }
.n-pro-list ul li .pic { float:none; width:100%; height:230px; }
.n-pro-list ul li .con { float:none; width:100%; height:auto; padding:20px 0 30px 0; }
.n-pro-list ul li .con .tit { font-size:22px; }
/*n-advantage767*/
.n-advantage { padding-top:30px; padding-bottom:30px;  }
.n-advantage-list { margin-top:20px; }
.n-advantage-list ul li { margin-bottom:15px; padding:15px; }
.n-advantage-list ul li .n-advantage-bot { padding-top:9px; }
.n-advantage-list ul li .tit { width:calc(100% - 40px); font-size:16px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  white-space: normal; }
.n-advantage-list ul li .icon { width:40px; font-size:16px; }
.n-advantage-list ul li .more { margin-top:15px; }
/*n-contact767*/
.n-contact { padding-top:30px; padding-bottom:30px; }
.n-contact-list { margin-top:30px; }
.n-contact-list ul li { height:auto;  padding: 25px; }
/*n-message767*/
.n-message-list { padding-top:20px; }
.n-message-list ul li { margin-top:4px; }
.n-message-list ul li { float:none; width:100%; }
.n-message-list ul li:nth-child(3n+2) { margin-left:0;}
.n-message-list ul li:nth-child(3n+3) { margin-left:0;}
.n-message-list label { padding-left:16px; }
.n-message-list input[type=text] { height:35px; padding-left:16px; }
.n-message-list textarea {height:120px; line-height:35px; padding-left:16px; }
.n-message-list .submit { width:100%; height:35px; font-size:16px; margin-top:10px; }
/*n-raw767*/
.n-raw { padding-top:30px; padding-bottom:30px; }
.n-raw-list { padding-top:10px; }
.n-raw-list ul li { float:none; width:100%; margin-left:0; margin-top:25px; height:250px; }
.n-raw-list ul li .con { padding:55px 20px 0 20px; }
.n-raw-list ul li .con .tit { font-size:20px; }
.n-raw-list ul li .con .des { width:100%; }
/*m-detail767*/
.m-detail { padding-top:40px; padding-bottom:30px; }
.m-detail-left { float:none; width:100%; }
.m-detail-tit { font-size:22px; }
.m-detail-pic { margin-top:20px; }
/*n-network767*/
.n-network { padding-top:30px; padding-bottom:30px; }
/*n-company767*/
.n-company { padding-top:30px; padding-bottom:30px; }
.n-company-pic { margin-bottom:20px; }
.n-company-con h3 { font-size:22px; }
/*n-company767*/
.n-company-list { margin-top: 0; }
.n-company-list ul li { width:48.5%; margin-left:0; margin-top:20px; }
.n-company-list ul li:nth-child(4n+1) { margin-left:0; }
.n-company-list ul li:nth-child(even) { margin-left:3%; }
.n-company-list ul li .con { padding:0 15px 15px 15px; }
.n-company-list ul li .con .icon { width:30px; height:30px; }
.n-company-list ul li .con .tit { font-size:16px; }
/*n-development767*/
.n-development { padding-top:20px; padding-bottom:20px; }
.n-development-ban { font-size:22px; }
.n-development-show { margin-top: 20px; }
.n-development .i-about-list { margin-top:0; }
.n-development .i-about-left { margin-top:30px; }
/*n-sunpacle767*/
.n-sunpacle { padding-top:30px; padding-bottom:30px; }
.n-sunpacle-box { margin-top:30px; padding:20px; }
.n-sunpacle-left { height:215px; }
.n-sunpacle-right { margin-top:100px; }
.n-sunpacle-right ul li { margin-top:25px; }
.n-sunpacle-right ul li .pic { width:40px; height:40px; }
.n-sunpacle-right ul li .tit { width:calc(100% - 40px - 25px); }
.n-sunpacle-bottom { width:60%; margin-top:20px; }
.n-sunpacle-pic { left:0; width:100%; height:330px;  }

}

@media (max-width:500px){
.wrap{width:94%}


}