@charset "UTF-8";
/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; border-radius: 0; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfloat:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clearfloat { *zoom: 1; }

.clearboth { clear: both; }

.wp { width: 1258px; margin: 0 auto; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

.header { position: relative; height: 75px; width: 100%; background: #21b7cf; }

.header .headBox { position: relative; width: 1000px; height: 75px; box-sizing: border-box; padding: 0 20px; margin: 0 auto; }

.header h1 { position: relative; top: 10px; float: left; }

.header .nav { position: relative; float: left; padding-left: 45px; }

.header .nav li { position: relative; height: 75px; float: left; line-height: 75px; font-size: 18px; padding-left: 42px; padding-right: 42px; font-family: "Arial"; }

.header .nav li a { color: #fff; }

.header .nav li:hover, .header .nav li.on { opacity: .5; }

.pageBox { position: relative; float: right; margin-top: 40px; }

.page { position: relative; float: left; width: 15px; height: 15px; font-size: 10px; margin-left: 6px; font-family: 'Arial'; text-align: center; line-height: 15px; }

.page a { color: #fff; }

.page:hover, .page.on { background: #f7ab00; }

.nav-button { position: relative; left: 0; float: right; width: 38px; display: none; height: 26px; top: 26px; cursor: pointer; margin-left: 40px; }

.nav-button img { width: 100%; height: 100%; }

.main { width: 100%; background: #fffef7; }

.sideNav { position: fixed; width: 100%; top: 0; left: -1200px; height: 100%; transition: all 1s ease; padding: 15px 15px 160px 15px; z-index: 999; display: none; box-sizing: border-box; }

.slideInLeft { animation: slideInLeft 1s .1s ease both; -webkit-animation: slideInLeft 1s .1s ease both; -moz-animation: slideInLeft 1s .1s ease both; -o-animation: slideInLeft 1s .1s ease both; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px); }
  100% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0); } }

@-moz-keyframes slideInLeft { 0% { -webkit-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px); }
  100% { -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0); } }

.slideOutLeft { animation: slideOutLeft 1s .1s ease both; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0); }
  100% { -webkit-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px); } }

@-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); }
  100% { -moz-transform: translateX(-1000px); } }

.footer { position: relative; width: 100%; line-height: 55px; background: #ebebeb; text-align: center; font-size: 12px; color: #000; }

.footer span { display: inline-block; margin-left: 50px; }

.iphone-nav { position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); padding-top: 20px; background: #21b7cf; z-index: 6666; }

.iphone-nav #scroller h1 { padding-left: 20px; float: left; }

.iphone-nav #scroller h1 img { width: 38px; height: 48px; }

.iphone-nav #scroller .nav-close { width: 33px; height: 33px; position: relative; float: right; right: 20px; padding-top: 10px; }

.iphone-nav #scroller .nav-close img { border-radius: 100%; border: solid 2px #FFF; }

.iphone-nav #scroller > ul { display: block; position: relative; width: 100%; padding-bottom: 100px; }

.iphone-nav #scroller > ul li { display: block; position: relative; width: 100%; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; border-bottom: solid 1px #CFCFCF; font-size: 18px; font-family: 'Arial'; color: #FFF; }

.iphone-nav #scroller > ul li a { color: #FFF; }

.iphone-nav #scroller > ul li i { position: relative; float: right; padding-right: 20px; padding-top: 2px; cursor: pointer; }

.iphone-nav #scroller > ul li i.on { padding-top: 26px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.iphone-nav #scroller > ul .sub { display: none; padding-left: 3px; padding-top: 10px; padding-bottom: 0; }

.iphone-nav #scroller > ul .sub li { display: block; padding-top: 6px; padding-bottom: 6px; font-size: 16px; font-family: 'Arial'; border-bottom: none; }

.iphone-nav-active { transform: translate3d(0, 0, 0); }

/* reset.css V1.6  End */
.paged { padding-bottom: 60px; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 6px; font-size: 14px; text-align: center; color: #b2b2b2; }

.paged .current, .paged a:hover { color: #000; }

.paged-button { top: 7px; position: relative; width: 25px; height: 25px; background: #b2b2b2; }

.homeMian { position: relative; width: 100%; padding-top: 50px; padding-bottom: 120px; }

.banner { position: relative; float: left; margin-top: 30px; width: 50%; box-sizing: border-box; overflow: hidden; }

.banner .bannerWrap { position: relative; width: 100%; padding-bottom: 127.6%; }

.banner .bannerbox { width: 100%; overflow: hidden; position: absolute; padding-left: 15px; box-sizing: border-box; padding-right: 15px; }

.banner .bannerbox .swiper-container { position: relative; width: 100%; background: #F9F7EB; padding-bottom: 40px; }

.banner .bannerbox .swiper-container p { padding: 9px 30px 25px 30px; letter-spacing: 1px; font-size: 13px; line-height: 18px; color: #9C9B97; font-family: 'Arial';}

.banner .bannerbox .swiper-container h3 { padding: 20px 30px 0 30px; font-size: 23px; color: #9C9B97; font-family: "Arial"; }

.banner .bannerbox .swiper-container img { width: 100%; }

.picInfroRight { position: relative; height: auto; width: 50%; float: left; margin-top: 30px; overflow: hidden; box-sizing: border-box; display: block; }

.picInfroRight img { display: block; }

.picInfroRight .picInfro { width: 50%; }

.picInfroRight .pic_info_rightBox { width: 100%; position: relative; padding-bottom: 127.6%; overflow: hidden; }

.picInfroRight .pic_info_rightBox .picInfro:nth-child(2), .picInfroRight .pic_info_rightBox .picInfro:first-child { padding-top: 0px; }

.picInfroRight .pic_info_rightWrap { position: absolute; width: 100%; top: 0; left: 0; }

.picInfroRight .picInfro:hover:nth-child(1) h3 { background: #ebeff7; color: #9c9b97; }

.picInfroRight .picInfro:hover:nth-child(2) h3 { background: #ebf7ee; color: #9c9b97; }

.picInfroRight .picInfro:hover:nth-child(3) h3 { background: #f7ebeb; color: #9c9b97; }

.picInfroRight .picInfro:hover:nth-child(4) h3 { background: #e0eeef; color: #9c9b97; }

.picInfroRight .picInfro:hover img { transform: scale(1.2); }

.picInfroBottom { position: relative; box-sizing: border-box; overflow: hidden; width: 100%; }

.picInfroBottom .picInfro:first-child, .picInfroBottom .picInfro:nth-child(5n) { padding-left: 15px; padding-right: 15px; }

.picInfroBottom .picInfro:hover img { transform: scale(1.2); }

.picInfroBottom .picInfro:hover:nth-child(4n+1) h3, .picInfroBottom .picInfro:hover:nth-child(1) h3 { background: #f5f5f5; color: #9c9b97; }

.picInfroBottom .picInfro:hover:nth-child(2) h3, .picInfroBottom .picInfro:hover:nth-child(4n+2) h3 { background: #f7ebeb; color: #9c9b97; }

.picInfroBottom .picInfro:hover:nth-child(3) h3, .picInfroBottom .picInfro:hover:nth-child(4n+3) h3 { background: #ebf7ee; color: #9c9b97; }

.picInfroBottom .picInfro:hover:nth-child(4) h3, .picInfroBottom .picInfro:hover:nth-child(4n+4) h3 { background: #ebeff7; color: #9c9b97; }

.picInfro { position: relative; float: left; width: 25%; padding-right: 15px; padding-left: 15px; padding-top: 30px; overflow: hidden; vertical-align: top; box-sizing: border-box; }

.picInfro a { display: block; width: 100%; background: #F9F7EB; }

.picInfro .img { width: 100%; overflow: hidden; position: relative; display: block; }

.picInfro .img img { width: 100%; transition: ease 3s; }

.picInfro h3 { position: relative; width: 100%; text-indent: 1em; padding-top: 26px; font-family: 'Arial'; padding-bottom: 26px; font-size: 23px; color: #9C9B97; display: block; background: #F9F7EB; transition: background .5s ease; }

.mainWrap { width: 1128px; position: relative; display: block; padding-top: 80px; padding-bottom: 90px; margin: 0 auto; }

.contactImg { display: block; position: relative; width: 100%; height: auto; padding-bottom: 80px; }

.contactImg img { width: 100%; height: 100%; }

.contactWrap { position: relative; display: block; width: 100%; }

.contactTit { position: relative; display: block; width: 100%; height: 36px; }

.contactTit .con-Tit a { position: relative; width: 155px; text-align: center; height: 36px; line-height: 36px; float: left;  margin-right: 35px; background: #919191; color: #FFF; font-size: 19px; font-family: "Arial"; }

.contactTit .con-Tit:hover a, .contactTit .con-Tit.on a { background: #21B7CF; }

.salesNetwork { display: block; position: relative; width: 100%; background: #f9f7eb; padding: 80px; font-size: 14px; color: #595959; box-sizing: border-box; -wekit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -o-ms-sizing: border-box; }

.position { position: relative; display: block; width: 100%; }

.position .positionName { position: relative; height: 30px; font-family: 'Arial'; text-align: center; font-size: 14px; color: #595959; float: left; margin-right: 30px; }

.position .positionName select { width: 155px; padding-left: 10px; height: 30px; line-height: 30px; font-family: 'Arial'; text-align: center; font-size: 14px; border: solid 1px #b9b8b1; background: none; outline: none; }

.address { position: relative; display: block; width: 100%; margin: 0; }

.addressName { position: relative; float: left; margin-top: 60px; width: 45.5%; box-sizing: border-box; font-size: 14px; padding: 10px; font-family: 'Arial'; border-bottom: solid 1px #cdcdcd; }

.addressName .add-nameWrap { height: 110px; position: relative; }

.addressName:nth-child(even) { margin-right: 0; float: right; }

.addressName h3 { font-size: 18px; color: #21b7cf; padding-bottom: 8px; font-family: 'Arial'; }

.addressName p { color: #595959; line-height: 26px; font-family: 'Arial'; }

.addressName a { padding-top: 8px; color: #21b7cf; display: block; font-family: 'Arial'; }

.contact-infor { position: relative; width: 350px; float: left; font-family: 'Arial'; padding-right: 50px; }

.contact-infor h3 { font-size: 24px; font-family: 'Arial'; }

.contact-infor p { padding-top: 8px; line-height: 26px; padding-bottom: 8px; font-size: 14px; font-family: 'Arial'; }

.contact-infor a { color: #21b7cf; font-family: 'Arial'; }

.weixin { position: relative; width: 180px; height: 120px; float: right; }

.weixin .weixinImg { width: 34px; float: right; margin-top: 45px; height: 34px; cursor: pointer; }

.weixin .weixinImg img { width: 100%; height: 100%; }

.weixin .code { display: none; width: 100px; height: 100px; padding: 10px; background: #fff; }

.weixin .code img { width: 100%; height: 100%; }

.companyPro { position: relative; display: block; width: 100%; background: #F9F7EB; margin-bottom: 50px; }

.companyPro .swiper-container { width: 100%; padding-bottom: 44.68%; }

.companyPro .swiper-container .swiper-slide { position: relative; width: 100%; }

.companyPro .swiper-container .swiper-slide .companyBox { position: absolute; width: 100%; top: 0; left: 0; }

.companyPro .swiper-container .swiper-slide .companyBox .intro { position: relative; padding: 40px 50px 50px 50px; font-size: 14px; line-height: 27px; width: 38.21%; float: left; font-family: 'Arial'; z-index: 4; box-sizing: border-box; color: #000; }

.companyPro .swiper-container .swiper-slide .companyBox .intro h3 { font-size: 35px; font-family: 'Arial'; padding-bottom: 10px; }

.companyPro .swiper-container .swiper-slide .companyBox .introImg { position: relative; z-index: 2; float: left; width: 61.79%; box-sizing: border-box; }

.companyPro .swiper-container .swiper-slide .companyBox .introImg img { width: 100%; }

.companyPro .introImg.right { float: right; margin-right: 0; margin-left: 50px; }

.companyHis { position: relative; width: 100%; padding-top: 40px; box-sizing: border-box; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.companyHis .company-historyBox:nth-child(odd) { padding-left: 0; }

.companyHis .company-historyBox:nth-child(even) { padding-right: 0; }

.company-historyBox { position: relative; box-sizing: border-box; width: 50%; float: left; padding-left: 13px; padding-right: 13px; padding-bottom: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.company-history { position: relative; height: 360px; overflow: hidden; }

.company-history img { width: 100%; height: 100%; position: relative; z-index: 2; transition: ease 5s; -webkit-transition: ease 5s; -o-transition: ease 5s; -moz-transition: ease 5s; }

.company-history img:hover { transform: scale(1.2); }

.company-history .hisTie { position: absolute; top: 46px; z-index: 5; font-family: 'Arial'; font-size: 16px; color: #000; left: 55px; padding-right: 30px;width: 33%; }

.company-history .hisTie h3 { font-size: 36px; color: #000; font-family: 'Arial'; padding-bottom: 10px; }

.productWrap { position: relative; padding-top: 70px; }

.productBanner { position: relative; display: block; width: 100%; }

.productBanner img { width: 100%; height: 100%; }

.bannerM { position: relative; display: none; margin: 0 auto; width: 640px; height: 350px; }

.bannerM img { width: 100%; height: 100%; }

.productWrap.gmei { padding-top: 40px; padding-bottom: 40px; }

.productWrap.gmei #pro-pic li p { text-align: center; color: #9F9E9E; padding-bottom: 10px; }

.productWrap.gmei #pro-pic li a { position: relative; display: block; width: 100%; height: 100%; }

.pre-img { width: 100%; }

.productTextBox { width: 100%; padding: 20px; box-sizing: border-box; margin-top: 15px; background: #F9F7EB; }

.productText { position: relative; width: 100%; padding-bottom: 60px; font-size: 18px; line-height: 33px; box-sizing: border-box; color: #1D1D1D; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: #F9F7EB; font-family: "Arial"; }

.proImgBox { width: 100%; padding-top: 30px; padding-bottom: 30px; }

.pro-img { position: relative; width: 23.05%; float: left; overflow: hidden; margin-right: 2.6%; }

.pro-img p { width: 100%; height: 40px; line-height: 40px; position: relative; z-index: 9; font-size: 18px; color: #000; font-family: "Arial"; }

.pro-img .pro-img-pren { position: relative; display: block; width: 100%; overflow: hidden; }

.pro-img .pro-img-pren:before { position: absolute; content: ""; z-index: 6; left: 0; width: 110%; transition: all 0.3s ease; height: 100%; opacity: 0; background: url("../images/pro_imgBg.png") repeat; background-size: cover !important; }

.pro-img .pro-img-pren .pro-logo { position: absolute; max-width: 90%; top: 60%; left: 50%; z-index: 8; transform: translate3d(-50%, -60%, 0); transition: all 0.6s ease; opacity: 0; }

.pro-img .pro-img-pren .picture { width: 100%; height: auto; }

.pro-img:nth-child(4n) { margin-right: 0; }

.pro-img .pro-img-wrap:hover p { color: #21B7CF; }

.pro-img .pro-img-wrap:hover .pro-logo { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); opacity: 1; }

.pro-img .pro-img-wrap:hover .pro-img-pren:before { opacity: 1; }

.pro-img-wrap { margin-bottom: 30px; }

.main.bg { background: #FFF; }

.newsWrap { padding-top: 50px; padding-bottom: 60px; display: block; position: relative; width: 980px; margin: 0 auto; }

.newsWrap .newsImg { position: relative; width: 153px; height: 120px; float: right; margin-left: 30px; overflow: hidden; }

.newsWrap .newsImg img { width: 100%; height: 100%; transition: ease 5s; -webkit-transition: ease 5s; -o-transition: ease 5s; -moz-transition: ease 5s; }

.newSlide { display: block; position: relative; width: 50%; height: 309px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: #F9F6E4; padding: 10px 10px 10px 20px; }

.newSlide:hover h3 { color: #21b7cf; }

.newSlide .swiper-container { position: relative; padding-top: 40px; padding-bottom: 56px; }

.newSlide .swiper-container .slideImg { width: 230px; height: 180px; float: left; margin-right: 30px; overflow: hidden; }

.newSlide .swiper-container .slideImg img { width: 100%; height: 100%; transition: ease 5s; -webkit-transition: ease 5s; -o-transition: ease 5s; -moz-transition: ease 5s; }

.newSlide .swiper-container .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: none; opacity: 1; border: solid 1px #B9B8AC; }

.newSlide .swiper-container .swiper-pagination-bullet-active { background: #98968B; }

.slidText { padding-left: 30px; padding-right: 20px; letter-spacing: 2px; font-family: 'Arial'; line-height: 18px; }

.slidText h3 { font-size: 14px; color: #000; padding-bottom: 8px; font-family: 'Arial'; }

.slidText p { font-size: 12px; color: #89877D; font-family: 'Arial'; }

.news-list { position: relative; }

.news-list li:hover img { transform: scale(1.2); }

.news-list li:hover h3 { color: #21b7cf; }

.news-list li { display: block; width: 50%; float: left; box-sizing: border-box; padding: 0 0 15px 15px; }

.news-list li a { display: block; width: 100%; box-sizing: border-box; padding: 15px; height: 147px; }

.news-list li:nth-child(odd) { padding: 0 0 15px 0; }

.news-list li:first-child { padding: 0 0 15px 15px; }

.news-list li:nth-child(1) a, .news-list li:nth-child(5n+1) a { background: #f5f5f5; }

.news-list li:nth-child(2) a, .news-list li:nth-child(5n+2) a { background: #ebf7ee; }

.news-list li:nth-child(3) a, .news-list li:nth-child(5n+3) a { background: #ebeff7; }

.news-list li:nth-child(4) a, .news-list li:nth-child(5n+4) a { background: #e0eeef; }

.news-list li:nth-child(5) a, .news-list li:nth-child(5n+5) a { background: #f7ebeb; }

.news-list li .slidText { padding-left: 0; }

.newsDeta { position: relative; display: block; width: 980px; margin: 0 auto; text-align: center; padding-top: 60px; padding-bottom: 90px; color: #595959; }

.newsDeta h3 { display: inline-block; font-size: 20px; padding-bottom: 30px; letter-spacing: 2px; font-family: "Arial"; font-weight: bold; }

.newsDeta span { position: relative; font-size: 12px; font-family: 'Arial'; margin-left: 10px; margin-top: 10px; }

.newsDeta .newsText { padding: 0 40px 40px 40px; }

.newsDeta .newsText img { max-width: 100%; }

.newsDeta .newsText p { font-size: 12px; line-height: 32px; font-family: 'Arial'; text-space: 4px; text-align: left; letter-spacing: 3px; padding-bottom: 5px; padding-top: 5px; }

.reture { position: relative; }

.reture a { display: block; width: 120px; height: 35px; position: relative; background: #21B7CF; color: #FFF; text-align: center; letter-spacing: 3px; line-height: 35px; font-size: 20px; font-family: 'Arial'; margin: 0 auto; }

.newsDeta.developW { width: 1128px; }

@media screen and (max-width: 1228px) { .wp { width: 100%; }
  .productTextBox { padding: 0 20px; background: none; }
  .productText { padding: 10px 10px 60px 10px; } }

@media screen and (max-width: 1128px) { .mainWrap { width: 100%; margin-right: 10px; }
  .companyPro .swiper-container .swiper-slide .companyBox .intro p { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; overflow: hidden; } }

@media screen and (max-width: 1024px) { .header .headBox { width: 100%; overflow: hidden; }
  .noneImg { display: none; }
  .noneText { display: none; }
  .companyPro .swiper-container .swiper-slide .companyBox .intro p { -webkit-line-clamp: 10; }
  .banner .bannerWrap, .picInfroRight .pic_info_rightBox { padding-bottom: 130.6%; } }

@media screen and (max-width: 980px) { .salesNetwork { padding: 60px; }
  .newsWrap { width: 100%; }
  .newsDeta { width: 100%; }
  .picInfro h3 { padding-top: 26px; padding-bottom: 26px; } }

@media screen and (max-width: 920px) { .header .nav { display: none; }
  .nav-button { display: block; }
  .productWrap { padding-top: 40px; }
  .banner p { padding: 18px 30px 20px 30px; }
  .companyPro .swiper-container { position: relative; padding-bottom: 0; }
  .companyPro .swiper-container .swiper-slide .companyBox { position: relative; }
  .companyPro .swiper-container .swiper-slide .companyBox .intro, .companyPro .swiper-container .swiper-slide .companyBox .introImg { width: 100%; float: none; }
  .banner .bannerWrap, .picInfroRight .pic_info_rightBox { padding-bottom: 134%; } }

@media screen and (max-width: 902px) { .newsWrap { width: 100%; }
  .addressName { width: 42.4%; }
  .company-history { height: 300px; } }

@media screen and (max-width: 850px) { .mainWrap { padding-top: 60px; }
  .companyPro .introImg.right, .companyPro .introImg { float: none; margin: 0 auto; }
  .picInfro h3 { padding-bottom: 23px; padding-top: 23px; }
  .banner h3 { font-size: 20px; }
  .banner p { padding: 18px 30px 13px 30px; }
  .pro-img:nth-child(4n) { margin-right: 2.6%; }
  .pro-img:nth-child(3n) { margin-right: 0; }
  .pro-img { width: 31.6%; } }

@media screen and (max-width: 810px) { .news-list li, .newSlide { width: 100%; float: none; padding: 10px 10px 10px 12px; }
  .newsRight .news-list li { margin-left: 0; }
  .company-history { height: 240px; }
  .news-list li:nth-child(odd), .news-list li, .news-list li:first-child { padding: 15px 0 0 0; } }

@media screen and (max-width: 737px) { .companyPro .intro { font-size: 13px; }
  .company-history .hisTie { font-size: 14px; }
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 30px; }
  .companyPro .intro h3 { font-size: 30px; }
  .productText { font-size: 16px; }
  .banner h3 { font-size: 18px; }
  .homeMian { padding-bottom: 80px; }
  .companyPro .introImg { height: auto; }
  .company-history { height: 230px; }
  .newsDeta { padding-top: 40px; padding-bottom: 40px; }
  .picInfro h3 { padding-bottom: 21px; padding-top: 21px; } }

@media screen and (max-width: 730px) { .addressName { width: 100%; float: none; }
  .addressName:nth-child(even) { float: none; }
  .homeMian { padding-top: 40px; padding-bottom: 40px; }
  .mainWrap { padding-bottom: 50px; }
  .homeMian { padding-top: 15px; }
  .banner h3 { padding: 12px 30px 0 30px; }
  .banner .bannerWrap, .picInfroRight .pic_info_rightBox { padding-bottom: 136%; } }

@media screen and (max-width: 670px) { .company-history { height: auto; }
  .company-historyBox { width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; top: 25px; overflow: hidden; height: auto; margin-left: 0; }
  .companyHis .company-historyBox:nth-child(odd) { padding-left: 20px; }
  .companyHis .company-historyBox:nth-child(even) { padding-right: 20px; }
  .companyPro { margin-bottom: 0; }
  .mainWrap { padding-top: 30px; padding-bottom: 30px; }
  .productBanner { display: none; }
  .bannerM { display: block; } }

@media screen and (max-width: 640px) { .bannerM { width: 100%; height: auto; }
  .productWrap.gmei { padding-top: 0; }
  .contact-infor { padding-right: 0; }
  .banner .bannerWrap { padding-bottom: 0; }
  .banner .bannerbox { position: relative; }
  .banner { width: 100%; float: none; border-right: 0; border-left: 0; }
  .picInfroRight { width: 100%; float: none; }
  .picInfro { width: 50%; padding: 15px; }
  .picInfro h3 { padding-top: 15px; padding-bottom: 15px; }
  .pro-img:nth-child(3n) { margin-right: 0; }
  .pro-img:nth-child(2n) { margin-right: 0; }
  .proImgBox { padding-left: 8px; padding-right: 8px; box-sizing: border-box; }
  .pro-img { width: 50%; padding-left: 8px; padding-right: 8px; box-sizing: border-box; margin-right: 0; } .newsDeta h3 {display: block;} }

@media screen and (max-width: 568px) { .companyPro .intro { font-size: 12px; }
  .company-history .hisTie { font-size: 13px; width: 33%;}
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 28px; }
  .contactTit .con-Tit a { width: 117px; font-size: 16px; }
  .contactImg { padding-bottom: 40px; }
  .position .positionName { margin-right: 20px; font-size: 13px; }
  .addressName h3 { font-size: 16px; }
  .addressName { margin-top: 30px; }
  .position .positionName select { width: 130px; font-size: 12px; }
  .newsDeta { width: 100%; padding-top: 30px; }
  .newsDeta .newsText { padding: 0 0 20px 0; }
  .newsDeta .newsText p { padding: 0 20px 0 20px; }
  .homeMian { padding-top: 0; } }

@media screen and (max-width: 480px) { .newsWrap .newsImg { width: 120px; height: 94px; top: 5px; margin-left: 0; }
  .news-list li a { height: 130px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
  .news-list li a .slidText { overflow: hidden; }
  .news-list li a .slidText p { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; overflow: hidden; }
  .pro-img-wrap { margin-bottom: 15px; } }

@media screen and (max-width: 440px) { .footer { line-height: 20px; padding-top: 20px; padding-bottom: 20px; }
  .footer span { display: block; margin-left: 0; }
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 26px; }
  .companyPro .intro { padding: 40px 30px; }
  .contactTit .con-Tit a { margin-right: 20px; }
  .companyPro .introImg { width: 100%; }
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 26px; }
  .salesNetwork { padding: 30px; }
  .position .positionName select { width: 126px; }
  .reture a { font-size: 18px; }
  .productText { font-size: 14px; }
  #pro-pic li p { font-size: 16px; }
  .picInfro h3 { font-size: 16px; }
  .companyPro .intro h3 { font-size: 22px; }
  .banner h3 { font-size: 16px; }
  .banner p { font-size: 12px; } }

@media screen and (max-width: 414px) { .newSlide { height: auto; }
  .newSlide .swiper-container .slideImg { float: none; margin: 0 auto; padding-bottom: 30px; }
  .companyHis { padding-top: 0; padding-bottom: 20px; }
  .nav-button { width: 30px; height: 22px; }
  .pageBox { padding-right: 20px; }
  .newsWrap { padding-top: 30px; padding-bottom: 37px; } }

@media screen and (max-width: 375px) { .company-history .hisTie { top: 20px; left: 20px; }
  .companyPro .intro { font-size: 11px; }
  .company-history .hisTie { font-size: 12px; }
  .contact-infor { width: 100%; padding-right: 0; }
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 23px; }
  .contactTit .con-Tit a { width: 91px; margin-right: 15px; font-size: 14px; }
  .gmei .pro-img:nth-child(3n) { margin-right: 0; }
  .gmei .pro-img:nth-child(2n) { margin-right: 0; }
  .gmei .pro-img { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } }

@media screen and (max-width: 320px) { .contact-infor h3 { font-size: 16px; }
  .contact-infor p { font-size: 12px; }
  .productText { font-size: 12px; }
  .weixin { padding-top: 30px; }
  .position .positionName { margin-right: 5px; }
  .position .positionName select { width: 123px; }
  .company-history .hisTie h3, .companyPro .intro h3 { font-size: 22px; } }

/*新增的css*/
#pro-pic li:hover a .imgCover { display: block; }

.imgCover { position: absolute; height: auto; display: none; width: 100%; top: 0; left: 0; }

/*被注释掉的样式 #pro-pic li a:before { position: absolute; content: ""; display: none; z-index: 6; left: 0; width: 100%; height: 100%; background: url("../images/hover1_bg.png") center center; }*/
.paged { clear: both; }

.banner .bannerbox .swiper-container p { word-wrap: break-word; }

@media screen and (max-width: 435px) {
    .banner .bannerbox .swiper-container { height: 3.75rem; } 
    .banner .bannerbox .swiper-container h3 { padding-bottom: 20px; }
}

@media screen and (max-width: 414px) {
    .banner .bannerbox .swiper-container { height: 3.55rem; } 
}

@media screen and (max-width: 411px) {
    .banner .bannerbox .swiper-container { height: 3.88rem; }
}

@media screen and (max-width: 400px) {
    .banner .bannerbox .swiper-container { height: 3.55rem; }
}