@import url("iconfont.css");
*{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:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
h1,h2,h3{font-weight:400}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,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}
.lt{float:left}
.rt{float:right}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
.clearfix::after{content:"";display:block;clear:both}
*{box-sizing:border-box}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear { clear:both;}
.wrap{width:1400px;position:relative;max-width:100%;margin:0 auto}
.wrap::after{content:"";display:block;clear:both}
/*自定义*/
body{ font-family:Microsoft YaHei; }
@font-face{font-family:BEBAS;src:url(../font/BEBAS.ttf);font-style:normal;font-weight:400}
/*welcome*/
.welcome { height:45px; color:#ffffff; font-size:15px; line-height:45px; position:fixed; top:0; left:0; width:100%;background-color:rgba(0,0,0,.85);z-index:3333; overflow:hidden; }
.welcome.shense { background-color:#17181a;}
.wel-left { float:left; margin-left:5px; }
.wel-right { float:right; margin-right:5px;}
.wel-tel { float:left;padding-right: 10px;}
.wel-shangcheng {  float:left; position:relative; padding:0 20px; margin:0 20px;  }
.wel-shangcheng:before{content:""; position:absolute; left:0; top:15px; width:1px; height:16px; background-color:#515151; }
.wel-shangcheng:after{content:""; position:absolute; right:0; top:15px; width:1px; height:16px; background-color:#515151; }
.wel-shangcheng i { display:inline-block; width:18px; height:17px; background:url(../image/wel-icon1.png) no-repeat; margin-top:8px; vertical-align:middle; margin-top:-2px; margin-right:7px;}
.wel-quan { float:left; width:16px; height:45px; background:url(../image/wel-icon2.png) no-repeat center center; font-size:0; cursor:pointer;   }
.wel-quan.active { background:url(../image/wel-icon3.png) no-repeat center center;}
.wel-search { float:left; width:0; height:30px; margin-top:7.5px; line-height:normal; background-color:#FFF;border-radius:15px;transition:all 0s; overflow:hidden; margin-right:0; }
.wel-search input[type=text] { width:100px; height:30px;color:#333333; font-size:14px; border:none; vertical-align:middle; background-color:#FFF; margin-left:5px;border-radius:15px; padding-left:10px;  }
.wel-search input[type=submit] { float:right; width:38px; height:30px;text-align:center; background:url(../image/wel-search.png) no-repeat center center; font-size:0; cursor:pointer; border:none;vertical-align:middle; border-radius:15px; }
.wel-search.active { width:148px; margin-right:20px;transition:all .2s; }
/*header*/
.header{height:88px; position:fixed; top:45px; left:0; width:100%;background-color:rgba(0,0,0,.75);z-index:3333;}
.header.shense { background-color:#2b2c2f;}
.header .logo{float:left; height:88px;}
.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:#ffffff; font-size:16px; line-height:88px; margin-left:50px; position:relative; } 
.header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#ffffff; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.header .nav ul li a { display:block; }
.header .nav ul li:hover:after{ width:100%;transform:translateX(-50%) scale(1.1); }
.header .nav ul li.active:after{ width:100%; }
.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:88px;z-index:30000; }
.header .nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:50px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;background-color:rgba(55,55,55,.95);}
.header .nav ul li .sub ul li:hover:after{ display:none;}
.header .nav ul li .sub ul li.active:after{ display:none;}
.header .nav ul li .sub ul li:hover {background-color:rgba(55,55,55,.75);}
/*header2*/
.header2{height:60px;position:fixed;z-index:22;top:40px;width:100%; display:none; background-color:rgba(0,0,0,.75); }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:250px;height:60px;margin-top:0;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.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.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:#ffffff;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:#ffffff}
.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(../image/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(../image/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../image/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; } 
/*f_nav*/
.f_nav { display:none; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#242424;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto; font-size:14px;}
.f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;}
.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: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;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(404.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 { width:100%;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.banner .swiper-button-next{opacity:0.4;outline:none;}
.banner .swiper-button-prev{opacity:0.4;outline:none;}
.banner .swiper-button-next:hover{opacity:0.8;} 
.banner .swiper-button-prev:hover{opacity:0.8;} 
.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:25px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 9px; width:13px; height:13px; background: #ffffff; opacity:0.7;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;}
.banner .swiper-slide a { display:block; width:100%;}
.banner .swiper-slide img { width:100%; display:block;}
/*public*/
.public-en { color:#333333; font-size:42px; line-height:1;font-family:BEBAS;}
.public-cn {color:#333333; font-size:36px; line-height:1; margin-top:18px;}
.public-des {color:#333333; font-size:16px; line-height:2; margin-top:29px;}
/*i-top*/
.i-top { padding-top:90px; padding-bottom:80px; text-align:center;}
/*i-guang*/
.i-guang { width:100%; max-width:1920px; margin:0 auto; }
.i-guang img{ width:100%; }
/*i-pinpai*/
.i-pinpai { height:680px; background:url(../image/pinpai-bg.jpg) no-repeat center center; padding-top:170px; background-size:auto 100%;}
.i-pinpai-right { float:right; width:475px; padding-top:20px; }
.i-pinpai-right .public-en { color:#FFF;}
.i-pinpai-right .public-cn { color:#FFF;}
.i-pinpai-right .list {color:#ffffff; font-size:18px; line-height:44px; position:relative; margin-top:24px; padding-top:14px; }
.i-pinpai-right .list:after{content:""; position:absolute; left:0; top:0; width:77%; height:1px; background-color:rgba(255,255,255,.2); }
.i-pinpai-right .list p{ background:url(../image/pinpai-icon.png) no-repeat left center; padding-left:21px; }
.i-pinpai-right .more { width:120px; height:36px; border:#ffffff solid 1px; border-radius:3px; text-align:center;  color:#ffffff; font-size:16px; line-height:34px; margin-top:26px; }
.i-pinpai-right .more:hover { background-color:#333333; border:#333333 solid 1px; }
.i-pinpai-right .more a { display:block; }
/*i-xianjin*/
.i-xianjin { height:646px; background:url(../image/xianjin-bg.jpg) no-repeat center center; padding-top:145px;  background-size:auto 100%;}
.i-xianjin-right { float:right; width:475px; padding-top:20px; opacity:0.8;}
.i-xianjin-right .public-en { color:#FFF;}
.i-xianjin-right .cn { color:#ffffff; font-size:34px; line-height:1; margin-top:16px;}
.i-xianjin-right .list { margin-top:19px; padding-top:27px; position:relative;}
.i-xianjin-right .list:after{content:""; position:absolute; left:0; top:0; width:94%; height:1px; background-color:rgba(255,255,255,.2); }
.i-xianjin-right .list ul li{ float:left; width:24%;}
.i-xianjin-right .list ul li .pic { width:68px; height:68px; text-align:center;}
.i-xianjin-right .list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-xianjin-right .list ul li .tit { width:68px; text-align:center; color:#ffffff; font-size:14px; line-height:18px; margin-top:18px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.i-xianjin-right .more { width:120px; height:36px; border:#ffffff solid 1px; border-radius:3px; text-align:center;  color:#ffffff; font-size:16px; line-height:34px; margin-top:35px; }
.i-xianjin-right .more:hover { background-color:#ffffff; color:#333; }
.i-xianjin-right .more a { display:block; }
/*i-pro*/
.i-pro { padding-top:30px; padding-bottom:30px; }
.i-pro ul li{ float:left; width:216px; text-align:center; margin-left:20px;}
.i-pro ul li:first-child { margin-left:0; }
.i-pro ul li .pic { height:216px; overflow:hidden; display: flex;  align-items: center; justify-content: center; }
.i-pro ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro ul li .tit { color:#333333; font-size:18px; line-height:54px; font-weight:bold; position:relative;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 5px; }
/*i-kexue*/
.i-kexue { height:680px; background:url(../image/kexue-bg.jpg) no-repeat center center; padding-top:170px; background-size:auto 100%;}
.i-kexue-left { float:left; width:475px; padding-top:20px; }
.i-kexue-left .public-en { color:#333333;}
.i-kexue-left .public-cn { color:#333333;}
.i-kexue-left .list {color:#333333; font-size:18px; line-height:44px; position:relative; margin-top:24px; padding-top:14px; }
.i-kexue-left .list:after{content:""; position:absolute; left:0; top:0; width:77%; height:1px; background-color:rgba(0,0,0,.2); }
.i-kexue-left .more { width:120px; height:36px; border:#666666 solid 1px; border-radius:3px; text-align:center;  color:#444444; font-size:16px; line-height:34px; margin-top:26px; }
.i-kexue-left .more:hover { background-color:#333333; border:#333333 solid 1px; color:#FFF; }
.i-kexue-left .more a { display:block; }
/*footer*/
.footer { background-color:#242424; min-height:320px;  }
.footer a:hover {color:#ffffff;}
.f-left { float:left; width:1133px; padding-bottom:30px; }
.f-top { padding-top:72px; padding-bottom:50px;}
.f-top ul li { float:left; width:360px;}
.f-top ul li .pic{ float:left; width:60px; height:60px;  }
.f-top ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-top ul li .con { float:left; width:290px; margin-left:10px;}
.f-top ul li .con .tit {color:#929292; font-size:15px; line-height:1; margin-top:8px;}
.f-top ul li .con .des {color:#929292; font-size:18px; line-height:2; margin-top:2px; }
.f-nav {color:#929292; font-size:15px; line-height:2; padding-top:30px; border-top:#2e3033 solid 1px;}
.f-nav ul li { float:left; margin-right:40px; position:relative;}
.f-nav ul li:after{content:""; position:absolute; right:-20px; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#404040; }
.f-nav ul li:last-child:after { display:none; }
.f-copy {color:#929292; font-size:14px; line-height:2; margin-top:11px; }
.f-right { float:right; width:192px; background-color:#1d1d1d; margin-top:46px; padding:27px 27px 75px 27px;color:#8e8e8e; font-size:14px; text-align:center; }
.f-right img {max-width: 100%;max-height: 100%;vertical-align: middle; margin-bottom:16px;}
/*n-banner*/
.n-banner { width:100%; position:relative; background-color:rgba(0,0,0,.75);}
.n-banner img{ width:100%; display:block;}
.n-banner-text { position:absolute; left:0; top:45%; width:100%; height:auto; text-align:center;}
.n-banner-text .public-en { color:#ffffff;}
.n-banner-text .public-cn { color:#ffffff; }
.n-banner-text .public-cn i { display:inline-block; width:92px; height:1px; vertical-align:middle; background-color:#c2c3c5; margin:0 12px; margin-top:-2px;}
.n-banner-text.n-banner-left { text-align:left;  top:53%;}
/*n-about*/
.n-about { padding-top:100px; padding-bottom:70px; }
.n-about-left { float:left; width:797px; height:auto; margin-left:-36px; margin-top:30px; }
.n-about-left img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-about-right { float:right; width:606px;}
.n-about-right .public-des p { margin-bottom:15px;}
/*n-linian*/
.n-linian { height:535px; background:url(../image/linian-bg.jpg) no-repeat top center; background-size:auto 100%; }
.n-linian-con { text-align:center; padding-top:97px;}
.n-linian-con .public-en { color:#ffffff;}
.n-linian-con .public-cn { color:#ffffff; }
.n-linian-con .public-des { color:#ffffff; font-size:18px; line-height:2.45; margin-top:40px; }
/*n-main*/
.n-main { padding-top:30px; padding-bottom:50px; min-height:300px; }
.n-main .public-cn { text-align:center; }
/*n-page*/
.n-page {color:#333333; font-size:16px; line-height:2; padding:30px 0;}
.n-page img{ max-width:100%;}
/*n-newshow*/
.n-newshow { padding:40px 0;}
.n-show {padding:10px 0; color:#333333; font-size:16px; line-height:2; min-height:300px;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:22px; text-align:center; line-height:34px; color:#333333; font-weight:bold;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#999999; }
.n-xian {border-bottom:#ebebeb dashed 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:20px 0; color:#999999; }
.n-other a:hover{ text-decoration:underline; color:#999999; } 
/*pagination*/
.pagination { width:100%; display:block;  text-align:center; font-size:14px; color:#7b7b7b; padding-bottom:20px; padding-top:30px; }
.pagination a { color:#7b7b7b;  padding:5px 9px;border-radius:3px; border:#dddddd solid 1px; margin:0 6px; }
.pagination a:hover { background-color:#333333; color:#FFF;border:#333333 solid 1px;}
.pagination a.now{ background-color:#333333; color:#FFF;border:#333333 solid 1px;}
/*n-contact*/
.n-contact { background-color:#f5f5f5; margin-top:88px; margin-bottom:88px; }
.n-contact-left { float:left; width:526px; margin-left:52px;  }
.n-contact-top { border-bottom:#cecece solid 1px; padding-bottom:23px; padding-top:56px; }
.n-contact-top .con { float:left; width:380px; margin-top:8px; }
.n-contact-top .con .cn {color:#333333; font-size:23px; line-height:1; margin-top:16px; }
.n-contact-top .pic { float:right; width:100px; height:100px; }
.n-contact-top .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;} 
.n-contact-bot { margin-top:6px; padding-bottom:20px; }
.n-contact-bot ul li{ margin-top:24px; }
.n-contact-bot ul li .pic{ float:left; width:62px; height:62px; background-color:#FFF; border-radius:50%;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.n-contact-bot ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-contact-bot ul li .con { float:left; margin-left:19px; width:420px; margin-top:7px; }
.n-contact-bot ul li .con .tit { color:#999999; font-size:16px; line-height:26px; }
.n-contact-bot ul li .con .des { color:#333333; font-size:16px; line-height:26px; font-weight:bold; }
.n-contact-right { float:right; width:758px; height:497px; }
.n-contact-right img {max-width: 100%;max-height: 100%;vertical-align: middle;} 
/*n-liuyan*/
.n-liuyan { height:687px; background:url(../image/liuyan-bg.jpg) no-repeat top center; padding-top:88px; padding-bottom:88px;}
.n-liuyan-box {background-color:rgba(255,255,255,.8); height:510px; padding-top:50px; }
.n-liuyan-box .public-cn { text-align:center; }
.n-liuyan-con { padding:20px 70px 0 70px; }
.n-liuyan-con ul li { margin-top:20px; display: flex; flex-direction: row;justify-content: space-between; }
.n-liuyan-con ul li:nth-child(1) { float:left; width:32%; margin-right:2%;}
.n-liuyan-con ul li:nth-child(2) { float:left; width:32%; margin-right:2%;}
.n-liuyan-con ul li:nth-child(3) { float:left; width:32%;}
.n-liuyan-con input[type=text] { width:100%; height:45px;color:#333333; font-size:16px; border:#cccccc solid 1px; padding-left:18px; border-radius:5px; background-color:#FFF; }
.n-liuyan-con textarea { width:100%; height:158px;color:#333333; font-size:16px; border:#cccccc solid 1px;outline: none; line-height:45px; resize:none; padding-left:18px; border-radius:5px;background-color:#FFF;}
.n-liuyan-con input[type=submit] { width:266px; margin:0 auto; text-align:center; height:45px; background-color:#333333; color:#fff; font-size:18px; border-radius:5px; cursor:pointer; border:none; margin-top:9px;}
/*n-news*/
.n-news { padding-top:36px; padding-bottom:70px;}
.n-news-left { float:left; width:1022px; }
.n-news-list { height:auto;}
.n-news-list ul li { padding-top:24px; padding-bottom:27px; border-bottom:#efefef solid 1px; background:url(../image/news-more.png) no-repeat right center; }
.n-news-list ul li .riqi{ float:left; width:88px; text-align:center; margin-top:13px; }
.n-news-list ul li .riqi .riqi-dd { background-color:#858585;  color:#ffffff; font-size:40px; line-height:54px; font-weight:bold; }
.n-news-list ul li .riqi .riqi-yymm { color:#666666; font-size:14px; line-height:32px; border:#c9c9c9 solid 1px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-news-list ul li .con { float:left; width:816px; margin-left:48px; }
.n-news-list ul li .con .tit { color:#333333; font-size:18px; line-height:62px; font-weight:bold; position:relative; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.n-news-list ul li .con .tit:after{content:""; position:absolute; left:0; bottom:0; width:77px; height:1px; background-color:#b9b9b9; }
.n-news-list ul li .con .des { color:#666666; font-size:16px; line-height:50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.n-news-list ul li:hover .con .tit:after { width:50%;	transition: 0.5s;}
.n-news-right { float:right; width:336px; margin-top:32px; }
.n-news-ban { height:41px; background-color:#333333; color:#ffffff; font-size:18px; line-height:41px; font-weight:bold; padding-left:27px; }
.n-right-list { background-color:#f5f5f5; margin-bottom:20px; padding:0 26px 4px 26px;}
.n-right-list ul li { padding-top:22px; padding-bottom:16px; border-top:#e6e6e6 solid 1px;; }
.n-right-list ul li:first-child {border-top:none;}
.n-right-list ul li .tit { color:#333333; font-size:16px; line-height:31px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.n-right-list ul li .riqi { color:#999999; font-size:14px; line-height:26px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
 /*滚动*/
 li{padding:0;list-style-type:none}
.str_wrap{overflow:hidden;width:100%;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}
.dowebok { height:100%;}
/*box*/
.box {height:560px;}
/*n-right-gundong*/
.n-right-gundong { background-color:#f5f5f5; padding:18px 26px;}
.n-right-gundong li{ padding-top:18px; padding-bottom:18px; border-bottom:#efefef solid 1px;}
.n-right-gundong li .pic{ float:left; width:103px; height:103px; border:#eaeaea solid 1px; background-color:#FFF; display: flex;  align-items: center; justify-content: center; text-align:center;}
.n-right-gundong li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-right-gundong li .con{ float:left; width:160px; margin-left:19px; margin-top:13px; }
.n-right-gundong li .con .tit { color:#333333; font-size:16px; line-height:34px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.n-right-gundong li .con .des { color:#666666; font-size:14px; line-height:21px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*n-gongyi-top*/
.n-gongyi-top { text-align:center; padding-top:98px; padding-bottom:56px; }
.n-gongyi-bot { text-align:center; padding-top:88px; padding-bottom:80px; }
.n-gongyi-bot .public-des { color:#999999; margin-top:17px; }
/*n-gongyi*/
.n-gongyi { height:750px; background:url(../image/gongyi-bg.jpg) no-repeat top center;  padding-top:110px;}
.n-gongyi-show { width:100%; position:relative; height:auto;}
.n-gongyi-show .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.n-gongyi-show .swiper-slide {}
.n-gongyi-show .gallery-top{width:100%; height:390px; }
.n-gongyi-show .gallery-thumbs{ width:100%; height:178px; text-align:center; border:rgba(255,255,255,.4) solid 2px; border-radius:5px;}
.n-gongyi-show .gallery-thumbs .swiper-slide{width:14.28%;height:100%;opacity:1; transition: 0.5s; position:relative; cursor:pointer; }
.n-gongyi-show .gallery-thumbs .swiper-slide-thumb-active{opacity:1; color:#07542e;}
.n-gongyi-da {width:473px; }
.n-gongyi-da .public-cn { color:#ffffff; }
.n-gongyi-da .des { color:#ffffff; font-size:16px; line-height:32px; margin-top:38px; height:224px; overflow:auto; }
.n-gongyi-xiao { padding-top:36px; position:relative; height:174px; position:relative; }
.n-gongyi-xiao:after{content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:rgba(255,255,255,.2); }
.n-gongyi-xiao .pic{ height:68px;}
.n-gongyi-xiao .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-gongyi-xiao .tit{ color:#ffffff; font-size:16px; line-height:2; margin-top:14px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
/*n-pro*/
.n-pro { padding-top:60px; padding-bottom:70px; }
.n-left { float:left; width:300px; }
.n-right { float:right; width:1058px; }
.n-pro-list { height:auto;}
.n-pro-list ul li{ float:left; width:250px; height:auto; border:#dddddd solid 1px; margin-bottom:19px; text-align:center; }
.n-pro-list ul li:nth-child(4n+2) { margin-left:19px;}
.n-pro-list ul li:nth-child(4n+3) { margin-left:19px;}
.n-pro-list ul li:nth-child(4n+4) { margin-left:19px;}
.n-pro-list ul li .pic { height:248px; overflow:hidden; display: flex;  align-items: center; justify-content: center; }
.n-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-pro-list ul li .tit { color:#333333; font-size:16px; line-height:54px; font-weight:bold; position:relative;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 5px; }
.n-pro-list ul li .tit:after{content:""; position:absolute; left:3%; top:0; width:94%; height:1px; background-color:#eeeeee; }
/*.n-pro-list ul li:hover .tit { background-color:#333; color:#FFF; }
.n-pro-list ul li:hover .tit:after {background-color:#333;}*/
/*n-left-contact*/
.n-left-contact { height:228px; background:url(../image/n-left-contact.jpg) no-repeat; background-size:100% 100%; text-align:center; color:#ffffff; font-size:18px; line-height:31px; padding-top:47px; }
.n-left-contact img{ height:60px; margin-bottom:8px;}
.n-left-contact h3{ color:#ffffff; font-size:24px; line-height:33px;}
.n-left-ban { height:80px; background:url(../image/n-left-ban.jpg) no-repeat; background-size:100% 100%; text-align:center; color:#ffffff; font-size:28px; line-height:80px; font-weight:bold; }
.n-left-list { margin-bottom:26px; background-color:#f5f5f5; padding:12px 25px; }
.n-left-list ul li { border-bottom:#e3e3e3 solid 1px; background:url(../image/sub1.png) no-repeat left center; padding-left:22px; color:#333333; font-size:18px; line-height:56px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.n-left-list ul li:last-child { border-bottom:none; }
.n-left-list .erji { padding:8px 0; }
.n-left-list .erji ul li { border-bottom:none; background:url(../image/sub2.png) no-repeat left center; padding-left:43px; font-size:16px; line-height:42px; font-weight:normal; }
/*n-view-top*/
.n-view-top { background-color:#f5f5f5; text-align:center; padding:54px 90px 32px 90px; }
.n-view-top .tit { color:#333333; font-size:36px; line-height:1.5; font-weight:bold;}
.n-view-top .des { color:#ffffff; font-size:16px; line-height:35px; font-weight:bold; margin-top:10px; }
.n-view-top .des span { display:inline-block; background-color:#333333; padding:0 36px; border-radius:18px; }
.n-view-top .pic { background-color:#FFF; border:#e7e7e7 solid 1px; display: flex;  align-items: center; justify-content: center; margin-top:35px; }
.n-view-top .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-view-bot { margin-top:30px; }
.n-view-bot .ban { height:51px; background-color:#333333; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px;color:#ffffff; font-size:20px; line-height:51px; font-weight:bold; }
.n-view-bot .con { padding:40px 50px; border:#eeeeee solid 1px; color:#666666; font-size:16px; line-height:2; min-height:200px; overflow:auto; }
.n-view-bot .con img { max-width:100%;}


@media (max-width:1450px){
.wrap{width:94%}
.header .logo{ width:28%; }
.header .nav ul li{ font-size:15px; margin-left:30px;  } 
.header .nav ul li:after{ height:2px; }
/*i-pinpai1450*/
.i-pinpai-right { width:34%; }
/*i-xianjin1450*/
.i-xianjin-right {  width:34%; }
.i-xianjin-right .cn { font-size:28px;}
/*i-pro1450*/
.i-pro ul li{ width:15%; margin-left:2%;}
.i-pro ul li:first-child { margin-left:0; }
.i-pro ul li .pic { height:180px; }
/*i-kexue1450*/
.i-kexue-left { width:34%; }
/*footer1450*/
.f-left { width:81%; }
.f-top ul li { width:33%;}
.f-top ul li .pic{ width:16%; height:auto; }
.f-top ul li .con {  width:80%;}
.f-top ul li .con .tit { font-size:14px;}
.f-top ul li .con .des {font-size:16px; }
.f-nav { font-size:14px;}
.f-nav ul li { margin-right:30px;}
.f-nav ul li:after{ right:-15px; }
.f-right {width:14%; padding:20px 20px 75px 20px; }
.f-right img { margin-bottom:10px;}
/*n-about1450*/
.n-about-left { width:54%; margin-left:0;  }
.n-about-right { width:43%;}
/*n-contact1450*/
.n-contact-left { width:37%; margin-left:3%; }
.n-contact-top {padding-top:36px;}
.n-contact-top .con { width:72%; }
.n-contact-top .con .cn { font-size:20px; }
.n-contact-bot ul li .con { width:79%; }
.n-contact-right { width:54%; }
/*n-news1450*/
.n-news-left { width:73%; }
.n-news-list ul li .con { width:65%;}
.n-news-right {  width:24%; margin-top:22px; }
/*n-right-gundong1450*/
.n-right-gundong li .pic{ width:83px; height:83px;}
.n-right-gundong li .con{ width:48%; margin-top:0; }
/*n-pro1450*/
.n-left { width:21.4%; }
.n-right { width:75.5%; }
.n-pro-list ul li{ width:23.5%;}
.n-pro-list ul li:nth-child(4n+2) { margin-left:2%;}
.n-pro-list ul li:nth-child(4n+3) { margin-left:2%;}
.n-pro-list ul li:nth-child(4n+4) { margin-left:2%;}
.n-pro-list ul li .pic { height:220px;}



}


@media (max-width:1200px){

/*public1200*/
.public-en { font-size:28px;}
.public-cn { font-size:26px;}
/*i-top1200*/
.i-top { padding-top:70px; padding-bottom:60px;}
/*i-pinpai1200*/
.i-pinpai { height:480px;  padding-top:70px;}
.i-pinpai-right .list { font-size:16px; line-height:40px; }
/*i-xianjin1200*/
.i-xianjin { height:500px;  padding-top:70px; }
.i-xianjin-right .cn { font-size:24px;}
.i-xianjin-right .list ul li .pic { height:58px; }
/*i-pro1200*/
.i-pro ul li .pic { height:145px; }
.i-pro ul li .tit { font-size:16px; }
/*i-kexue1200*/
.i-kexue { height:480px; padding-top:70px;}
.i-kexue-left .list { font-size:16px; line-height:40px; }
/*footer1200*/
.f-top { padding-top:52px;  padding-bottom:30px;}
.f-right { margin-top: 36px; padding:15px 15px 75px 15px; }
/*n-banner1200*/
.n-banner-text { top:55%;}
.n-banner-text .public-cn i { width:72px;}
/*n-about1200*/
.n-about { padding-top:60px; padding-bottom:50px; }
.n-about-left { margin-right:20px; margin-bottom:20px;}
.n-about-right { float:none; width:100%;}
/*n-linian1200*/
.n-linian { height:400px; }
.n-linian-con {padding-top:67px;}
.n-linian-con .public-des { font-size:16px; }
/*n-contact1200*/
.n-contact { margin-top:68px; margin-bottom:68px; }
.n-contact-left { float:none; width:94%; }
.n-contact-top { padding-bottom:23px; }
.n-contact-bot ul li .con { margin-top:0; }
.n-contact-right { float:none; width:100%; text-align:center; margin-top:30px; }
/*n-liuyan1200*/
.n-liuyan { height:auto; padding-top:40px; padding-bottom:40px; }
.n-liuyan-con input[type=submit]{ font-size:16px;}
/*n-news1200*/
.n-news { padding-top:26px; padding-bottom:50px;}
.n-news-list ul li { padding-top:20px; padding-bottom:23px;}
.n-news-list ul li .riqi .riqi-dd { font-size:28px; line-height:44px;}
.n-news-list ul li .con .tit { line-height:50px; }
.n-news-ban { padding-left:17px; }
.n-right-list { padding: 0 16px 4px 16px;}
.n-right-list ul li {padding-top:17px;padding-bottom: 11px;}
/*box1200*/
.box {height:412px;}
/*n-right-gundong1200*/
.n-right-gundong { padding:18px 16px;}
.n-right-gundong li{ padding-top:13px; padding-bottom:13px; }
.n-right-gundong li .pic{ width:73px; height:73px; margin-top:3px; }
.n-right-gundong li .con{ width:48%; }
/*n-gongyi-top1200*/
.n-gongyi-top { padding-top:78px; padding-bottom:46px; }
.n-gongyi-bot { padding-top:68px; padding-bottom:60px; }
/*n-gongyi1200*/
.n-gongyi { height:auto; padding-top:70px; padding-bottom:70px;}
.n-gongyi-show .gallery-top { height:320px;}
.n-gongyi-show .gallery-thumbs{ height:158px;}
.n-gongyi-da .des { height:192px; }
.n-gongyi-xiao { padding-top:26px; height:154px;}
.n-gongyi-xiao .pic { height:63px; }
/*n-pro1200*/
.n-pro { padding-top:40px; padding-bottom:50px; }
.n-pro-list ul li .pic { height:170px;}
/*n-left-contact1200*/
.n-left-contact { height:200px; padding-top:37px; }
.n-left-contact img{ height:50px;}
.n-left-contact h3{ font-size:20px;}
.n-left-ban { height:70px; font-size:22px; line-height:70px; }
.n-left-list {  padding:12px 15px; }
.n-left-list ul li { padding-left:12px; line-height:51px; background-size:7px auto;}
.n-left-list .erji { padding:0; }
.n-left-list .erji ul li { padding-left:33px; line-height:42px; background-size:25px auto; }
/*n-view-top1200*/
.n-view-top { padding:34px 30px 32px 30px; }
.n-view-top .tit {font-size:26px;}
.n-view-bot .ban { height:41px; font-size:18px; line-height:41px; }
.n-view-bot .con { padding:20px 30px; }




}


@media (max-width:992px){
/*header992*/
.header{ display:none;}
/*welcome992*/
.welcome { height:40px; font-size:14px; line-height:40px;background-color:rgba(0,0,0,1); }
.wel-left { display:none; }
.wel-shangcheng {  padding:0 10px; margin:0 10px;  }
.wel-shangcheng:before{top:12.5px; }
.wel-shangcheng:after{top:12.5px;}
.wel-quan { height:40px;  }
.wel-search { margin-top:5px; }
.header2{ display: block; } 
.header-wrap { display:block; height:40px;}
/*public992*/
.public-en { font-size:26px;}
.public-cn { font-size:24px;}
.public-des { margin-top:19px;}
/*i-top992*/
.i-top { padding-top:50px; padding-bottom:40px;}
/*i-pinpai992*/
.i-pinpai { height:380px; padding-top:20px;}
.i-pinpai-right .list {line-height:34px; }
/*i-xianjin992*/
.i-xianjin { height:400px;  padding-top:30px; }
.i-xianjin-right { width:40%;}
.i-xianjin-right .cn { font-size:20px;}
.i-xianjin-right .list ul li .pic { height:48px; }
/*i-pro992*/
.i-pro { padding-top:20px;}
.i-pro ul li{ width:32%; margin-top:10px; margin-left:0;}
.i-pro ul li:nth-child(3n+2) { margin-left:2%;}
.i-pro ul li:nth-child(3n+3) { margin-left:2%;}
.i-pro ul li .pic { height:230px;}
/*i-kexue992*/
.i-kexue { height:380px; padding-top:20px;}
.i-kexue-left .list {line-height:34px; }
/*footer992*/
.f-top ul li .pic{ width:13%; }
.f-top ul li .con .tit { margin-top:5px;}
/*n-banner992*/
.n-banner-text { top:40%;}
.n-banner-text .public-cn i { width:52px;}
.n-banner-text.n-banner-left { top:43%;}
/*n-about992*/
.n-about { padding-top:40px; padding-bottom:40px; }
/*n-contact992*/
.n-contact { margin-top:48px; margin-bottom:48px; }
/*n-news992*/
.n-news { padding-top:16px; padding-bottom:40px;}
.n-news-left { float:none; width:100%; }
.n-news-list ul li { padding-top:15px; padding-bottom:18px;}
.n-news-list ul li .riqi .riqi-dd { font-size:24px; line-height:40px;}
.n-news-right { float:none; width:100%; }
/*n-right-gundong992*/
.n-right-gundong li .con{ width:65%; }
/*n-gongyi-top992*/
.n-gongyi-top { padding-top:58px; padding-bottom:36px; }
.n-gongyi-bot { padding-top:48px; padding-bottom:40px; }
/*n-gongyi992*/
.n-gongyi { padding-top:50px; padding-bottom:50px; background-size:auto 100%; }
.n-gongyi-show .gallery-thumbs { height:272px; position:relative; }
.n-gongyi-show .gallery-thumbs:before{content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:rgba(255,255,255,.2); }
.n-gongyi-show .gallery-thumbs .swiper-slide{ height:calc((100% - 1px)/ 2);width:20%;}
.n-gongyi-xiao .pic { height:53px; }
/*n-pro992*/
.n-pro { padding-top:30px;  padding-bottom: 40px;}
.n-left { float:none; width:100%; margin-top:30px; }
.n-right { float:none; width:100%; }
/*n-left-contact992*/
.n-left-contact { height:170px; padding-top:27px;font-size:16px; }
.n-left-contact img{ height:40px;}
.n-left-contact h3{ font-size:18px;}
.n-left-ban { height:60px; font-size:20px; line-height:60px; }
.n-left-list {  padding:7px 15px; }
/*n-view-top992*/
.n-view-top .tit {font-size:22px;}


}

@media (max-width:767px){
/*header768*/
.header2{ background-color:#35383a; } 
.header-wrap { display:block; height:90px;}
.wel-tel.active { display:none; }
.wel-shangcheng.active { display:none; }
.f_nav { display:block;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:9px;}
/*public767*/
.public-en { font-size:23px;}
.public-cn { font-size:21px;margin-top: 13px;}
.public-des { margin-top:16px;}
/*i-top767*/
.i-top { padding-top:40px; padding-bottom:30px;}
.i-top .public-des { text-align:left;}
/*i-pinpai767*/
.i-pinpai { height:auto; padding-bottom:20px; background:url(../image/pinpai-bg2.jpg) no-repeat center center;     background-size: auto 100%;}
.i-pinpai-right { padding:20px; width:100%;  background-color:rgba(0, 0, 0, 0.2);}
/*i-xianjin767*/
.i-xianjin { height:auto; padding-top:20px; padding-bottom:20px;background:url(../image/xianjin-bg2.jpg) no-repeat center center;     background-size: auto 100%; }
.i-xianjin-right { padding:20px; width:100%;  background-color:rgba(0, 0, 0, 0.2);}
.i-xianjin-right .cn { font-size:18px;}
/*i-pro767*/
/*.i-pro ul li{ width:48.5%; }
.i-pro ul li:nth-child(3n+2) { margin-left:0;}
.i-pro ul li:nth-child(3n+3) { margin-left:0;}
.i-pro ul li:nth-child(even) { margin-left:3%;}
.i-pro ul li .pic { height:170px;}*/
/*i-pro767*/
.i-pro { padding-top: 10px;}
.i-pro ul li .pic { height:120px;}
/*i-kexue767*/
.i-kexue { height:auto; padding-bottom:20px; background:url(../image/kexue-bg2.jpg) no-repeat center center;    background-size: auto 100%;}
.i-kexue-left { padding:20px; width:100%;  background-color:rgba(255, 255, 255, 0.2);}
/*footer767*/
.footer { padding-bottom:5em; }
.f-left { float:none; width:100%; }
.f-top { padding-top:0; padding-bottom:20px;}
.f-top ul li { float:none; width:100%; margin-top:30px; }
.f-top ul li .pic{ max-width:50px; }
.f-right { float:none; width:100%; margin-top:0; padding:30px 15px 25px 15px;  }
/*n-banner767*/
.n-banner-text { top:30%;}
.n-banner-text .public-cn i { width:32px;}
.n-banner-text.n-banner-left { top:30%;}
/*n-about767*/
.n-about { padding-top:30px; padding-bottom:30px; }
.n-about-left { float:none; width:100%; margin:0;}
.n-about-right { margin-top:30px;}
/*n-linian767*/
.n-linian { height:auto; padding-bottom:70px; background:url(../image/linian-bg2.jpg) no-repeat center right; }
.n-linian-con {padding-top:47px;}
.n-linian-con .public-des { line-height:2; text-align:left; }
/*n-main767*/
.n-main { padding-top:20px; padding-bottom:30px; }
/*n-page767*/
.n-page { padding:20px 0;}
/*n-newshow767*/
.n-newshow { padding:20px 0;}
.n-tit { font-size:18px; line-height:30px; }
.n-xian { margin-top: 10px;}
/*n-contact767*/
.n-contact { margin-top:20px; margin-bottom:20px; }
.n-contact-top { padding-top:16px;}
.n-contact-top .con { width:67%;}
.n-contact-top .con .cn { font-size:18px;}
.n-contact-bot ul li .pic {width: 52px; height:52px;}
.n-contact-bot ul li .con {width: 69%;}
/*n-liuyan767*/
.n-liuyan-box { padding-top:20px;}
.n-liuyan-con { padding: 20px 40px 0 40px;}
.n-liuyan-con ul li { margin-top:15px;}
.n-liuyan-con ul li:nth-child(1) { width:100%;}
.n-liuyan-con ul li:nth-child(2) { width:100%;}
.n-liuyan-con ul li:nth-child(3) { width:100%;}
.n-liuyan-con textarea { height:100px;}
.n-liuyan-con input[type=submit]{ width:100%; }
/*n-news767*/
.n-news { padding-top:6px; padding-bottom:30px;}
.n-news-list ul li { padding-top:10px; padding-bottom:13px; background-size:30px auto;}
.n-news-list ul li .riqi { width:68px;}
.n-news-list ul li .riqi .riqi-dd { font-size:20px; line-height:40px;}
.n-news-list ul li .con { width:66%;    margin-left:15px;}
.n-news-list ul li .con .tit { font-size:16px; }
.n-right-list ul li { padding-top: 11px; padding-bottom: 11px;}
/*n-gongyi-top767*/
.n-gongyi-top { padding-top:38px;padding-bottom:26px; }
.n-gongyi-bot { padding-top:28px; padding-bottom:20px; }
/*n-gongyi767*/
.n-gongyi { padding-top:20px; padding-bottom:30px; background:url(../image/gongyi-bg2.jpg) no-repeat center center; background-size:auto 100%;}
.n-gongyi-show .gallery-top{ height:290px; }
.n-gongyi-show .gallery-thumbs { height:304px; position:relative; }
.n-gongyi-show .gallery-thumbs:before{content:""; position:absolute; left:0; top:33.33%; width:100%; height:1px; background-color:rgba(255,255,255,.2); }
.n-gongyi-show .gallery-thumbs:after{content:""; position:absolute; left:0; top:66.66%; width:100%; height:1px; background-color:rgba(255,255,255,.2); }
.n-gongyi-show .gallery-thumbs .swiper-slide{ height:calc((100% - 1px)/ 3);width:33.33%;}
.n-gongyi-da {width:80%;  }
.n-gongyi-da .des { margin-top:18px; font-size:15px; }
.n-gongyi-xiao { height:100px; padding-top:11px;}
.n-gongyi-xiao .pic { height:38px; }
.n-gongyi-xiao .tit { margin-top:9px; font-size:14px;}
/*n-pro767*/
.n-pro { padding-top: 20px; padding-bottom: 30px;}
.n-pro-list ul li{ width:48.5%;}
.n-pro-list ul li:nth-child(4n+2) { margin-left:0;}
.n-pro-list ul li:nth-child(4n+3) { margin-left:0;}
.n-pro-list ul li:nth-child(4n+4) { margin-left:0;}
.n-pro-list ul li:nth-child(even) { margin-left:3%; }
.n-pro-list ul li .pic { height:169px;}
.n-pro-list ul li .tit { font-size:15px; line-height:44px;  }
.n-left-list ul li { font-size:16px;}
/*n-view-top767*/
.n-view-top { padding:30px 15px 30px 15px;}
.n-view-top .tit {font-size:20px;}
.n-view-top .des { line-height:1.5; height:auto; font-size:14px; }
.n-view-top .des span { padding:5px 16px;}
.n-view-top .pic { margin-top: 25px; }
.n-view-bot .ban { font-size:16px; }
.n-view-bot .con { padding:10px 15px;}

}

@media (max-width:350px){
/*public350*/
.public-en { font-size:22px;}
.public-cn { font-size:20px;}
/*footer350*/
.f-top ul li .con .tit { margin-top:0;}
}

@media (min-width: 993px){


}