@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;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::-webkit-input-placeholder{color:#999!important}

textarea::-webkit-input-placeholder{color:#999!important}

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:1600px;position:relative;max-width:100%;margin:0 auto}

.wrap::after{content:"";display:block;clear:both}

/*自定义*/

body{ font-family:Arial, Helvetica, sans-serif; }

/*header*/

.header {height:180px; position:fixed; width:100%; z-index:999; }

.header .logo{float:left; height:180px;}

.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; margin-top:48px; }

.header .nav ul li{float:left; width:auto; color:#ffffff; font-size:24px; line-height:80px; margin-left:50px; position:relative; font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45); text-transform:uppercase;} 

.header .nav ul li:first-child { margin-left:0; }

.header .nav ul li a { display:block; }

.header .nav ul li>a i { display:inline-block; width:13px; height:13px; background:url(../images/nav-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-left:5px; transition: all 0.5s ease 0s;}

.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:80px;z-index:30000; background-color: rgba(255, 255, 255, 0.15);}

.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; color:#FFF;}

.header .nav ul li .sub ul li:hover { font-weight:bold; }

.h-right { float:right;  margin-top:70px; margin-left:170px; height:70px; position:relative; }

.h-right-top { width:36px; height:36px; cursor:pointer; }

.h-right-top img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.h-right-bot{ width:154px;height:154px;background-color:#ffffff;  position:absolute; top:60px; left:50%; margin-left:-77px; border-radius:10px; display: flex;  align-items: center; justify-content: center; display:none; }

.h-right-bot::before{content:"";position:absolute;top:-10px;left:50%; margin-left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff; }

.h-right-bot img { width:130px; border-radius:10px; }

.h-right:hover .h-right-bot { display:flex; }

/*header-fix*/

.header-fix { background: rgba(0,0,0,.4); height:80px; }

.header-fix .logo{ height:80px;}

.header-fix .nav{ margin-top:0; }

.header-fix .h-right { margin-top:20px; }

.header-fix .nav ul li .sub {background-color: rgba(0, 0, 0, 0.4);}

/*header2*/

.header2{height:60px;position:fixed; z-index:22;top:0;width:100%; display:none; }

.header2-fix { background: rgba(0,0,0,.4); }

.header2 .main-wrap{height:60px;padding:0 3%;}

.header2 .logo{width:250px;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 { display:none; width:20px; color:#ffffff; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }

.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(../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: 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(../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 { width:100%; background-color:#000; }

.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 { text-align:center; }

.public .tit { color:#000000; font-size:80px; line-height:1.1; font-weight:bold; text-transform:uppercase; }

.public .des { color:#7b7a7a; font-size:30px; line-height:1.6; padding:0 6%; margin-top:13px; }

/*best*/

.best { padding-top:70px; padding-bottom:120px; }

.best-list { margin-top:70px; }

.best-list ul li { float:left; width:390px; height:550px; position:relative; }

.best-list ul li:nth-child(4n+2) { margin-left:13.33px;}

.best-list ul li:nth-child(4n+3) { margin-left:13.33px;}

.best-list ul li:nth-child(4n+4) { margin-left:13.33px;}

.best-list ul li .pic { width:100%; height:100%; }

.best-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;} 

.best-list ul li .mask { position:absolute; top:0; left:0; width:100%; height:100%;  background-color:rgba(238, 27, 46, 1) ; transition: 0.5s;}

.best-list ul li .logo { position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/best-logo1.png) no-repeat center center; background-size:100% 100%; }

.best-list ul li:nth-child(4n+2) .logo { background:url(../images/best-logo2.png) no-repeat center center; background-size:100% 100%; }

.best-list ul li:nth-child(4n+3) .logo { background:url(../images/best-logo3.png) no-repeat center center; background-size:100% 100%; }

.best-list ul li:nth-child(4n+4) .logo { background:url(../images/best-logo4.png) no-repeat center center; background-size:100% 100%; }

.best-list ul li .con { position:absolute; top:0; left:0; width:100%; height:100%; padding-top:95px;  }

.best-list ul li .con .icon { width:110px; height:110px; margin-left:40px; }

.best-list ul li .con .icon img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.best-list ul li .con .icon img:nth-child(2) { display:none;}

.best-list ul li .con .tit { color:#ffffff; font-size:60px; line-height:1.4; font-weight:bold; padding:0 50px; margin-top:11px; }

.best-list ul li .con .des { color:#ffffff; font-size:26px; line-height:1.4; padding:0 50px; margin-top:14px; }

.best-list ul li:hover .mask { background-color:rgba(0, 0, 0, 0.7) ; }

/*service*/

.service { background-color:#f7f7f7; padding-top:110px; padding-bottom:110px; }

.service-left { float:left; width:830px; }

.service-left .tit { display:inline-block; color:#000000; font-size:80px; line-height:1.4; font-weight:bold; text-transform:uppercase; background:url(../images/service-tit.png) repeat-x center center; background-size:auto 100%; padding-right:20px; }

.service-left .des { color:#000000; font-size:34px; line-height:1.76; }

.service-left .des img { vertical-align:middle; }

.service-left .des p { margin-top:35px; }

.service-left .more { width:300px; height:70px; background-color:#ee1b2e; text-align:center; color:#ffffff; font-size:24px; line-height:70px; margin-top:44px; text-transform:uppercase; }

.service-left .more a { display:block; width:100%; height:100%; }

.service-left .more i { display:inline-block; width:35px; height:35px; background:url(../images/more-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-top:-4px; margin-left:30px; }

.service-right { float:right; width:720px; background-color:#FFF; padding:15px; margin-top:12px; }

.service-right img { display:block; width:100%; margin-bottom:15px; }

.service-right img:last-child { margin-bottom:0; }

/*portfolio*/

.portfolio { padding-top:90px; }

.portfolio-list { padding-top:90px; }

.portfolio-list ul li { float:left; width:33%; height:475px; margin-top:8px; position:relative; overflow:hidden; }

.portfolio-list ul li:nth-child(3n+2) { margin-left:0.5%;}

.portfolio-list ul li:nth-child(3n+3) { margin-left:0.5%;}

.portfolio-list ul li .pic { width:100%; height:100%; overflow:hidden; }

.portfolio-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}

.portfolio-list ul li .con { position:absolute; top:100%; left:0; width:100%; height:100%; background-color:rgba(238, 27, 46, 0.8) ;  color:#ffffff; font-size:60px; line-height:1.33; display: flex;  align-items: center; justify-content: center; text-align:center; padding:0 17%; transition:top 0.1s ease-in-out;}

.portfolio-list ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}

.portfolio-list ul li:hover .con { top:0; }

/*partner*/

.partner { padding-top:80px; padding-bottom:130px; }

.partner-list { margin-top:70px; }

.partner-list ul {display:flex; align-items: center; justify-content: space-between;}

.partner-list ul li { width:200px; height:150px; display: flex;  align-items: center; justify-content: center; }

.partner-list ul li img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; filter: grayscale(100%);  }

.partner-list ul li:hover img { transform: scale(1.05);transition: 0.5s; filter: grayscale(0);  }

/*factory*/

.factory { background:rgba(238, 27, 46, 0.8) url(../images/factory-bg.jpg) no-repeat center center; background-size:cover; height:700px; }

.factory .con { padding-top:170px;}

.factory .con .tit {color:#ffffff; font-size:80px; line-height:1.35; font-weight:bold; text-transform:uppercase; text-align:center; }

.factory .con .more { width:300px; height:70px; border:#ffffff solid 1px; text-align:center; color:#ffffff; font-size:24px; line-height:70px;  text-transform:uppercase; margin:0 auto; margin-top:100px; }

.factory .con .more a { display:block; width:100%; height:100%; }

.factory .con .more i { display:inline-block; width:35px; height:35px; background:url(../images/more-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-top:-4px; margin-left:30px; }

/*footer*/

.footer { background:#222222 url(../images/footer-bg.jpg) no-repeat center center; background-size:cover;  padding-top:65px; padding-bottom:100px; }

.f-contact { border-bottom:#666565 solid 1px;padding-bottom:70px; }

.f-contact-left { float:left; width:450px; }

.f-contact-left .tit { color:#ffffff; font-size:54px; line-height:1.1; font-weight:bold; }

.f-contact-left .des { color:#ffffff; font-size:40px; line-height:1.1; }

.f-contact-right { float:right; width:1100px; color:#c5c5c5; font-size:24px; line-height:1.8; margin-top:20px; }

/*f-bottom*/

.f-bottom { padding-top:90px; color:#989898; font-size:20px; line-height:2; }

.f-bottom a:hover { color:#FFF; }

.f-left { float:left; width:260px; }

.f-mid { float:left; width:280px; margin-left:210px; }

.f-right { float:right; width:700px; }

.f-ewm { float:right; display:none; }

.f-ewm ul li { float:left; width:150px; text-align:center; }

.f-ewm ul li:nth-child(even) { margin-left:20px; }

.f-ewm ul li .pic { width:100%; height:150px; }

.f-ewm ul li .pic img{width: 100%;height: 100%;vertical-align: middle;}

.f-ban { color:#ffffff; font-size:24px; line-height:2; }

.f-ban img { width:40px; vertical-align:middle; margin-right:8px; }

.f-nav { margin-top:24px; }

.f-nav ul li { float:left; width:50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.f-list { margin-top:24px; }

.f-list ul li { float:left; width:50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.f-list ul li:last-child { width:100%; }

.f-text { margin-top:24px; }

/*f-copy*/

.f-copy { background-color:#222222;  color:#a1a1a1; font-size:18px; line-height:2; padding-top:30px; padding-bottom:30px; }

.f-copy a:hover { color:#ffffff; }

.f-copy-left { float:left; }

.f-copy-left img { width:56px; vertical-align:middle; margin-right:20px; }

.f-copy-right { float:right; }

.f-copy-right a { display:inline-block; width:40px; height:40px; opacity:0.4; background-color:rgba(153, 153, 153, 0.5); border-radius:50%; margin:0 5px; }

.f-copy-right a img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.f-copy-right a:hover { opacity:1; background-color:rgba(238, 27, 46, 1); }

/*banner-n*/

.banner-n { height:600px; position:relative; background-color:#000; }

.banner-n .pic { width:100%; height:100%; }

.banner-n .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}

.banner-n .con { position:absolute; top:0; left:0; width:100%; height:auto; padding-top:250px; }

.banner-n .con .tit { color:#ffffff; font-size:20px; line-height:1.5; text-transform:uppercase; }

.banner-n .con .des { color:#ffffff; font-size:76px; line-height:1.5; margin-top:10px; padding-right:25%; }

/*n-about*/

.n-about { color:#000000; font-size:30px; line-height:2; padding-top:60px; padding-bottom:110px;  min-height:300px;}

.n-about img { max-width:100%; }

.n-about h3 { font-size:60px; font-weight:bold; }

.n-about h4 { font-size:36px; font-weight:bold; margin-top:15px; }

.n-about h4 img { vertical-align:middle;}

.n-about h5 { font-size:24px; font-weight:normal; }

/*n-design*/

.n-design { padding-top:15px; padding-bottom:70px; min-height:300px; }

.n-design ul li { margin-top:40px; border:#dcdcdc solid 1px; padding:0 40px; position:relative;}

.n-design ul li .tit { color:#000000; font-size:40px; line-height:130px; font-weight:bold; cursor:pointer; }
.n-design ul li .tit:hover{ color:#ee1b2e; }

.n-design ul li .des { display:none; color:#000000; font-size:30px; line-height:2; border-top:#dcdcdc solid 1px; padding:40px 0; }

.n-design ul li .icon { position:absolute; right:40px; top:47px; width:36px; height:36px; background:url(../images/jia.png) no-repeat center center; background-size:100% 100%; cursor:pointer; }

.n-design ul li.active .tit { color:#ee1b2e; }

.n-design ul li.active .icon { background: url(../images/jian.png) no-repeat center center; background-size:100% 100%; }

/*n-portfolio-list*/

.n-portfolio-list { margin-top:50px; }

.n-portfolio-list ul li { float:left; width:33.33%; height:400px; border:#ffffff solid 3px; overflow:hidden; }

.n-portfolio-list ul li a { display:block; display: flex;  align-items: center; justify-content: center; overflow:hidden; }

.n-portfolio-list ul li img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.n-portfolio-list ul li:hover img {transform: scale(1.05);transition: 0.5s;}

/*n-portfolio-list-tit*/

.n-portfolio-list-tit { margin-top:50px; }

.n-portfolio-list-tit ul li { float:left; width:32%;  overflow:hidden; text-align:center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-top:40px; position:relative; }
.n-portfolio-list-tit ul li:nth-child(3n+2) { margin-left:2%;}
.n-portfolio-list-tit ul li:nth-child(3n+3) { margin-left:2%;}

.n-portfolio-list-tit ul li .pic { height:400px; display: flex;  align-items: center; justify-content: center; overflow:hidden; }
.n-portfolio-list-tit ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}

.n-portfolio-list-tit ul li .mask { position:absolute; top:0; left:0; width:100%; height:400px; background-color:rgba(0, 0, 0, 0.4); display: flex;  align-items: center; justify-content: center; opacity: 0; transition:opacity 0.1s ease;  }
.n-portfolio-list-tit ul li .mask a { display:inline-block; width:36px; height:36px; background: #FFF url(../images/port1.png) no-repeat center center; background-size:70% 70%; border-radius:50%; transition: margin 0.2s ease;}
.n-portfolio-list-tit ul li .mask a:nth-child(2) { background: #FFF url(../images/port2.png) no-repeat center center; background-size:70% 70%;}
.n-portfolio-list-tit ul li:hover .mask { opacity: 1;}
.n-portfolio-list-tit ul li:hover .mask a { margin:0 7px; }
.n-portfolio-list-tit ul li .mask a:hover { background: #ee1b2e url(../images/port12.png) no-repeat center center; background-size:70% 70%; }
.n-portfolio-list-tit ul li .mask a:nth-child(2):hover { background: #ee1b2e url(../images/port22.png) no-repeat center center; background-size:70% 70%;}


.n-portfolio-list-tit ul li .tit { height:80px; color:#333333; font-size:20px; line-height:80px; background-color:#FFF;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; transition: color 0.5s ease;}
.n-portfolio-list-tit ul li .tit:hover { color:#ee1b2e; }
/*n-exhibits-list*/

.n-exhibits-list { padding-bottom:40px; }

.n-exhibits-list ul li { margin-top:65px; }

.n-exhibits-list ul li .pic { float:left; width:550px; height:410px; overflow:hidden; border:#eae9e9 solid 1px; display: flex;  align-items: center; justify-content: center; }

.n-exhibits-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s;}

.n-exhibits-list ul li .con { float:right; width:1000px; }

.n-exhibits-list ul li .con .tit { color:#000000; font-size:40px; line-height:1.5; font-weight:bold; margin-top:32px; transition: color 0.5s ease;}

.n-exhibits-list ul li .con .des { color:#000000; font-size:26px; line-height:40px; height:160px; overflow:hidden; margin-top:12px; }

.n-exhibits-list ul li .con .more { width:300px; height:70px; background-color:#ee1b2e; text-align:center; color:#ffffff; font-size:24px; line-height:70px; margin-top:36px; text-transform:uppercase; border:#ee1b2e solid 1px; }

.n-exhibits-list ul li .con .more a { display:block; width:100%; height:100%; }

.n-exhibits-list ul li .con .more i { display:inline-block; width:35px; height:35px; background:url(../images/more-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-top:-4px; margin-left:30px; }
.n-exhibits-list ul li .pic:hover img {transform: scale(1.05);transition: 0.5s;}
.n-exhibits-list ul li .tit:hover { color:#ee1b2e; }


/*n-contact*/

.n-contact { min-height:300px; padding-top:80px; padding-bottom:90px; }

.n-contact-left { float:left; width:750px; color:#000000; font-size:20px; line-height:2; }

.n-contact-left h3 { font-size:60px; line-height:1.5; font-weight:bold; }

.n-contact-left h4 { font-size:35px; line-height:1.5; font-weight:normal; }

.n-contact-left h5 { font-size:22px; line-height:1.5; font-weight:bold; margin-top:20px; }

.n-contact-right { float:right; width:820px; }

.n-contact-right img{ max-width: 100%;max-height: 100%;vertical-align: middle;}

/*n-message*/

.n-message { background:#fdfdfd url(../images/message-bg.jpg) no-repeat center center; background-size:cover; padding-top:80px; padding-bottom:70px; }

.n-message ul li { float:left; width:32%; margin-top:20px; }

.n-message ul li:nth-child(3n+2) { margin-left:2%;}

.n-message ul li:nth-child(3n+3) { margin-left:2%;}

.n-message ul li .tit { color:#000000; font-size:18px; line-height:2.8; font-weight:bold; }

.n-message ul li .des { height:70px; }

.n-message ul li .des input[type=text] { width:100%; height:70px; background-color:#FFF; color:#000000; font-size:18px; border:#0b1833 solid 1px; padding-left:25px; }

.n-message ul li .des select{ width:100%; height:70px; background-color:#FFF; color:#000000; font-size:18px; border:#0b1833 solid 1px; padding-left:25px; background:#FFF url(../images/select-bg.png) no-repeat right center; }

.n-message ul li .des textarea { width:100%; padding-left:25px; height:300px;color:#000000; font-size:18px; border:#0b1833 solid 1px; background-color:#FFF; outline: none; line-height:70px; resize:none; }

.n-message ul li.chang { width:100%; margin-left:0; }

.n-message ul li.chang .des {height:auto; }

.n-message ul li button { width:300px; height:70px; background-color:#ee1b2e; text-align:center; color:#ffffff; font-size:24px; line-height:70px; margin-top:14px; text-transform:uppercase; border:none; }

.n-message ul li button a { display:block; width:100%; height:100%; }

.n-message ul li button i { display:inline-block; width:35px; height:35px; background:url(../images/more-icon.png) no-repeat center center; background-size:100% 100%; vertical-align:middle; margin-top:-4px; margin-left:30px; }

.pagination{padding-left:0;margin:30px 0;border-radius:4px; text-align:center; width:100%; font-size:14px;}
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:#333333;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:#ee1b2e;border-color:#ee1b2e}
.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}



@media (max-width:1650px){

.wrap{width:90%}

/*header1650*/

.header {height:150px; }

.header .logo{ height:150px; width:6%; }

.header .nav{ margin-top:40px; }

.header .nav ul li{ font-size:20px; line-height:71px; margin-left:40px;} 

.header .nav ul li>a i { width:12px; height:12px; }

.header .nav ul li .sub { top:71px;}

.h-right {  margin-top:60px; margin-left:10%; height:65px; }

.h-right-top { width:32px; height:32px; }

.h-right-bot{ width:149px;height:149px; top:55px; margin-left:-74.5px; }

.h-right-bot img { width:125px; }

/*header-fix1650*/

.header-fix { height:71px; }

.header-fix .logo{ height:71px;}

.header-fix .nav{ margin-top:0; }

.header-fix .h-right { margin-top:18px; }

/*public1650*/

.public .tit { font-size:68px; }

.public .des { font-size:26px; padding:0 5%; margin-top:12px; }

/*best1650*/

.best { padding-top:60px; padding-bottom:100px; }

.best-list { margin-top:60px; }

.best-list ul li { width:23.5%; height:474px; }

.best-list ul li:nth-child(4n+2) { margin-left:2%;}

.best-list ul li:nth-child(4n+3) { margin-left:2%;}

.best-list ul li:nth-child(4n+4) { margin-left:2%;}

.best-list ul li .con { padding-top:85px;  }

.best-list ul li .con .icon { width:90px; height:90px; margin-left:10%; }

.best-list ul li .con .tit { font-size:52px; padding:0 12%; margin-top:9px; }

.best-list ul li .con .des { font-size:22px; padding:0 12%; margin-top:12px; }

/*service1650*/

.service { padding-top:90px; padding-bottom:90px; }

.service-left { width:52%; }

.service-left .tit { font-size:68px; padding-right:18px; }

.service-left .des { font-size:29px; }

.service-left .des p { margin-top:30px; }

.service-left .more { width:260px; height:60px; font-size:22px; line-height:60px; margin-top:39px; }

.service-left .more i { width:33px; height:33px; margin-left:25px; }

.service-right { width:45%; padding:13px; margin-top:10px; }

.service-right img { margin-bottom:13px; }

/*portfolio1650*/

.portfolio { padding-top:70px; }

.portfolio-list { padding-top:70px; }

.portfolio-list ul li { height:408px; margin-top:7px; }

.portfolio-list ul li .con { font-size:52px; padding:0 13%; }

/*partner1650*/

.partner { padding-top:70px; padding-bottom:110px; }

.partner-list { margin-top:60px; }

.partner-list ul li { width:13%; height:130px; }

/*factory1650*/

.factory { height:600px; }

.factory .con { padding-top:150px;}

.factory .con .tit { font-size:68px;}

.factory .con .more { width:260px; height:60px; font-size:22px; line-height:60px; margin-top:80px; }

.factory .con .more i { width:33px; height:33px; margin-left:25px; }

/*footer1650*/

.footer { padding-top:55px; padding-bottom:80px; }

.f-contact { padding-bottom:50px; }

.f-contact-left { width:28%; }

.f-contact-left .tit { font-size:46px; }

.f-contact-left .des {font-size:34px; }

.f-contact-right { width:68%; font-size:22px; margin-top:15px; }

/*f-bottom1650*/

.f-bottom { padding-top:70px; font-size:18px; }

.f-left { width:20%; }

.f-mid { width:20%; margin-left:8%; }

.f-right { width:44%; }

.f-ewm { margin-top:20px; }

.f-ewm ul li { width:130px;}

.f-ewm ul li:nth-child(even) { margin-left:15px; }

.f-ewm ul li .pic { height:130px; }

.f-ban { font-size:22px; }

.f-ban img { width:35px; margin-right:7px; }

.f-nav { margin-top:22px; }

.f-list { margin-top:22px; }

.f-text { margin-top:22px; }

/*f-copy1650*/

.f-copy { font-size:16px; padding-top:28px; padding-bottom:28px; }

.f-copy-left img { width:46px; margin-right:15px; }

.f-copy-right a { width:38px; height:38px; }

/*banner-n1650*/

.banner-n { height:515px; }

.banner-n .con { padding-top:215px; }

.banner-n .con .tit { font-size:17px; }

.banner-n .con .des { font-size:65px; margin-top:9px; padding-right:20%;  }

/*n-about1650*/

.n-about { font-size:26px; padding-top:50px; padding-bottom:90px; }

.n-about h3 { font-size:52px; }

.n-about h4 { font-size:31px; margin-top:13px;}

.n-about h5 { font-size:21px; }

/*n-design1650*/

.n-design { padding-top:13px; padding-bottom:60px; }

.n-design ul li { margin-top:35px; padding:0 35px; }

.n-design ul li .tit { font-size:34px; line-height:110px; }

.n-design ul li .des { font-size:26px; padding:35px 0; }

.n-design ul li .icon {  right:35px; top:39px; width:32px; height:32px; }

/*n-portfolio-list1650*/

.n-portfolio-list { margin-top:45px; }

.n-portfolio-list ul li {height:330px;}

/*n-portfolio-list-tit1650*/
.n-portfolio-list-tit { margin-top:45px; }
.n-portfolio-list-tit ul li { margin-top:35px; }
.n-portfolio-list-tit ul li .pic { height:330px; }
.n-portfolio-list-tit ul li .mask { height:330px; }
.n-portfolio-list-tit ul li .tit { height:75px; font-size:19px; line-height:75px; }


/*n-exhibits-list1650*/

.n-exhibits-list { padding-bottom:35px; }

.n-exhibits-list ul li { margin-top:55px; }

.n-exhibits-list ul li .pic { width:34%; height:353px; }

.n-exhibits-list ul li .con { width:62.5%; }

.n-exhibits-list ul li .con .tit { font-size:34px; margin-top:28px; }

.n-exhibits-list ul li .con .des { font-size:22px; line-height:34px; height:136px; margin-top:10px; }

.n-exhibits-list ul li .con .more { width:260px; height:60px; font-size:22px; line-height:60px; margin-top:31px; }

.n-exhibits-list ul li .con .more i { width:33px; height:33px; margin-left:25px; }

/*n-contact1650*/

.n-contact { padding-top:70px; padding-bottom:80px; }

.n-contact-left { width:46.8%;  font-size:18px; }

.n-contact-left h3 { font-size:50px; }

.n-contact-left h4 { font-size:28px; }

.n-contact-left h5 { font-size:20px; margin-top:18px; }

.n-contact-right { width:51%; }

/*n-message1650*/

.n-message {padding-top:70px; padding-bottom:60px; }

.n-message ul li { margin-top:18px; }

.n-message ul li .tit { font-size:16px; }

.n-message ul li .des { height:60px; }

.n-message ul li .des input[type=text] { height:60px;  font-size:16px;  padding-left:20px; }

.n-message ul li .des select{ height:60px; font-size:16px; padding-left:20px; }

.n-message ul li .des textarea { padding-left:20px; height:260px; font-size:16px; line-height:60px; }

.n-message ul li button { width:260px; height:60px; font-size:22px; line-height:60px; margin-top:12px; }

.n-message ul li button i { width:33px; height:33px; margin-left:25px; }



}



@media (max-width:1400px){

/*header1400*/

.header {height:130px; }

.header .logo{ height:130px; }

.header .nav{ margin-top:32px; }

.header .nav ul li{ font-size:18px; line-height:66px; margin-left:30px;} 

.header .nav ul li>a i { width:11px; height:11px; }

.header .nav ul li .sub { top:66px;}

.h-right {  margin-top:50px; margin-left:9%; height:60px; }

.h-right-top { width:28px; height:28px; }

.h-right-bot{ width:144px;height:144px; top:50px; margin-left:-72px; }

.h-right-bot img { width:120px; }

/*header-fix1400*/

.header-fix { height:66px; }

.header-fix .logo{ height:66px;}

.header-fix .nav{ margin-top:0; }

.header-fix .h-right { margin-top:16px; }

/*public1400*/

.public .tit { font-size:58px; }

.public .des { font-size:22px; padding:0 4%; margin-top:11px; }

/*best1400*/

.best { padding-top:50px; padding-bottom:80px; }

.best-list { margin-top:50px; }

.best-list ul li { height:400px; }

.best-list ul li .con { padding-top:75px;  }

.best-list ul li .con .icon { width:70px; height:70px; margin-left:8%; }

.best-list ul li .con .tit { font-size:42px; padding:0 10%; margin-top:7px; }

.best-list ul li .con .des { font-size:18px; padding:0 10%; margin-top:10px; }

/*service1400*/

.service { padding-top:70px; padding-bottom:70px; }

.service-left .tit { font-size:58px; padding-right:16px; }

.service-left .des { font-size:25px; }

.service-left .des p { margin-top:25px; }

.service-left .more { width:220px; height:50px; font-size:20px; line-height:50px; margin-top:34px; }

.service-left .more i { width:31px; height:31px; margin-left:20px; }

.service-right { padding:11px; margin-top:8px; }

.service-right img { margin-bottom:10px; }

/*portfolio1400*/

.portfolio { padding-top:60px; }

.portfolio-list { padding-top:60px; }

.portfolio-list ul li { height:345px; margin-top:6px; }

.portfolio-list ul li .con { font-size:42px; padding:0 9%; }

/*partner1400*/

.partner { padding-top:60px; padding-bottom:90px; }

.partner-list { margin-top:50px; }

.partner-list ul li { height:110px; }

/*factory1400*/

.factory { height:510px; }

.factory .con { padding-top:130px;}

.factory .con .tit { font-size:58px;}

.factory .con .more { width:220px; height:50px; font-size:20px; line-height:50px; margin-top:60px; }

.factory .con .more i { width:31px; height:31px; margin-left:20px; }

/*footer1400*/

.footer { padding-top:45px; padding-bottom:60px; }

.f-contact { padding-bottom:40px; }

.f-contact-left .tit { font-size:39px; }

.f-contact-left .des {font-size:28px; }

.f-contact-right { font-size:18px; margin-top:10px; }

/*f-bottom1400*/

.f-bottom { padding-top:60px; font-size:16px; }

.f-ewm { margin-top:25px; }

.f-ewm ul li { width:110px;}

.f-ewm ul li:nth-child(even) { margin-left:10px; }

.f-ewm ul li .pic { height:110px; }

.f-ban { font-size:20px; }

.f-ban img { width:30px; margin-right:6px; }

.f-nav { margin-top:20px; }

.f-list { margin-top:20px; }

.f-text { margin-top:20px; }

/*f-copy1400*/

.f-copy { padding-top:26px; padding-bottom:26px; }

.f-copy-left img { width:36px; margin-right:10px; }

.f-copy-right a { width:36px; height:36px; }

/*banner-n1400*/

.banner-n { height:438px; }

.banner-n .con { padding-top:180px; }

.banner-n .con .tit { font-size:15px; }

.banner-n .con .des { font-size:55px; margin-top:8px; padding-right:15%;  }

/*n-about1400*/

.n-about { font-size:22px; padding-top:40px; padding-bottom:70px; }

.n-about h3 { font-size:42px; }

.n-about h4 { font-size:26px; margin-top:11px;}

.n-about h5 { font-size:17px; }

/*n-design1400*/

.n-design { padding-top:11px; padding-bottom:50px; }

.n-design ul li { margin-top:30px; padding:0 30px; }

.n-design ul li .tit { font-size:29px; line-height:94px; }

.n-design ul li .des { font-size:22px; padding:30px 0; }

.n-design ul li .icon {  right:30px; top:33px; width:28px; height:28px; }

/*n-portfolio-list1400*/

.n-portfolio-list { margin-top:40px; }

.n-portfolio-list ul li {height:270px;}

/*n-portfolio-list-tit1400*/
.n-portfolio-list-tit { margin-top:40px; }
.n-portfolio-list-tit ul li { margin-top:30px; }
.n-portfolio-list-tit ul li .pic { height:270px; }
.n-portfolio-list-tit ul li .mask { height:270px; }
.n-portfolio-list-tit ul li .tit { height:70px; font-size:18px; line-height:70px; }

/*n-exhibits-list1400*/

.n-exhibits-list { padding-bottom:30px; }

.n-exhibits-list ul li { margin-top:45px; }

.n-exhibits-list ul li .pic { height:300px; }

.n-exhibits-list ul li .con .tit { font-size:29px; margin-top:24px; }

.n-exhibits-list ul li .con .des { font-size:19px; line-height:30px; height:120px; margin-top:8px; }

.n-exhibits-list ul li .con .more { width:220px; height:50px; font-size:20px; line-height:50px; margin-top:26px; }

.n-exhibits-list ul li .con .more i { width:31px; height:31px; margin-left:20px; }

/*n-contact1400*/

.n-contact { padding-top:60px; padding-bottom:70px; }

.n-contact-left { font-size:16px; }

.n-contact-left h3 { font-size:44px; }

.n-contact-left h4 { font-size:24px; }

.n-contact-left h5 { font-size:18px; margin-top:16px; }

/*n-message1400*/

.n-message {padding-top:60px; padding-bottom:50px; }

.n-message ul li { margin-top:16px; }

.n-message ul li .tit { font-size:15px; }

.n-message ul li .des { height:50px; }

.n-message ul li .des input[type=text] { height:50px;  font-size:15px;  padding-left:15px; }

.n-message ul li .des select{ height:50px; font-size:15px; padding-left:15px; }

.n-message ul li .des textarea { padding-left:15px; height:220px; font-size:15px; line-height:50px; }

.n-message ul li button { width:220px; height:50px; font-size:20px; line-height:50px; margin-top:10px; }

.n-message ul li button i { width:31px; height:31px; margin-left:20px; }



}



@media (max-width:1200px){

.wrap{width:94%}

/*header1200*/

.header {height:120px; }

.header .logo{ height:120px; }

.header .nav{ margin-top:29.5px; }

.header .nav ul li{ font-size:17px; line-height:61px; margin-left:20px;} 

.header .nav ul li>a i { width:10px; height:10px; }

.header .nav ul li .sub { top:61px;}

.h-right { margin-top:48px; margin-left:8%; height:55px; }

.h-right-top { width:24px; height:24px; }

.h-right-bot{ width:139px;height:139px; top:45px; margin-left:-100px; }

.h-right-bot img { width:115px; }

/*header-fix1200*/

.header-fix { height:61px; }

.header-fix .logo{ height:61px;}

.header-fix .nav{ margin-top:0; }

.header-fix .h-right { margin-top:18px; }

/*public1200*/

.public .tit { font-size:50px; }

.public .des { font-size:18px; padding:0 3%; margin-top:10px; }

/*best1200*/

.best { padding-top:40px; padding-bottom:60px; }

.best-list { margin-top:40px; }

.best-list ul li { height:345px; }

.best-list ul li .con { padding-top:61px;  }

.best-list ul li .con .icon { width:60px; height:60px; margin-left:6%; }

.best-list ul li .con .tit { font-size:37px; padding:0 8%; margin-top:5px; }

.best-list ul li .con .des { font-size:16px; padding:0 8%; margin-top:8px; }

/*service1200*/

.service { padding-top:60px; padding-bottom:60px; }

.service-left .tit { font-size:50px; padding-right:14px; }

.service-left .des { font-size:21px; }

.service-left .des p { margin-top:20px; }

.service-left .more { width:180px; height:45px; font-size:18px; line-height:45px; margin-top:29px; }

.service-left .more i { width:29px; height:29px; margin-left:15px; }

.service-right { padding:9px; margin-top:6px; }

.service-right img { margin-bottom:9px; }

/*portfolio1200*/

.portfolio { padding-top:50px; }

.portfolio-list { padding-top:50px; }

.portfolio-list ul li { height:290px; margin-top:5px; }

.portfolio-list ul li .con { font-size:37px; padding:0 5%; }

/*partner1200*/

.partner { padding-top:50px; padding-bottom:70px; }

.partner-list { margin-top:40px; }

.partner-list ul li { height:90px; }

/*factory1200*/

.factory { height:440px; }

.factory .con { padding-top:103px;}

.factory .con .tit { font-size:50px;}

.factory .con .more { width:180px; height:45px; font-size:18px; line-height:45px; margin-top:50px; }

.factory .con .more i { width:29px; height:29px; margin-left:15px; }

/*footer1200*/

.footer { padding-top:35px; padding-bottom:50px; }

.f-contact { padding-bottom:30px; }

.f-contact-left .tit { font-size:33px; }

.f-contact-left .des {font-size:24px; }

.f-contact-right { font-size:16px; margin-top:5px; }

/*f-bottom1200*/

.f-bottom { padding-top:50px; font-size:15px; }

.f-ewm { margin-top:30px; }

.f-ewm ul li { width:100px;}

.f-ewm ul li:nth-child(even) { margin-left:5px; }

.f-ewm ul li .pic { height:100px; }

.f-ban { font-size:18px; }

.f-ban img { width:25px; margin-right:5px; }

.f-nav { margin-top:18px; }

.f-list { margin-top:18px; }

.f-text { margin-top:18px; }

/*f-copy1200*/

.f-copy { padding-top:24px; padding-bottom:24px; }

.f-copy-left img { width:26px; margin-right:5px; }

.f-copy-right a { width:34px; height:34px; }

/*banner-n1200*/

.banner-n { height:376px; }

.banner-n .con { padding-top:150px; }

.banner-n .con .tit { font-size:13px; }

.banner-n .con .des { font-size:47px; margin-top:7px; padding-right:10%;  }

/*n-about1200*/

.n-about { font-size:18px; padding-top:35px; padding-bottom:60px; }

.n-about h3 { font-size:37px; }

.n-about h4 { font-size:22px; margin-top:9px;}

.n-about h5 { font-size:15px; }

/*n-design1200*/

.n-design { padding-top:9px; padding-bottom:40px; }

.n-design ul li { margin-top:25px; padding:0 25px; }

.n-design ul li .tit { font-size:25px; line-height:80px; }

.n-design ul li .des { font-size:18px; padding:25px 0; }

.n-design ul li .icon {  right:25px; top:28px; width:24px; height:24px; }

/*n-portfolio-list1200*/

.n-portfolio-list { margin-top:35px; }

.n-portfolio-list ul li {height:240px;}

/*n-portfolio-list-tit1200*/
.n-portfolio-list-tit { margin-top:35px; }
.n-portfolio-list-tit ul li { margin-top:25px; }
.n-portfolio-list-tit ul li .pic { height:240px; }
.n-portfolio-list-tit ul li .mask { height:240px; }
.n-portfolio-list-tit ul li .tit { height:65px; font-size:17px; line-height:65px; }

/*n-exhibits-list1200*/

.n-exhibits-list { padding-bottom:25px; }

.n-exhibits-list ul li { margin-top:35px; }

.n-exhibits-list ul li .pic { height:260px; }

.n-exhibits-list ul li .con .tit { font-size:25px; margin-top:20px; }

.n-exhibits-list ul li .con .des { font-size:16px; line-height:26px; height:104px; margin-top:6px; }

.n-exhibits-list ul li .con .more { width:180px; height:45px; font-size:18px; line-height:45px; margin-top:21px; }

.n-exhibits-list ul li .con .more i { width:29px; height:29px; margin-left:15px; }

/*n-contact1200*/

.n-contact { padding-top:50px; padding-bottom:60px; }

.n-contact-left { font-size:15px; }

.n-contact-left h3 { font-size:36px; }

.n-contact-left h4 { font-size:20px; }

.n-contact-left h5 { font-size:16px; margin-top:14px; }

/*n-message1200*/

.n-message {padding-top:50px; padding-bottom:40px; }

.n-message ul li { margin-top:14px; }

.n-message ul li .des { height:45px; }

.n-message ul li .des input[type=text] { height:45px; padding-left:10px; }

.n-message ul li .des select{ height:45px; padding-left:10px; }

.n-message ul li .des textarea { padding-left:10px; height:180px; line-height:45px; }

.n-message ul li button { width:180px; height:45px; font-size:18px; line-height:45px; margin-top:8px; }

.n-message ul li button i { width:29px; height:29px; margin-left:15px; }



}





@media (max-width:992px){

/*header992*/

.welcome { display:none;}

.header{ display:none;}

.nav{ display:none;}

.header2{ display: block; } 

.header-wrap { display:none; height:60px;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:9px;}

/*public992*/

.public .tit { font-size:40px; }

.public .des { font-size:16px; padding:0 2%; margin-top:9px; }

/*best992*/

.best { padding-top:30px; padding-bottom:50px; }

.best-list { margin-top:30px; }

.best-list ul li { height:280px; }

.best-list ul li .con { padding-top:51px;  }

.best-list ul li .con .icon { width:50px; height:50px; margin-left:4%; }

.best-list ul li .con .tit { font-size:31px; padding:0 6%; margin-top:3px; }

.best-list ul li .con .des { font-size:15px; padding:0 6%; margin-top:6px; }

/*service992*/

.service { padding-top:50px; padding-bottom:50px; }

.service-left .tit { font-size:40px; padding-right:12px; }

.service-left .des { font-size:18px; }

.service-left .des p { margin-top:15px; }

.service-left .more { width:160px; height:40px; font-size:16px; line-height:40px; margin-top:24px; }

.service-left .more i { width:27px; height:27px; margin-left:10px; }

.service-right { padding:7px; margin-top:4px; }

.service-right img { margin-bottom:7px; }

/*portfolio992*/

.portfolio { padding-top:40px; }

.portfolio-list { padding-top:40px; }

.portfolio-list ul li { height:245px; margin-top:4px; }

.portfolio-list ul li .con { font-size:31px; padding:0 3%; }

/*partner992*/

.partner { padding-top:40px; padding-bottom:50px; }

.partner-list { margin-top:30px; }

.partner-list ul li { height:70px; }

/*factory992*/

.factory { height:360px; }

.factory .con { padding-top:85px;}

.factory .con .tit { font-size:40px;}

.factory .con .more { width:160px; height:40px; font-size:16px; line-height:40px; margin-top:40px; }

.factory .con .more i { width:27px; height:27px; margin-left:10px; }

/*footer992*/

.footer { padding-top:30px; padding-bottom:40px; }

.f-contact { padding-bottom:20px; }

.f-contact-left .tit { font-size:26px; }

.f-contact-left .des {font-size:18px; margin-top:10px; }

.f-contact-right { font-size:14px; margin-top:0; }

/*f-bottom992*/

.f-bottom { padding-top:40px; }

.f-left { display:none; }

.f-mid {  display:none; }

.f-right { float:none; margin-left:0; width:100%; }

.f-ewm { margin-top:10px; }

.f-ban { font-size:16px; }

.f-ban img { width:20px; margin-right:4px; }

.f-nav { margin-top:16px; }

.f-list { margin-top:16px; }

.f-text { margin-top:16px; }

/*f-copy992*/

.f-copy { padding-top:22px; padding-bottom:22px; font-size:15px; }

.f-copy-left  { float:none; }

.f-copy-right { float:none; margin-top:20px; }

/*banner-n992*/

.banner-n { height:310px; }

.banner-n .con { padding-top:130px; }

.banner-n .con .tit { font-size:12px; }

.banner-n .con .des { font-size:39px; margin-top:6px; padding-right:5%;  }

/*n-about992*/

.n-about { font-size:16px; padding-top:30px; padding-bottom:50px; }

.n-about h3 { font-size:31px; }

.n-about h4 { font-size:18px; margin-top:7px;}

.n-about h5 { font-size:14px; }

/*n-design992*/

.n-design { padding-top:7px; padding-bottom:35px; }

.n-design ul li { margin-top:20px; padding:0 20px; }

.n-design ul li .tit { font-size:20px; line-height:70px; }

.n-design ul li .des { font-size:16px; padding:20px 0; }

.n-design ul li .icon {  right:20px; top:25px; width:20px; height:20px; }

/*n-portfolio-list992*/

.n-portfolio-list { margin-top:30px; }

.n-portfolio-list ul li {height:180px;}

/*n-portfolio-list-tit992*/
.n-portfolio-list-tit { margin-top:30px; }
.n-portfolio-list-tit ul li { margin-top:20px; }
.n-portfolio-list-tit ul li .pic { height:180px; }
.n-portfolio-list-tit ul li .mask { height:180px; }
.n-portfolio-list-tit ul li .tit { height:60px; font-size:16px; line-height:60px; }

/*n-exhibits-list992*/

.n-exhibits-list { padding-bottom:20px; }

.n-exhibits-list ul li { margin-top:25px; }

.n-exhibits-list ul li .pic { height:210px; }

.n-exhibits-list ul li .con .tit { font-size:20px; margin-top:16px; }

.n-exhibits-list ul li .con .des { font-size:15px; line-height:24px; height:96px; margin-top:4px; }

.n-exhibits-list ul li .con .more { width:160px; height:40px; font-size:16px; line-height:40px; margin-top:16px; }

.n-exhibits-list ul li .con .more i { width:27px; height:27px; margin-left:10px; }

/*n-contact992*/

.n-contact { padding-top:40px; padding-bottom:50px; }

.n-contact-left h3 { font-size:30px; }

.n-contact-left h4 { font-size:16px; }

.n-contact-left h5 { font-size:15px; margin-top:12px; }

/*n-message992*/

.n-message {padding-top:40px; padding-bottom:30px; }

.n-message ul li { margin-top:12px; }

.n-message ul li .des { height:40px; }

.n-message ul li .des input[type=text] { height:40px; padding-left:5px; }

.n-message ul li .des select{ height:40px; padding-left:5px; }

.n-message ul li .des textarea { padding-left:5px; height:160px; line-height:40px; }

.n-message ul li button { width:160px; height:40px; font-size:16px; line-height:40px; margin-top:6px; }

.n-message ul li button i { width:27px; height:27px; margin-left:10px; }



}



@media (max-width:767px){

.wrap{width:80%}

/*header767*/

.f_nav { display:block;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:4px;}

/*public767*/

.public .tit { font-size:28px; }

.public .des { font-size:14px; padding:0; margin-top:8px; line-height:1.3; }

/*best767*/

.best { padding-top:25px; padding-bottom:30px; }

.best-list { margin-top:0; padding-top:10px; }

.best-list ul li { width:48.5%; height:220px; margin-top:10px; }

.best-list ul li:nth-child(4n+2) { margin-left:0;}

.best-list ul li:nth-child(4n+3) { margin-left:0;}

.best-list ul li:nth-child(4n+4) { margin-left:0;}

.best-list ul li:nth-child(even) { margin-left:3%; }

.best-list ul li .con { padding-top:36px;  }

.best-list ul li .con .icon { width:40px; height:40px; margin-left:2%; }

.best-list ul li .con .tit { font-size:24px; padding:0 4%; margin-top:1px; }

.best-list ul li .con .des { font-size:14px; padding:0 4%; margin-top:4px; }

/*service767*/

.service { padding-top:30px; padding-bottom:30px; }

.service-left { float:none; width:100%; }

.service-left .tit { font-size:28px; padding-right:10px; }

.service-left .des { font-size:14px; }

.service-left .des p { margin-top:10px; }

.service-right { float:none; width:100%; padding:5px; margin-top:20px; }

.service-right img { margin-bottom:5px; }

/*portfolio767*/

.portfolio { padding-top:30px; }

.portfolio-list { padding-top:30px; }

.portfolio-list ul li { width:49.5%; height:190px; margin-top:3px; }

.portfolio-list ul li:nth-child(3n+2) { margin-left:0;}

.portfolio-list ul li:nth-child(3n+3) { margin-left:0;}

.portfolio-list ul li:nth-child(even) { margin-left:1%; }

.portfolio-list ul li .con { font-size:24px; padding:0; }

/*partner767*/

.partner { padding-top:30px; padding-bottom:30px; }

.partner-list { margin-top:20px; }

.partner-list ul {display:block; align-items: center; justify-content: space-between;}

.partner-list ul li { display:inline-block; width:32%; height:70px; }

.partner-list ul li img { filter: grayscale(0);}

/*factory767*/

.factory { height:280px; }

.factory .con { padding-top:70px;}

.factory .con .tit { font-size:28px;}

.factory .con .more { margin-top:30px; }

/*footer767*/

.footer { padding-top:25px; padding-bottom:30px; }

.f-contact { padding-bottom:15px; }

.f-contact-left { float:none; width:100%; }

.f-contact-left .tit { font-size:22px; }

.f-contact-left .des {font-size:16px;  }

.f-contact-right { float:none; width:100%; margin-top:10px; }

/*f-bottom767*/

.f-bottom { padding-top:30px; }

.f-right { float:none; width:100%; }

.f-ewm { float:none; width:100%;  margin-top:15px; }

.f-ewm ul li:nth-child(even) {  margin-left: 20px;}

/*banner-n767*/

.banner-n { height:180px; }

.banner-n .con { padding-top:80px; }

.banner-n .con .des { font-size:16px; margin-top:5px; padding-right:0; }

/*n-about767*/

.n-about { padding-top:25px; padding-bottom:40px; }

.n-about h3 { font-size:24px; }

.n-about h4 { font-size:16px; margin-top:5px;}

/*n-design767*/

.n-design { padding-top:5px; padding-bottom:30px; }

.n-design ul li { margin-top:15px; padding:0 15px; }

.n-design ul li .tit { font-size:18px; line-height:54px; }

.n-design ul li .des { font-size:15px; padding:15px 0; }

.n-design ul li .icon {  right:15px; top:19px; width:16px; height:16px; }

/*n-portfolio-list767*/

.n-portfolio-list { margin-top:25px; }

.n-portfolio-list ul li { width:50%; height:134px; border:#FFF solid 2px;}


/*n-portfolio-list-tit767*/
.n-portfolio-list-tit { margin-top:25px; }
.n-portfolio-list-tit ul li { width:48.5%; }
.n-portfolio-list-tit ul li:nth-child(3n+2) { margin-left:0;}
.n-portfolio-list-tit ul li:nth-child(3n+3) { margin-left:0;}
.n-portfolio-list-tit ul li:nth-child(even) {  margin-left: 3%;}
.n-portfolio-list-tit ul li .pic { height:134px; }
.n-portfolio-list-tit ul li .mask { height:134px; }
.n-portfolio-list-tit ul li .tit { height:55px; line-height:55px; }
/*n-exhibits-list767*/

.n-exhibits-list { padding-bottom:15px; }

.n-exhibits-list ul li { margin-top:20px; }

.n-exhibits-list ul li .pic { float:none; width:100%; height:260px; }

.n-exhibits-list ul li .con { float:none; width:100%; }

.n-exhibits-list ul li .con .tit { font-size:18px; margin-top:12px; }

.n-exhibits-list ul li .con .des { height:auto; }

.n-exhibits-list ul li .con .more { margin-top:11px; }

/*n-contact767*/

.n-contact { padding-top:25px; padding-bottom:30px; }

.n-contact-left { float:none; width:100%; }

.n-contact-left h3 { font-size:24px; }

.n-contact-left h4 { font-size:14px; }

.n-contact-left h5 { margin-top:10px; }

.n-contact-right { float:none; width:100%; margin-top:20px; }

/*n-message767*/

.n-message {padding-top:30px; padding-bottom:25px; }

.n-message ul li { float:none; width:100%; margin-top:10px; }

.n-message ul li:nth-child(3n+2) { margin-left:0;}

.n-message ul li:nth-child(3n+3) { margin-left:0;}



}



@media (max-width:500px){

.wrap{width:94%}

.portfolio-list ul li { height:140px; }

.public .tit { font-size: 24px; }

.best-list ul li .con .tit { font-size: 22px; }

.service-left .tit { font-size: 24px;}

.factory .con .tit  { font-size: 24px;}



}