@charset "utf-8";
*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:'Source Han Serif SC',sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{width:1600px;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header {height:100px; position:absolute; top:0; left:0; width:100%; z-index:333; border-bottom:rgba(160, 160, 160, 0.4) solid 1px; }
.header .wrap { display:flex; align-items: center; justify-content: space-between; }
.header .logo{ width:145px; height:100px; position:relative;  }
.header .logo a{ position:absolute; top:30px; left:0; display:block; width:100%; height:130px; }
.header .logo img{ width: 100%;height: 100%; object-fit: contain; }
.header .nav { height:auto; }
.header .nav ul li{float:left; width:auto; color:#ffffff; font-size:20px; line-height:100px; margin-left:70px; position:relative; } 
.header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#c00000; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.header .nav ul li a { display:block; color:#ffffff;  }
.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:100px;z-index:30000; border-radius:5px; overflow:hidden; }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:45px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;  background-color:#FFF;}
.header .nav ul li .sub ul li a { color:#000000; }
.header .nav ul li .sub ul li:hover:after{ display:none;}
.header .nav ul li .sub ul li:hover { color:#c00000;}
.header .nav ul li .sub ul li:hover a { color:#c00000;}
.header .h-right { display:flex; align-items: center; justify-content: space-between; }
.header .h-tel { color:#ffffff; font-size:20px; line-height:40px; margin-left:30px; }
.header .h-tel i { margin-right:5px; }
.header .h-chat { width:auto;  height:40px; background-color:#c00000; text-align:center; color:#ffffff; font-size:18px; line-height:40px; margin-left:30px; border-radius:20px; }
.header .h-chat a { display:block; color:#ffffff; padding:0 25px; }
.header .h-chat i { margin-right:5px; }
.header .h-chat:hover { background-color: #d81e06; }
/*header2*/
.header2{height:60px;position:fixed;z-index:22;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:80px; height:60px;  float: left; display: inline; position:relative; }
.header2 .logo a{ position:absolute; top:0; left:0; display:block; width:100%; height:80px; }
.header2 .logo img{width: 100%;height: 100%; object-fit: contain;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { width:20px; color:#ffffff; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; display:none; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#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"}
.header2-active { background-color:#FFF; }
.header2-active .nav-btn .line { background-color:#c00000; }
.header2 .nav-btn.hover .line{background:#c00000;}
.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 { position:relative; }
.banner .swiper{width:100%;height:100%;position: relative;}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.banner .swiper::after{content:""; position:absolute; left:0; bottom:0; width:41.5%; height:140px; background:url(../images/banner-bg.jpg) no-repeat center center; background-size:100% 100%; z-index:1;  }
.banner .swiper-pagination { left:0; bottom:0; width:41.5%; height:80px; z-index: 3; text-align:center; }
.banner .swiper-pagination-bullet { width:12px; height:12px; border-radius:6px;  background: #ffffff; opacity:0.3; transition: width 0.3s ease; }
.banner .swiper-pagination-bullet-active { width:50px; background-color:#ffffff; opacity:1;  }
/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#c00000;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:#c00000;border-color:#c00000}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*i-advantage*/
.i-advantage { position:relative; height:210px; background-color:#FFF; }
.i-advantage-left { position:absolute; top:0; left:0; width:41.5%; height:210px; background:url(../images/advantage-bg.jpg) no-repeat center center; background-size:100% 100%; z-index:1; text-align:right; }
.i-advantage-left .tit { color:#ffffff; font-size:33px; line-height:210px; margin-right:220px;  }
.i-advantage-right { float:right; width:71%; height:210px;  z-index:2; position:relative; background-color:#FFF; padding-left:60px; } 
.i-advantage-right ul li { float:left; width:33.33%; padding-top:60px; }
.i-advantage-right ul li .pic { float:left; width:87px; height:87px; background-color:#c00000; border-radius:50%; }
.i-advantage-right ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.i-advantage-right ul li .con { float:right; width:calc(100% - 87px - 20px); margin-top:5px; }
.i-advantage-right ul li .con .tit { color:#121b21; font-size:30px; line-height:1.5; }
.i-advantage-right ul li .con .des { color:#686868; font-size:18px; line-height:1.5; }
/*i-pro*/
.i-pro { height:819px;  background:url(../images/pro-bg.jpg) repeat-y center center; background-size:100% 100%; position:relative; }
/*这个宽度是上面 advantage 右边的宽度*/
.i-pro-bg-right { height:819px; float:right; width:71%; background:url(../images/pro-right-bg.jpg) no-repeat center center; background-size:100% 100%; position:relative; }
.i-pro-bg-right::after{content:""; position:absolute; left:-103px; bottom:40px; width:220px; height:220px; background-color:rgba(192, 0, 0, 0.1);  border-radius:50%;  }
.i-pro-box { height:819px;  position:absolute; top:0; left:0; width:100%; padding-top:84px; }
.i-pro .swiper{width:100%;height:auto;margin-left:auto;margin-right:auto; }
.i-pro .mySwiper{ float:left; width:200px;  height:320px; margin-left:40px;  }
.i-pro .mySwiper .swiper-slide{width:100%;height:25%;opacity:1;display: flex;  align-items: center; justify-content: flex-start; border-bottom:#dcdcdc solid 1px; cursor:pointer; text-align:left; color:#121b21; font-size:26px;  padding-left:30px; }
.i-pro .mySwiper .swiper-slide-thumb-active{opacity:1; color:#c00000; border-bottom:#c00000 solid 1px; font-weight:bold; }
/*这个宽度是-左边的宽度-左边的左边距*/
.i-pro .mySwiper2{ float:right;  width:calc(100% - 200px - 40px); }
.i-pro .mySwiper2 .swiper-slide {display: flex;  align-items: center; justify-content: center; }
.i-pro .mySwiper2 .swiper-slide img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-li { display:block; width:100%; height:100%; position:relative; }
.i-pro-li .pic { float:left; width:650px; height:650px; overflow:hidden; margin-top:40px; }
.i-pro-li .pic img { width: 100%;height: 100%; object-fit: contain; transition: 0.5s;}
.i-pro-li .pic:hover img {transform: scale(1.05);transition: 0.5s;}
/*这个宽度是 -图片的宽度-自己的左边距*2*/
.i-pro-li .con { float:left;  width:calc(100% - 650px - 60px); margin-left:30px; margin-top:10px; }
.i-pro-li .con .nob { color:#e7e8e8; font-size:100px; line-height:1; font-weight:bold; }
.i-pro-li .con .tit { color:#121b21; font-size:30px; line-height:1; margin-top:-30px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.i-pro-li .con .des { color:#686868; font-size:18px; line-height:1.66; margin-top:15px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-pro-li .con .more { display:inline-block; color:#d03f3f; font-size:16px; line-height:2; margin-top:20px; border-bottom:#d03f3f solid 1px; font-weight:bold; transition: padding-right 0.3s ease; }
.i-pro-li .con .more i { margin-left:8px; }
.i-pro-li .con .tit:hover { color:#c00000; }
.i-pro-li .con .more:hover { padding-right:20px; }
.i-pro .swiper-button-prev { top:430px; bottom:auto; left:138px; outline:none; width:60px; height:60px; border:#d2d2d2 solid 1px; }
.i-pro .swiper-button-prev::after { color:#686868; font-size:18px;   }
.i-pro .swiper-button-prev:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.i-pro .swiper-button-prev:hover::after { color:#c00000; }
/*这个宽度是左边的宽度+左边的左边距+图片的宽度+右边的左边距*/
.i-pro .swiper-button-next { top:430px; bottom:auto; left:calc(200px + 40px + 650px + 30px); outline:none; width:60px; height:60px;  border:#d2d2d2 solid 1px; }
.i-pro .swiper-button-next::after { color:#686868; font-size:18px;   }
.i-pro .swiper-button-next:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.i-pro .swiper-button-next:hover::after { color:#c00000; }
/*i-brand*/
.i-brand { height:937px; background:url(../images/brand-bg.jpg) no-repeat center center; background-size:100% 100%; position:relative; }
.i-brand-top { padding:100px 33.5% 0 5%; }
.i-brand-top .en { color:#c00000; font-size:14px; line-height:1.5; text-transform:uppercase; }
.i-brand-top .tit { color:#ffffff; font-size:40px; line-height:1.5; margin-top:5px; }
.i-brand-top .des { color:#ffffff; font-size:18px; line-height:2.22; margin-top:5px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.i-brand-mid { padding:45px 0 0 5%;   }
.i-brand-mid ul li { float:left; width:30%; margin-right:2%; background-color:rgba(255, 255, 255, 0.1);  border-radius:10px; padding:10px; }
.i-brand-mid ul li .pic { float:left; width:50px; text-align:center; color:#c00000; font-size:24px; line-height:52px;  }
.i-brand-mid ul li .tit { float:left; width:calc(100% - 50px); color:#ffffff; font-size:18px; line-height:26px; }
.i-brand-bot { position:absolute; left:0; bottom:0;height:445px; width:70%;  background-color:#FFF; }
.i-brand-bot ul li { float:left; width:22.22%; margin-left:5.7%; padding-top:60px; text-align:center; }
.i-brand-bot ul li:first-child { margin-left:15.4%; }
.i-brand-bot ul li .pic { height:144px; overflow:hidden; border-radius:5px; overflow:hidden; }
.i-brand-bot ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-brand-bot ul li .tit { color:#121b21; font-size:26px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; margin-top:25px; }
.i-brand-bot ul li .des { color:#686868; font-size:18px; line-height:1.66;  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:15px; }
.i-brand-bot ul li:hover .pic img {transform: scale(1.05);transition: 0.5s;}
.i-brand-bot ul li:hover .tit { color:#c00000;}
.i-brand-more { position:absolute; top:0; right:-260px; width:260px; height:208px; background-color:#c00000; text-align:center; display:flex; align-items: center; justify-content: center; }
.i-brand-more .tit {color:#ffffff; font-size:16px; line-height:2; border-bottom:#efc0c0 solid 1px;  transition: padding-right 0.3s ease; }
.i-brand-more .tit i { margin-left:8px; }
.i-brand-more .tit:hover {padding-right:20px; }
/*i-hotel*/
.i-hotel { background:url(../images/hotel-bg.jpg) no-repeat center center; background-size:cover; padding-top:140px; padding-bottom:140px; display:none; }
.i-hotel .wrap { display:flex; align-items: center; justify-content: space-between; }
.i-hotel .con { width:43%; margin-left:4.5%; }
.i-hotel .con .en { color:#c00000; font-size:14px; line-height:1.5; text-transform:uppercase;}
.i-hotel .con .tit { color:#ffffff; font-size:40px; line-height:1.5; margin-top:5px; }
.i-hotel .con .des {color:#a5a6a6; font-size:18px; line-height:2; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.i-hotel .con .more { display:inline-block; color:#ffffff; font-size:16px; line-height:2; border-bottom:#cccdce solid 1px;  transition: padding-right 0.3s ease; margin-top:20px; }
.i-hotel .con .more i { margin-left:8px; }
.i-hotel .con .more:hover {padding-right:20px; }
.i-hotel .pic { width:47%; margin-right:1.5%; }
.i-hotel .pic img { width:100%; border-radius:5px; }
/*i-cooperation*/
.i-cooperation { background:url(../images/hotel-bg.jpg) no-repeat center center; background-size:cover; padding-top:40px; padding-bottom:120px; }
.i-cooperation-ban { text-align:center;  }
.i-cooperation-ban .en { color:#c00000; font-size:14px; line-height:1.5; text-transform:uppercase; }
.i-cooperation-ban .tit { color:#ffffff; font-size:40px; line-height:1.2;  }
.i-cooperation-ban .des { color:#ffffff; font-size:18px; line-height:2; padding:0 15%; margin-top:10px; }
.i-cooperation-list { height:auto; }
.i-cooperation-list ul li { float:left; width:calc((100% - 60px) / 4); margin-left:20px; margin-top:40px; border:#ffffff solid 1px; background-color:#ffffff; text-align:center; }
.i-cooperation-list ul li:nth-child(4n+1) { margin-left:0; }
.i-cooperation-list ul li .pic { height:270px; overflow:hidden; }
.i-cooperation-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;}
.i-cooperation-list ul li .tit { color:#000000; font-size:18px; line-height:70px;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.i-cooperation-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s;}
/*i-news*/
.i-news { background:url(../images/news-bg.jpg) no-repeat center center; background-size:cover; padding-top:80px; padding-bottom:180px; }
.i-news-ban { margin-left:12%; }
.i-news-ban .en { color:#c00000; font-size:14px; line-height:1.5; text-transform:uppercase; }
.i-news-ban .tit { color:#121b21; font-size:40px; line-height:1.2;  }
.i-news-ban .more { margin-top:30px; }
.i-news-ban .more-li { float:left; width:150px; height:50px; background-color:#ffffff; border-radius:25px; text-align:center; color:#000000; font-size:18px; line-height:48px; border:#c00000 solid 1px; margin-right:25px; }
.i-news-ban .more-li a { display:block; color:#000000; }
.i-news-ban .more-li:hover { background-color:#c00000; color:#ffffff; }
.i-news-ban .more-li:hover a { color:#ffffff; }
.i-news-list { float:right; width:80%; position:relative; margin-top:80px; height:470px; }
.i-news-list .swiper{width:100%; height:100%; }
.i-news-list .swiper-slide{ height:470px; border:#eeeeee solid 1px; text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center; overflow:hidden;  }
.i-news-list .swiper-button-prev { top:-115px; left:auto; right:23%; outline:none; width:60px; height:60px; border:#d2d2d2 solid 1px; }
.i-news-list .swiper-button-prev::after { color:#686868; font-size:18px;   }
.i-news-list .swiper-button-prev:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.i-news-list .swiper-button-prev:hover::after { color:#c00000; }
.i-news-list .swiper-button-next { top:-115px; left:auto; right:17%;  outline:none; width:60px; height:60px;  border:#d2d2d2 solid 1px; }
.i-news-list .swiper-button-next::after { color:#686868; font-size:18px;   }
.i-news-list .swiper-button-next:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.i-news-list .swiper-button-next:hover::after { color:#c00000; }
.i-news-li { display:block; width:100%; height:100%; }
.i-news-li .pic { height:300px; overflow:hidden; }
.i-news-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;  }
.i-news-li .con { padding:25px 20px 0 20px; text-align:left; }
.i-news-li .con .date { color:#60605e; font-size:16px; line-height:1.5; }
.i-news-li .con .tit { color:#111111; font-size:22px; line-height:1.8; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:5px; }
.i-news-li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.i-news-li:hover .tit { color:#c00000; }
/*f-top*/
.f-top { background-color:#121b21; border-bottom:#3d4144 solid 1px; padding:30px 0; }
.f-top .wrap {display:flex; align-items: center; justify-content: space-between;}
.f-logo { max-width:90px; }
.f-logo img { max-width:100%; }
.f-nav { height:auto; }
.f-nav ul li { float:left;  color:#ffffff; font-size:18px; line-height:2; margin-left:50px; }
.f-nav ul li a:hover { text-decoration:underline; }
/*footer*/
.footer { background-color:#121b21; color:#898888; font-size:20px; line-height:2; padding-top:70px; padding-bottom:40px; }
.f-left { float:left; width:34%; }
.f-mid { float:left; width:28%; margin-left:17%; }
.f-right { float:right; margin-top:20px; }
.f-right ul li { float:left; width:120px; margin-left:20px; text-align:center; }
.f-right ul li:first-child { margin-left:0; }
.f-right ul li .pic { height:120px; }
.f-right ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.f-ban { color:#ffffff; font-size:26px; line-height:2; }
.f-text { margin-top:10px; }
/*f-copy*/
.f-copy { background: #121b21 url(../images/f-copy-bg.jpg) no-repeat center center; background-size:100% 100%; color:#fbeeee; font-size:16px; line-height:2; padding-top:65px; padding-bottom:35px; }
.f-copy-left { float:left; }
.f-copy-right { float:right; }
.f-copy a:hover { text-decoration:underline; }
/*n-banner*/
.n-banner { height:500px; position:relative; }
.n-banner .pic { width:100%; height:100%; }
.n-banner .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.n-banner .con { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display: flex; align-items: center;  justify-content: center;  flex-direction: column; padding-top:50px; }
.n-banner .con .en { color:#ffffff; font-size:60px; line-height:1; text-transform:uppercase; opacity:0.1;}
.n-banner .con .cn { color:#ffffff; font-size:60px; line-height:1; margin-top:-40px; }
.n-banner .n-position { position:absolute; right:8%; bottom:20px; color:#ffffff; font-size:16px; line-height:2; opacity:0.5;  }
.n-banner .n-position i { margin-right:5px; }
/*n-public*/
.n-public { height:auto; width:1020px; margin:0 auto; }
.n-public .tit { text-align:center; color:#000000; font-size:50px; line-height:2; }
.n-public .des { text-align:right; color:#000000; font-size:30px; line-height:2; }
/*n-story*/
.n-story { padding-top:80px; padding-bottom:90px; }
.n-story.gray { background-color:#f5f5f5; }
.n-story-show { width:1020px; margin:0 auto; color:#686868; font-size:18px; line-height:2.2; margin-top:20px; }
.n-story-show img { max-width:100%; margin-top:20px; }
/*n-sub*/
.n-sub { text-align:center; margin-top:40px; }
.n-sub ul { display:inline-block; }
.n-sub ul li { float:left; width:150px; height:50px; text-align:center; font-size:18px; line-height:48px;  background-color:#ffffff; color:#000000; border:#c00000 solid 1px; border-radius:25px; margin:0 13px; }
.n-sub ul li a { display:block; color:#000000; }
.n-sub ul li.active { background-color:#c00000;  border:#c00000 solid 1px; color:#ffffff; }
.n-sub ul li.active a { color:#ffffff; }
.n-sub ul li:hover { background-color:#c00000;  border:#c00000 solid 1px; color:#ffffff; }
.n-sub ul li:hover a { color:#ffffff; } 
/*n-news*/
.n-news { padding-top:40px; padding-bottom:50px; }
.n-news-left { float:left; width:64%; }
.n-news-right { float:right; width:33%; border:#eeeeee solid 1px; padding-top:45px; }
.n-news-list { height:auto; }
.n-news-list ul li { float:left; width:calc((100% - 40px) / 2 ); height:470px; margin-left:40px; margin-bottom:40px; background-color:#FFF; border:#eeeeee solid 1px; }
.n-news-list ul li:nth-child(odd) { margin-left:0; }
.n-news-list ul li .pic { height:300px; overflow:hidden; }
.n-news-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;  }
.n-news-list ul li .con { padding:25px 20px 0 20px; text-align:left; }
.n-news-list ul li .con .date { color:#60605e; font-size:16px; line-height:1.5; }
.n-news-list ul li .con .tit { color:#111111; font-size:22px; line-height:1.8; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:5px; }
.n-news-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.n-news-list ul li:hover .tit { color:#c00000; }
/*n-news-right-ban*/
.n-news-right-ban { color:#474646; font-size:36px; line-height:1.2; position:relative; padding-left:50px; }
.n-news-right-ban::after{content:""; position:absolute; left:0; top:0; width:3px; height:100%; background-color:#c00000; }
.n-news-right-list { margin-top:30px; padding-left:50px; }
.n-news-right-list ul li { color:#222222; font-size:20px; line-height:3; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:10px; position:relative; }
.n-news-right-list ul li::after{content:""; position:absolute; left:0; top:50%;  transform: translateY(-50%);  width:2px; height:2px; background-color:#000000; }
.n-news-right-list ul li:hover { color:#c00000; }
/*n-newshow*/
.n-newshow {padding:40px 0 50px 0; min-height:600px; }
.n-tit {font-size:24px; line-height:2; color:#333333; text-align:center;}
.n-des {font-size:14px; line-height:2; color:#666666; text-align:center; border-bottom:#eeeeee solid 1px; padding-bottom:10px; margin-bottom:10px; margin-top:7px;}
.n-right .n-des {border-bottom:none;}
.n-show { font-size:16px; line-height:2; color:#333333; min-height:300px; }
.n-show img { max-width:100%;}
.n-other { border-top:#eeeeee solid 1px; color:#000000; font-size:16px; line-height:32px; margin-top:20px; padding-top:20px; }
.n-other img { width:20px; vertical-align:middle; margin-right:10px; margin-top:-4px; }
.n-other a:hover { color:#4874a0; font-weight:bold; }
/*n-pro*/
.n-pro { padding-top:40px; padding-bottom:40px; }
.n-pro-list { height:auto; }
.n-pro-list ul li { float:left; width:calc((100% - 40px) / 3 ); height:590px; margin-left:20px; margin-bottom:30px; background-color:#FFF; border:#eeeeee solid 1px; border-radius:10px; }
.n-pro-list ul li:nth-child(3n+1) { margin-left:0; }
.n-pro-list ul li .pic { height:350px; border-radius:10px;  overflow:hidden; }
.n-pro-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s; }
.n-pro-list ul li .con { padding:30px 30px 0 30px; }
.n-pro-list ul li .con .tit {  color:#000000; font-size:24px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-pro-list ul li .con .des {  color:#8f9090; font-size:16px; line-height:32px; height:96px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:10p0x; }
.n-pro-list ul li .con .more {  color:#5c5b5b; font-size:16px; line-height:1.5; margin-top:10px;  }
.n-pro-list ul li .con .more i { margin-left:10px; }
.n-pro-list ul li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.n-pro-list ul li .con .tit:hover { color:#c41010; }
.n-pro-list ul li .con .more:hover { color:#c41010; }
/*n-contact*/
.n-contact { float:left; width:40%; position:relative; margin-top:70px; }
.n-contact::after{content:""; position:absolute; right:20px; top:0; width:1px; height:100%; background-color:#f1f1f1; }
.n-contact-public { height:auto; }
.n-contact-public .tit { color:#333333; font-size:40px; line-height:1.5; }
.n-contact-public .des { color:#666666; font-size:18px; line-height:1.5; margin-top:5px; }
.n-contact-show { color:#000000; font-size:20px; line-height:2; margin-top:20px; }
.n-contact .f-right { float:none; }
/*n-message*/
.n-message { float:right; width:49%; margin-top:70px;  }
.n-message-show { height:auto; }
.n-message-show input[type=text] { width:100%; margin-top:20px; height:60px;color:#000000; font-size:16px; border:#cccccc solid 1px; border-radius:5px; padding-left:25px; }
.n-message-show textarea { margin-top:20px; width:100%; padding-left:25px; height:90px;color:#000000; font-size:16px; border:#cccccc solid 1px; outline: none; line-height:60px; resize:none}
.n-message-show .submit { margin-top:20px; width:100%; text-align:center; height:60px; background-color:#c00000; color:#ffffff; font-size:16px; border-radius:5px; cursor:pointer; border:none;}
.n-message-show .submit:hover { opacity:0.8; }
/*n-map*/
.n-map { margin-top:70px; margin-bottom:70px; }
/*n-recommend*/
.n-recommend { padding-top:70px; padding-bottom:70px; }
.n-recommend-ban { color:#000000; font-size:30px; line-height:60px; }
.n-recommend-list { margin-top:30px; height:580px; position:relative; }
.n-recommend-list .swiper{width:100%; height:100%; }
.n-recommend-list .swiper-slide{ height:580px; border:#eeeeee solid 1px; text-align:left;font-size:18px;background:#fff;display:flex;justify-content:center; overflow:hidden;  border-radius:10px;}
.n-recommend-list .swiper-button-prev { top:-70px; left:auto; right:90px; outline:none; width:60px; height:60px; border:#d2d2d2 solid 1px; }
.n-recommend-list .swiper-button-prev::after { color:#686868; font-size:18px;   }
.n-recommend-list .swiper-button-prev:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.n-recommend-list .swiper-button-prev:hover::after { color:#c00000; }
.n-recommend-list .swiper-button-next { top:-70px; left:auto; right:0;  outline:none; width:60px; height:60px;  border:#d2d2d2 solid 1px; }
.n-recommend-list .swiper-button-next::after { color:#686868; font-size:18px;   }
.n-recommend-list .swiper-button-next:hover { border:#c00000 solid 1px; background-color:rgba(192, 0, 0, 0.2);  }
.n-recommend-list .swiper-button-next:hover::after { color:#c00000; }
.n-recommend-li { display:block; width:100%; height:100%; }
.n-recommend-li .pic { height:350px; border-radius:10px;  overflow:hidden; }
.n-recommend-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s; }
.n-recommend-li .con { padding:30px 30px 0 30px; }
.n-recommend-li .con .tit {  color:#000000; font-size:24px; line-height:1.5;  overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-recommend-li .con .des {  color:#8f9090; font-size:16px; line-height:32px; height:96px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top:10p0x; }
.n-recommend-li .con .more {  color:#5c5b5b; font-size:16px; line-height:1.5; margin-top:10px;  }
.n-recommend-li .con .more i { margin-left:10px; }
.n-recommend-li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.n-recommend-li .con .tit:hover { color:#c41010; }
.n-recommend-li .con .more:hover { color:#c41010; }
/*n-detail*/
.n-detail { padding-top:60px; padding-bottom:60px; }
.n-detail-left { float:left; width:49%; height:440px; }
.n-detail-left .swiper{width:100%;height:440px;margin-left:auto;margin-right:auto; }
.n-detail-left .mySwiper{ float:left; width:110px;  }
.n-detail-left .mySwiper .swiper-slide{width:100%;height:20%;opacity:1;display: flex; align-items: center; justify-content: center;  border:#f4f4f4 solid 1px; cursor:pointer; border-radius:5px;}
.n-detail-left .mySwiper .swiper-slide-thumb-active{opacity:1;  border:#c00000 solid 1px; }
.n-detail-left .mySwiper .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain; }
.n-detail-left .mySwiper2{ float:right;  width:calc(100% - 110px - 15px); }
.n-detail-left .mySwiper2 .swiper-slide {display: flex;  align-items: center; justify-content: center;  border:#f4f4f4 solid 1px; border-radius:10px; }
.n-detail-left .mySwiper2 .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain; }
.n-detail-left .swiper-button-prev { left:25px; width:55px; height:55px; background-color:#FFF; border-radius:50%; }
.n-detail-left .swiper-button-prev::after { color:#4e4e4e; font-size:20px; }
.n-detail-left .swiper-button-next { right:25px; width:55px; height:55px; background-color:#FFF; border-radius:50%; }
.n-detail-left .swiper-button-next::after { color:#4e4e4e; font-size:20px; }
.n-detail-right { float:right; width:47%; margin-top:20px;  }
.n-detail-right .tit { color:#000000; font-size:40px; line-height:1.5; margin-top:20px; }
.n-detail-right .cate { color:#464646; font-size:18px; line-height:1.5; margin-top:20px;}
.n-detail-right .des { color:#9a9b9b; font-size:20px; line-height:1.5; margin-top:20px;}
.n-detail-right .tel { color:#c82020; font-size:18px; line-height:60px; background: linear-gradient(45deg, #fcf2f2 0%, #ffffff 100%); padding-left:35px; margin-top:20px;}


@media (max-width:1750px){
.wrap{width:90%}
/*header1650*/
.header {height:80px; }
.header .logo{ width:9%; height:80px; }
.header .logo a{ top:25px; height:100px; }
.header .nav ul li{ font-size:18px; line-height:80px; margin-left:50px; } 
.header .nav ul li .sub { top:80px; }
.header .h-tel { font-size:18px; line-height:35px; margin-left:20px; }
.header .h-chat { height:35px; font-size:16px; line-height:35px; margin-left:20px; border-radius:18px; }
.header .h-chat a { padding:0 20px; }
/*banner1650*/
.banner .swiper::after{ width:38.5%;  height:100px;  }
.banner .swiper-pagination { width:38.5%; height:60px; }
.banner .swiper-pagination-bullet { width:10px; height:10px; border-radius:5px; }
.banner .swiper-pagination-bullet-active { width:45px; }
/*i-advantage1650*/
.i-advantage { height:165px; }
.i-advantage-left { width:38.5%; height:165px; }
.i-advantage-left .tit { font-size:26px; line-height:165px; margin-right:160px;  }
.i-advantage-right { height:165px;  padding-left:50px; } 
.i-advantage-right ul li { padding-top:50px; }
.i-advantage-right ul li .pic { width:70px; height:70px; }
.i-advantage-right ul li .con { width:calc(100% - 70px - 18px); }
.i-advantage-right ul li .con .tit { font-size:24px; }
.i-advantage-right ul li .con .des { font-size:16px; }
/*i-pro1650*/
.i-pro { height:640px;  }
.i-pro-bg-right { height:640px; }
.i-pro-bg-right::after{ left:-80px; bottom:30px; width:178px; height:178px; }
.i-pro-box { height:640px; padding-top:68px; }
.i-pro .mySwiper{ width:12.5%;  height:254px; margin-left:2.5%; }
.i-pro .mySwiper .swiper-slide{ font-size:20px;  padding-left:25px; }
/*这个宽度是-左边的宽度-左边的左边距*/
.i-pro .mySwiper2{ width:calc(100% - 12.5% - 2.5%); }
.i-pro-li .pic { width:500px; height:500px; margin-top:38px; }
/*这个宽度是 -图片的宽度-自己的左边距*2*/
.i-pro-li .con { width:calc(100% - 500px - 40px); margin-left:20px; margin-top:8px; }
.i-pro-li .con .nob { font-size:78px; }
.i-pro-li .con .tit {  font-size:23px; margin-top:-23px; }
.i-pro-li .con .des { font-size:16px; margin-top:13px; }
.i-pro-li .con .more { font-size:15px; margin-top:18px; }
.i-pro-li .con .more:hover { padding-right:15px; }
.i-pro .swiper-button-prev { top:390px; left:8.6%; width:50px; height:50px; }
.i-pro .swiper-button-prev::after { font-size:16px;   }
/*这个宽度是左边的宽度+左边的左边距+图片的宽度+右边的左边距*/
.i-pro .swiper-button-next { top:390px; left:calc(12.5% + 2.5% + 500px + 20px); width:50px; height:50px;  }
.i-pro .swiper-button-next::after { font-size:16px;   }
/*i-brand1650*/
.i-brand { height:730px; }
.i-brand-top { padding:70px 30.5% 0 8%; }
.i-brand-top .en { font-size:12px; }
.i-brand-top .tit { font-size:32px; margin-top:4px; }
.i-brand-top .des { font-size:16px; margin-top:4px; }
.i-brand-mid { padding:35px 0 0 8%;   }
.i-brand-mid ul li { padding:8px; }
.i-brand-mid ul li .pic { width:40px; font-size:22px; line-height:46px;  }
.i-brand-mid ul li .tit {width:calc(100% - 40px); font-size:16px; line-height:23px; }
.i-brand-bot { height:350px; }
.i-brand-bot ul li { padding-top:45px; }
.i-brand-bot ul li .pic { height:115px; }
.i-brand-bot ul li .tit { font-size:21px; margin-top:21px; }
.i-brand-bot ul li .des { font-size:16px; margin-top:11px; }
.i-brand-more { right:-200px; width:200px; height:166px; }
.i-brand-more .tit { font-size:15px; }
.i-brand-more .tit:hover {padding-right:15px; }
/*i-hotel1650*/
.i-hotel { padding-top:110px; padding-bottom:110px; }
.i-hotel .con .en { font-size:12px; }
.i-hotel .con .tit { font-size:32px; margin-top:4px; }
.i-hotel .con .des { font-size:16px; margin-top:8px; }
.i-hotel .con .more {  font-size:15px; margin-top:18px; }
.i-hotel .con .more:hover {padding-right:15px; }

/*i-cooperation1650*/
.i-cooperation { padding-top:35px; padding-bottom:100px; }
.i-cooperation-ban .en { font-size:12px;  }
.i-cooperation-ban .tit  { font-size:32px; }
.i-cooperation-ban .des { font-size:16px; padding:0 13%; margin-top:8px; }
.i-cooperation-list ul li { width:calc((100% - 45px) / 4); margin-left:15px; margin-top:30px; }
.i-cooperation-list ul li .pic { height:230px; }
.i-cooperation-list ul li .tit { font-size:16px; line-height:60px; }


/*i-news1650*/
.i-news { padding-top:60px; padding-bottom:140px; }
.i-news-ban { margin-left:9%; }
.i-news-ban .en {  font-size:12px; }
.i-news-ban .tit { font-size:32px; }
.i-news-ban .more { margin-top:25px; }
.i-news-ban .more-li { width:120px; height:40px; border-radius:20px; font-size:16px; line-height:38px; margin-right:20px; }
.i-news-list { width:82%; margin-top:60px; height:370px; }
.i-news-list .swiper-slide{ height:370px; font-size:16px; }
.i-news-list .swiper-button-prev { top:-85px; right:21%; width:50px; height:50px;  }
.i-news-list .swiper-button-prev::after { font-size:16px;   }
.i-news-list .swiper-button-next { top:-85px; right:15%;  width:50px; height:50px;}
.i-news-list .swiper-button-next::after { font-size:16px;   }
.i-news-li .pic { height:240px; }
.i-news-li .con { padding:20px 15px 0 15px; }
.i-news-li .con .date { font-size:15px; }
.i-news-li .con .tit { font-size:18px; margin-top:4px; }
/*f-top1650*/
.f-top { padding:25px 0; }
.f-logo { max-width:5%; }
.f-nav ul li { font-size:16px; margin-left:40px; }
/*footer1650*/
.footer { font-size:18px; padding-top:60px; padding-bottom:30px; }
.f-left { width:33%; }
.f-mid { width:33%; margin-left:9%; }
.f-right { margin-top:18px; }
.f-right ul li { width:110px; margin-left:18px; }
.f-right ul li .pic { height:110px; }
.f-ban { font-size:22px; }
.f-text { margin-top:8px; }
/*f-copy1650*/
.f-copy { font-size:15px; padding-top:55px; padding-bottom:25px; }
/*n-banner1650*/
.n-banner { height:390px; }
.n-banner .con { padding-top:40px; }
.n-banner .con .en { font-size:46px; }
.n-banner .con .cn { font-size:46px; margin-top:-30px; }
.n-banner .n-position { right:5%; bottom:18px;  font-size:15px; }
/*n-public1650*/
.n-public { width:70%; }
.n-public .tit { font-size:39px; }
.n-public .des {  font-size:24px;}
/*n-story1650*/
.n-story { padding-top:70px; padding-bottom:80px; }
.n-story-show { width:70%;  font-size:16px; margin-top:18px; }
.n-story-show img { margin-top:18px; }
/*n-sub1650*/
.n-sub { margin-top:35px; }
.n-sub ul li { width:120px; height:45px; font-size:16px; line-height:43px; border-radius:22px; margin:0 11px; }
/*n-news1650*/
.n-news { padding-top:35px; padding-bottom:45px; }
.n-news-list ul li { width:calc((100% - 30px) / 2 ); height:370px; margin-left:30px; margin-bottom:30px; }
.n-news-list ul li .pic { height:240px; }
.n-news-list ul li .con { padding:20px 15px 0 15px; }
.n-news-list ul li .con .date { font-size:15px; }
.n-news-list ul li .con .tit { font-size:18px; margin-top:4px; }
/*n-news-right-ban1650*/
.n-news-right{ padding-top:40px; }
.n-news-right-ban { font-size:28px; padding-left:40px; }
.n-news-right-list { margin-top:25px; padding-left:40px; }
.n-news-right-list ul li { font-size:18px; }
/*n-newshow1650*/
.n-newshow {padding:35px 0 45px 0; min-height:550px; }
.n-tit {font-size:22px; }
.n-show { min-height:250px; }
/*n-pro1650*/
.n-pro { padding-top:35px; padding-bottom:35px; }
.n-pro-list ul li { width:calc((100% - 30px) / 3 ); height:470px; margin-left:15px; margin-bottom:25px; }
.n-pro-list ul li .pic { height:270px; }
.n-pro-list ul li .con { padding:20px 25px 0 25px; }
.n-pro-list ul li .con .tit { font-size:19px; }
.n-pro-list ul li .con .des { font-size:15px; line-height:30px; height:90px;margin-top:8px; }
.n-pro-list ul li .con .more { font-size:15px; margin-top:8px;  }
/*n-contact1650*/
.n-contact { margin-top:60px; }
.n-contact-public .tit { font-size:32px; }
.n-contact-public .des { font-size:16px; }
.n-contact-show { font-size:18px; margin-top:18px; }
/*n-message1650*/
.n-message { margin-top:60px;  }
.n-message-show input[type=text] { margin-top:18px; height:50px; font-size:15px; padding-left:20px; }
.n-message-show textarea { margin-top:18px; padding-left:20px; height:70px; font-size:15px;  line-height:50px; }
.n-message-show .submit { margin-top:18px; height:50px; font-size:15px; }
/*n-map1650*/
.n-map { margin-top:60px; margin-bottom:60px; }
/*n-recommend1650*/
.n-recommend { padding-top:60px; padding-bottom:60px; }
.n-recommend-ban { font-size:24px; line-height:50px; }
.n-recommend-list { margin-top:28px; height:470px; }
.n-recommend-list .swiper-slide{ height:470px; }
.n-recommend-list .swiper-button-prev { top:-55px; right:80px; width:50px; height:50px;  }
.n-recommend-list .swiper-button-prev::after { font-size:16px;   }
.n-recommend-list .swiper-button-next { top:-55px; width:50px; height:50px;}
.n-recommend-list .swiper-button-next::after { font-size:16px;   }
.n-recommend-li .pic { height:270px; }
.n-recommend-li .con { padding:20px 25px 0 25px; }
.n-recommend-li .con .tit { font-size:19px; }
.n-recommend-li .con .des { font-size:15px; line-height:30px; height:90px;margin-top:8px; }
.n-recommend-li .con .more { font-size:15px; margin-top:8px;  }
/*n-detail1650*/
.n-detail { padding-top:50px; padding-bottom:50px; }
.n-detail-left { height:350px; }
.n-detail-left .swiper{height:350px; }
.n-detail-left .mySwiper{ width:90px;  }
.n-detail-left .mySwiper2{ width:calc(100% - 90px - 15px); }
.n-detail-left .swiper-button-prev { width:45px; height:45px;}
.n-detail-left .swiper-button-prev::after { font-size:18px; }
.n-detail-left .swiper-button-next { width:45px; height:45px; }
.n-detail-left .swiper-button-next::after { font-size:18px; }
.n-detail-right { margin-top:18px;  }
.n-detail-right .tit { font-size:32px; margin-top:18px; }
.n-detail-right .cate { font-size:16px; margin-top:18px;}
.n-detail-right .des { font-size:18px; margin-top:18px;}
.n-detail-right .tel { font-size:16px; padding-left:30px; margin-top:18px;}

}

@media (max-width:1400px){
/*header1400*/
.header {height:60px; }
.header .logo{ height:60px; }
.header .logo a{ top:20px; height:80px; }
.header .nav ul li{ font-size:16px; line-height:60px; margin-left:40px; } 
.header .nav ul li .sub { top:60px; }
.header .h-tel { font-size:16px; line-height:30px; margin-left:15px; }
.header .h-chat { height:30px; font-size:15px; line-height:30px; margin-left:15px; border-radius:15px; }
.header .h-chat a { padding:0 15px; }
/*banner1400*/
.banner .swiper::after{ height:70px;  }
.banner .swiper-pagination { height:50px; }
.banner .swiper-pagination-bullet { width:8px; height:8px; border-radius:4px; }
.banner .swiper-pagination-bullet-active { width:40px; }
/*i-advantage1400*/
.i-advantage { height:130px; }
.i-advantage-left { height:130px; }
.i-advantage-left .tit { font-size:20px; line-height:130px; }
.i-advantage-right { height:130px; padding-left:40px; } 
.i-advantage-right ul li { padding-top:40px; }
.i-advantage-right ul li .pic { width:55px; height:55px; }
.i-advantage-right ul li .con { width:calc(100% - 55px - 16px); }
.i-advantage-right ul li .con .tit { font-size:17px; }
.i-advantage-right ul li .con .des { font-size:14px; }
/*i-pro1400*/
.i-pro { height:510px;  }
.i-pro-bg-right { height:510px; }
.i-pro-bg-right::after{ left:-60px; bottom:20px; width:140px; height:140px; }
.i-pro-box { height:510px; padding-top:55px; }
.i-pro .mySwiper{ height:206px; }
.i-pro .mySwiper .swiper-slide{ font-size:18px;  padding-left:20px; }
.i-pro-li .pic { width:390px; height:390px; margin-top:36px; }
/*这个宽度是 -图片的宽度-自己的左边距*2*/
.i-pro-li .con { width:calc(100% - 390px - 30px); margin-left:15px; margin-top:6px; }
.i-pro-li .con .nob { font-size:62px; }
.i-pro-li .con .tit {  font-size:19px; margin-top:-19px; }
.i-pro-li .con .des { font-size:15px; margin-top:11px; }
.i-pro-li .con .more { margin-top:16px; }
.i-pro-li .con .more:hover { padding-right:10px; }
.i-pro .swiper-button-prev { top:290px; width:40px; height:40px; }
.i-pro .swiper-button-prev::after { font-size:15px;   }
/*这个宽度是左边的宽度+左边的左边距+图片的宽度+右边的左边距*/
.i-pro .swiper-button-next { top:290px; left:calc(12.5% + 2.5% + 390px + 15px); width:40px; height:40px;  }
.i-pro .swiper-button-next::after { font-size:15px;   }
/*i-brand1400*/
.i-brand { height:590px; }
.i-brand-top { padding:40px 28.5% 0 10%; }
.i-brand-top .tit { font-size:25px; margin-top:3px; }
.i-brand-top .des { font-size:15px; margin-top:3px; }
.i-brand-mid { padding:25px 0 0 10%;   }
.i-brand-mid ul li { padding:6px; }
.i-brand-mid ul li .pic { width:35px; font-size:19px; line-height:44px;  }
.i-brand-mid ul li .tit {width:calc(100% - 35px); font-size:15px; line-height:22px; }
.i-brand-bot { height:280px; }
.i-brand-bot ul li { padding-top:35px; }
.i-brand-bot ul li .pic { height:90px; }
.i-brand-bot ul li .tit { font-size:18px; margin-top:17px; }
.i-brand-bot ul li .des { font-size:15px; margin-top:7px; }
.i-brand-more { right:-163px; width:163px; height:131px; }
.i-brand-more .tit:hover {padding-right:10px; }
/*i-hotel1400*/
.i-hotel { padding-top:90px; padding-bottom:90px; }
.i-hotel .con .tit { font-size:25px; margin-top:3px; }
.i-hotel .con .des { font-size:15px; margin-top:6px; }
.i-hotel .con .more {  margin-top:16px; }
.i-hotel .con .more:hover {padding-right:10px; }

/*i-cooperation1400*/
.i-cooperation { padding-top:30px; padding-bottom:90px; }
.i-cooperation-ban .tit  { font-size:25px; }
.i-cooperation-ban .des { font-size:15px; padding:0 11%; margin-top:6px; }
.i-cooperation-list ul li { width:calc((100% - 30px) / 4); margin-left:10px; margin-top:25px; }
.i-cooperation-list ul li .pic { height:200px; }
.i-cooperation-list ul li .tit { font-size:15px; line-height:50px; }

/*i-news1400*/
.i-news { padding-top:50px; padding-bottom:120px; }
.i-news-ban { margin-left:8%; }
.i-news-ban .tit { font-size:25px; }
.i-news-ban .more { margin-top:20px; }
.i-news-ban .more-li { width:100px; height:35px; border-radius:18px; font-size:15px; line-height:33px; margin-right:15px; }
.i-news-list { width:83%; margin-top:50px; height:310px; }
.i-news-list .swiper-slide{ height:310px; font-size:15px; }
.i-news-list .swiper-button-prev { top:-67px; right:19%; width:40px; height:40px;  }
.i-news-list .swiper-button-next { top:-67px; right:13%;  width:40px; height:40px;}
.i-news-li .pic { height:190px; }
.i-news-li .con { padding:15px 10px 0 10px; }
.i-news-li .con .tit { font-size:16px; margin-top:3px; }
/*f-top1400*/
.f-top { padding:20px 0; }
.f-nav ul li { font-size:15px; margin-left:30px; }
/*footer1400*/
.footer { font-size:16px; padding-top:50px; padding-bottom:25px; }
.f-mid { margin-left:8%; }
.f-right { margin-top:16px; }
.f-right ul li { width:100px; margin-left:16px; }
.f-right ul li .pic { height:100px; }
.f-ban { font-size:19px; }
.f-text { margin-top:6px; }
/*f-copy1400*/
.f-copy { padding-top:45px; padding-bottom:20px; }
/*n-banner1400*/
.n-banner { height:310px; }
.n-banner .con { padding-top:30px; }
.n-banner .con .en { font-size:36px; }
.n-banner .con .cn { font-size:36px; margin-top:-20px; }
.n-banner .n-position { bottom:16px; }
/*n-public1400*/
.n-public { width:75%; }
.n-public .tit { font-size:31px; }
.n-public .des {  font-size:19px;}
/*n-story1400*/
.n-story { padding-top:60px; padding-bottom:70px; }
.n-story-show { width:75%; margin-top:16px; }
.n-story-show img { margin-top:16px; }
/*n-sub1400*/
.n-sub { margin-top:30px; }
.n-sub ul li { width:110px; height:40px; font-size:15px; line-height:38px; border-radius:19px; margin:0 9px; }
/*n-news1400*/
.n-news { padding-top:30px; padding-bottom:40px; }
.n-news-list ul li { width:calc((100% - 20px) / 2 ); height:305px; margin-left:20px; margin-bottom:20px; }
.n-news-list ul li .pic { height:190px; }
.n-news-list ul li .con { padding:15px 10px 0 10px; }
.n-news-list ul li .con .tit { font-size:16px; margin-top:3px; }
/*n-news-right-ban1400*/
.n-news-right{ padding-top:35px; }
.n-news-right-ban { font-size:22px; padding-left:30px; }
.n-news-right-list { margin-top:20px; padding-left:30px; }
.n-news-right-list ul li { font-size:16px; }
/*n-newshow1400*/
.n-newshow {padding:30px 0 40px 0;  min-height:500px; }
.n-tit {font-size:20px;}
.n-show { min-height:200px; }
/*n-pro1400*/
.n-pro { padding-top:30px; padding-bottom:30px; }
.n-pro-list ul li { width:calc((100% - 20px) / 3 ); height:410px; margin-left:10px; margin-bottom:20px; }
.n-pro-list ul li .pic { height:220px; }
.n-pro-list ul li .con { padding:15px 20px 0 20px; }
.n-pro-list ul li .con .tit { font-size:17px; }
.n-pro-list ul li .con .des { margin-top:6px; }
.n-pro-list ul li .con .more { margin-top:6px;  }
/*n-contact1400*/
.n-contact { margin-top:50px; }
.n-contact-public .tit { font-size:25px; }
.n-contact-public .des { font-size:15px; }
.n-contact-show { font-size:16px; margin-top:16px; }
/*n-message1400*/
.n-message { margin-top:50px;  }
.n-message-show input[type=text] { margin-top:16px; height:40px; padding-left:15px; }
.n-message-show textarea { margin-top:16px; padding-left:15px; height:60px; line-height:40px; }
.n-message-show .submit { margin-top:16px; height:40px; }
/*n-map1400*/
.n-map { margin-top:50px; margin-bottom:50px; }
/*n-recommend1400*/
.n-recommend { padding-top:50px; padding-bottom:50px; }
.n-recommend-ban { font-size:19px; line-height:40px; }
.n-recommend-list { margin-top:26px; height:405px; }
.n-recommend-list .swiper-slide{ height:405px; }
.n-recommend-list .swiper-button-prev { top:-45px; right:60px; width:40px; height:40px;  }
.n-recommend-list .swiper-button-next { top:-45px; width:40px; height:40px;}
.n-recommend-li .pic { height:220px; }
.n-recommend-li .con { padding:15px 20px 0 20px; }
.n-recommend-li .con .tit { font-size:17px; }
.n-recommend-li .con .des { margin-top:6px; }
.n-recommend-li .con .more { margin-top:6px;  }
/*n-detail1400*/
.n-detail { padding-top:40px; padding-bottom:40px; }
.n-detail-left { height:280px; }
.n-detail-left .swiper{height:280px; }
.n-detail-left .mySwiper{ width:70px;  }
.n-detail-left .mySwiper2{ width:calc(100% - 70px - 15px); }
.n-detail-left .swiper-button-prev { left:15px; width:35px; height:35px;}
.n-detail-left .swiper-button-prev::after { font-size:16px; }
.n-detail-left .swiper-button-next { right:15px; width:35px; height:35px; }
.n-detail-left .swiper-button-next::after { font-size:16px; }
.n-detail-right { margin-top:16px;  }
.n-detail-right .tit { font-size:25px; margin-top:16px; }
.n-detail-right .cate { font-size:15px; margin-top:16px;}
.n-detail-right .des { font-size:16px; margin-top:16px;}
.n-detail-right .tel { font-size:15px; padding-left:25px; margin-top:16px;}

}

@media (max-width:1200px){
.wrap{width:94%}
/*banner1200*/
.banner .swiper::after{ width:41.5%;  }
.banner .swiper-pagination { width:41.5%; }
.banner .swiper-pagination-bullet-active { width:35px; }
/*i-advantage1200*/
.i-advantage-left { width:41.5%; }
.i-advantage-right { padding-left:30px; } 
/*i-pro1200*/
.i-pro .mySwiper{ width:15%;  }
.i-pro .mySwiper2{ width:calc(100% - 15% - 2.5%); }
.i-brand-top { padding:40px 10% 0 10%; }
.i-brand-mid ul li { width:31%;}
/*n-newshow1200*/
.n-newshow {min-height:450px; }
.n-tit {font-size:18px;}
.n-show { min-height:150px; }

}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
/*banner992*/
.banner .swiper::after{ display:none; }
.banner .swiper-pagination { width:100%; height:30px; }
.banner .swiper-pagination-bullet-active { width:30px; }
/*i-advantage992*/
.i-advantage { height:100px; }
.i-advantage-left { position:relative; left:auto; top:auto; width:100%; height:45px; }
.i-advantage-left .tit { margin-right:0; text-align:center; line-height:45px; font-size:17px; }
.i-advantage-right { height:100px; padding-left:0; width:100%; } 
.i-advantage-right ul li { padding-top:25px; }
.i-advantage-right ul li .pic { width:40px; height:40px; margin-top:3px; }
.i-advantage-right ul li .con { width:calc(100% - 40px - 14px); margin-top:0; }
.i-advantage-right ul li .con .tit { font-size:17px; }
.i-advantage-right ul li .con .des { font-size:14px; }
/*i-pro992*/
.i-pro { height:360px; background-image:none; background-color:#FFF; }
.i-pro-bg-right { height:360px;  float:none; width:100%; background-image:none;  }
.i-pro-bg-right::after{ width:160px; height:160px; left:0; top:50px; bottom:auto;  }
.i-pro-box { height:360px; padding-top:40px; }
.i-pro .mySwiper{ display:none; }
.i-pro .mySwiper2{ float:none; width:100%; }
.i-pro-li .pic { width:260px; height:260px; margin-top:20px; }
/*这个宽度是 -图片的宽度-自己的左边距*2*/
.i-pro-li .con { width:calc(100% - 260px - 30px); margin-left:15px; margin-top:4px; }
.i-pro-li .con .nob { font-size:44px; }
.i-pro-li .con .tit {  font-size:18px; margin-top:-18px; font-weight:bold; }
.i-pro-li .con .des { margin-top:9px; }
.i-pro-li .con .more { margin-top:14px; }
.i-pro-li .con .more:hover { padding-right:5px; }
.i-pro .swiper-button-prev { top:auto; bottom:0; left:0; width:30px; height:30px; }
.i-pro .swiper-button-next { top:auto; bottom:0; left:auto; right:0; width:30px; height:30px; }
/*i-brand992*/
.i-brand { height:500px; background:url(../images/brand-bg-mo.jpg) no-repeat center center; background-size:100% 100%; }
.i-brand-top { padding:30px 4% 0 4%; }
.i-brand-top .tit { font-size:22px; }
.i-brand-mid { padding:15px 0 0 4%;   }
.i-brand-mid ul li { padding:4px; }
.i-brand-mid ul li .pic { width:30px; font-size:17px;  }
.i-brand-mid ul li .tit {width:calc(100% - 30px); }
.i-brand-bot { height:200px; }
.i-brand-bot ul li { padding-top:25px; width:27%; margin-left:5%; }
.i-brand-bot ul li:first-child { margin-left:5%; }
.i-brand-bot ul li .pic { height:66px; }
.i-brand-bot ul li .tit { font-size:16px; margin-top:13px; }
.i-brand-bot ul li .des { margin-top:3px; }
.i-brand-more { right:-110px; width:110px; height:82px; }
.i-brand-more .tit:hover {padding-right:5px; }
/*i-hotel992*/
.i-hotel { padding-top:60px; padding-bottom:60px; }
.i-hotel .con .tit { font-size:22px; }
.i-hotel .con .more:hover {padding-right:5px; }

/*i-cooperation992*/
.i-cooperation { padding-bottom:60px; }
.i-cooperation-ban .tit  { font-size:22px; }
.i-cooperation-ban .des { padding:0 9%; margin-top:4px; }
.i-cooperation-list ul li { width:calc((100% - 10px) / 2); }
.i-cooperation-list ul li:nth-child(4n+1) { margin-left:10px; }
.i-cooperation-list ul li:nth-child(2n+1) { margin-left:0; }
.i-cooperation-list ul li .pic { height:200px; }

/*i-news992*/
.i-news { padding-top:35px; padding-bottom:80px; background-image:none; }
.i-news-ban { margin-left:6.5%; }
.i-news-ban .tit { font-size:22px; }
.i-news-ban .more { margin-top:15px; }
.i-news-list { float:none; width:94%; margin:0 auto; margin-top:30px; height:240px; }
.i-news-list .swiper-slide{ height:240px; }
.i-news-list .swiper-button-prev { top:-45px; right:10%; }
.i-news-list .swiper-button-next { top:-45px; right:3%; }
.i-news-li .pic { height:120px; }
/*footer992*/
.footer { font-size:15px; padding-top:40px; padding-bottom:20px; }
.f-left { display:none; }
.f-mid { margin-left:0; width:50%; }
.f-right { margin-top:14px; }
.f-right ul li { width:90px; margin-left:14px; }
.f-right ul li .pic { height:90px; }
.f-ban { font-size:17px; }
.f-text { margin-top:4px; }
/*f-copy992*/
.f-copy { padding-top:35px; padding-bottom:15px; }
.f-copy-left { float:none; }
.f-copy-right { float:none; }
/*n-banner992*/
.n-banner { height:220px; }
.n-banner .con { padding-top:20px; }
.n-banner .con .en { font-size:26px; }
.n-banner .con .cn { font-size:26px; margin-top:-10px; }
.n-banner .n-position { bottom:14px; }
/*n-public992*/
.n-public { width:80%; }
.n-public .tit { font-size:22px; }
.n-public .des {  font-size:16px;}
/*n-story992*/
.n-story { padding-top:50px; padding-bottom:60px; }
.n-story-show { width:80%; margin-top:14px; }
.n-story-show img { margin-top:14px; }
/*n-sub992*/
.n-sub { margin-top:20px; }
/*n-news992*/
.n-news { padding-top:20px; padding-bottom:30px; }
.n-news-left { float:none; width:100%; }
.n-news-right { float:none; width:100%; margin-top:30px; padding-top:30px;}
/*n-newshow992*/
.n-newshow { min-height:400px;}
/*n-pro992*/
.n-pro { padding-top:20px; padding-bottom:20px; }
.n-pro-list ul li { height:340px; }
.n-pro-list ul li .pic { height:160px; }
.n-pro-list ul li .con { padding:10px 15px 0 15px; }
/*n-contact992*/
.n-contact { margin-top:40px; }
.n-contact-public .tit { font-size:20px; }
.n-contact-show { margin-top:14px; }
/*n-message992*/
.n-message { margin-top:40px;  }
.n-message-show input[type=text] { margin-top:14px; padding-left:10px; }
.n-message-show textarea { margin-top:14px; padding-left:10px; }
.n-message-show .submit { margin-top:14px; }
/*n-map992*/
.n-map { margin-top:40px; margin-bottom:40px; }
/*n-recommend992*/
.n-recommend { padding-top:40px; padding-bottom:40px; }
.n-recommend-ban { font-size:18px; }
.n-recommend-list { margin-top:24px; height:340px; }
.n-recommend-list .swiper-slide{ height:340px; }
.n-recommend-list .swiper-button-prev { top:-43px; }
.n-recommend-list .swiper-button-next { top:-43px; }
.n-recommend-li .pic { height:160px; }
.n-recommend-li .con { padding:10px 15px 0 15px; }
/*n-detail992*/
.n-detail { padding-top:30px; padding-bottom:30px; }
.n-detail-right .tit { font-size:22px; margin-top:14px; }
.n-detail-right .cate { margin-top:14px;}
.n-detail-right .des { font-size:15px; margin-top:14px;}
.n-detail-right .tel { padding-left:20px; margin-top:14px;}

}

@media (max-width:767px){
.wrap{width:80%}
/*banner767*/
.banner .swiper-pagination-bullet-active { width:25px; }
/*i-advantage767*/
.i-advantage { height:90px; background-color:#FFF; }
.i-advantage-right { height:auto; padding-left:10px; } 
.i-advantage-right ul li { padding-top:10px; }
.i-advantage-right ul li .pic { width:25px; height:25px; margin-top:1px; }
.i-advantage-right ul li .con { width:calc(100% - 25px - 5px); }
.i-advantage-right ul li .con .tit { font-size:16px; line-height:25px; }
.i-advantage-right ul li .con .des { display:none; }
/*i-pro767*/
.i-pro { height:250px; }
.i-pro-bg-right { height:250px;  }
.i-pro-bg-right::after{ width:110px; height:110px; top:40px; }
.i-pro-box { height:250px; padding-top: 20px; }
.i-pro-li .pic { width:150px; height:150px; margin-top:15px; }
/*这个宽度是 -图片的宽度-自己的左边距*2*/
.i-pro-li .con { width:calc(100% - 150px - 20px); margin-left:10px; margin-top:2px; }
/*i-brand767*/
.i-brand { height:auto; padding-bottom:190px; }
.i-brand-top { padding:30px 3% 0 3%; }
.i-brand-top .tit { font-size:19px; }
.i-brand-mid { padding:10px 0 0 3%;   }
.i-brand-mid ul li { float:none; width:96%; margin-right:0; margin-top:10px; }
.i-brand-bot { width:100%; height:160px; }
.i-brand-bot ul li { padding-top:20px; width:28%; margin-left:4%; }
.i-brand-bot ul li:first-child { margin-left:4%; }
.i-brand-bot ul li .tit {  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  white-space: normal; }
.i-brand-bot ul li .des { display:none; }
.i-brand-more { top:auto; bottom:-40px; right:0; width:100%; height:40px; }
.i-brand-more .tit { border:none; }
/*i-hotel767*/
.i-hotel { padding-top:80px; padding-bottom:40px; }
.i-hotel .wrap { display:block; }
.i-hotel .con { width:100%; margin-left:0; }
.i-hotel .con .tit { font-size:19px; }
.i-hotel .pic { width:100%; margin-right:0; margin-top:30px; }

/*i-cooperation767*/
.i-cooperation {  padding-top:70px;  padding-bottom:40px; }
.i-cooperation-ban .tit  { font-size:19px; }
.i-cooperation-ban .des { padding:0; margin-top:4px; }
.i-cooperation-list ul li .pic { height:120px; }

/*i-news767*/
.i-news { padding-bottom:40px; }
.i-news-ban { margin-left:4%; }
.i-news-ban .tit { font-size:19px; }
.i-news-list .swiper-button-prev { top:-43px; right:15%; width:35px; height:35px;  }
.i-news-list .swiper-button-next { top:-43px; right:2%;  width:35px; height:35px;}
.i-news-li .con .date {  font-size: 13px;}
.i-news-li .con .tit {  font-size: 15px;}
/*f-top767*/
.f-top { padding: 15px 0; }
.f-top .wrap { display:block; }
.f-logo { display:none; }
.f-nav ul li { margin-left:8px; }
/*footer767*/
.footer { padding-top: 20px; }
.f-mid { float:none; width:100%; }
.f-right { float:none; margin-top:30px; }
.f-right ul li { margin-left:0; margin-right:20px; }
.f-copy { background-image:none; padding-top:15px; }
/*n-banner767*/
.n-banner { height:150px; }
.n-banner .con .en { font-size:22px; }
.n-banner .con .cn { font-size:22px; margin-top:-5px; }
.n-banner .n-position { display:none; }
/*n-public767*/
.n-public { width:100%; }
.n-public .tit { font-size:19px; }
.n-public .des {  font-size:15px;}
/*n-story767*/
.n-story { padding-top:40px; padding-bottom:50px; }
.n-story-show { width:100%; margin-top:12px; }
.n-story-show img { margin-top:12px; }
/*n-news767*/
.n-news-list ul li { width:calc((100% - 5px) / 2 ); height:225px; margin-left:5px; margin-bottom:10px; }
.n-news-list ul li .pic { height:120px; }
.n-news-list ul li .con .date {  font-size: 13px;}
.n-news-list ul li .con .tit {  font-size: 15px;}
/*n-news-right-ban767*/
.n-news-right { padding-top:25px; }
.n-news-right-ban { font-size:20px; padding-left:20px; }
.n-news-right-list { margin-top:15px; padding-left:20px; }
/*n-newshow767*/
.n-newshow {padding:30px 10px 30px 10px;  min-height:350px;}
.n-tit { font-weight:bold;  }
/*n-sub767*/
.n-sub { margin-top: 10px; }
.n-sub ul { display:block; }
.n-sub ul li { width: 48.5%; margin: 0; margin-top:10px; }
.n-sub ul li:nth-child(even) { margin-left:3%; }
/*n-pro767*/
.n-pro-list ul li { width:calc((100% - 10px) / 2 ); height:300px; }
.n-pro-list ul li:nth-child(3n+1) { margin-left:10px; }
.n-pro-list ul li:nth-child(odd) { margin-left:0; }
.n-pro-list ul li .pic { height:120px; }
/*n-contact767*/
.n-contact { float:none; width:100%; margin-top:30px; }
/*n-message767*/
.n-message { float:none; width:100%; margin-top:30px;  }
/*n-recommend767*/
.n-recommend { padding-top:30px; padding-bottom:30px; }
.n-recommend-ban { font-size:17px; }
.n-recommend-list { margin-top:22px; height:300px; }
.n-recommend-list .swiper-slide{ height:300px; }
.n-recommend-list .swiper-button-prev { top:-37px; right:50px; width:35px; height:35px; }
.n-recommend-list .swiper-button-next { top:-37px; width:35px; height:35px; }
.n-recommend-li .pic { height:120px; }
/*n-detail767*/
.n-detail { padding-top:20px; padding-bottom:20px; }
.n-detail-left { float:none; width:100%; }
.n-detail-right { float:none; width:100%; margin-top:20px; }
.n-detail-right .tit { font-size:20px; margin-top:10px; }
.n-detail-right .cate { margin-top:10px;}
.n-detail-right .des {  margin-top:10px;}
.n-detail-right .tel { padding-left:15px; margin-top:10px;}

}

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


}