body{padding: 0; margin: 0; font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif; font-size: 12px; line-height:1.4; color: #808080; background-color: #000;  -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
a{ text-decoration: none; color: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
body a:hover{ color: #CB4A4A; text-decoration: none;}
a:focus{ color: #CB4A4A;}
img{ display: block;}
dl,p,ul,li,h1,h2,h3,h4,h5,h6{list-style: none;margin: 0; padding: 0;}
dt{ font-weight: normal;}
.clear:after{ content: ''; clear: both; display: block;}
.fl{ float: left;}
.fr{ float: right;}
.w-1200{ width: 1200px; margin: 0 auto;}
.fontSizeA{ font-size: 20px}
.fontSizeB{ font-size: 14px}
.fontSizeC{ font-size: 36px;}
.fontSizeD{ font-size: 18px;}
.padTB-a{ padding: 50px 0;}
.padB-a{ padding-bottom: 10%}
.marT-a{ margin-top: 6%;}
.marT-b{ margin-top: 10px;}
.marT-c{ margin-top: 20px;}
.marT-d{ margin-top: 5px;}
.marT-e{ margin-top: 25px;}
.marT-f{ margin-top: 25px;}
.marT-g{ margin-top: 18px;}
.marT-h{ margin-top: 30px;}
.marT-i{ margin-top: 50px}
.colorA{ color: #CB4A4A}
.w100{ width: 100%;}

.time03{ -webkit-transition:all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.time05{ -webkit-transition:all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s;}
.img-scale:hover{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ; }
.jiezi{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.dhjiezi{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

@font-face {
    font-family: 'iconfont';  /* project id 1382016 */
    src: url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.eot');
    src: url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.woff') format('woff'),
    url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1382016_79bjeakjaqe.svg#iconfont') format('svg');
  }
  
.iconfont {
    font-family: "iconfont" !important;
    color: #fff;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* HEAD AND FOOT */
.navbar-default{-webkit-box-shadow: 0px 0px 3px #333;-moz-box-shadow: 0px 0px 3px #333;-ms-box-shadow: 0px 0px 3px #333;-o-box-shadow: 0px 0px 3px #333;box-shadow: 0px 0px 3px #333;}
.navbar-toggle{ margin-top: 13px; margin-bottom: 13px;}
.navbar-default{ min-height: 60px; border: 0; margin-bottom: 0; background-color: #000}
.navbar-brand{ padding-top: 0; padding-bottom: 0; height: auto; margin-top:15px; margin-bottom:15px; }
.navbar-brand span{display: block; width: 150px; height: 30px; background: url(../images/logo.png) no-repeat; background-size: 100% 100%;}
.navbar-default .navbar-nav.headContact>li>a{ color: #fff;}
.navbar-default .navbar-nav.headContact>li>a>span{ display: inline-block; font-size: 18px; vertical-align: top; margin-right: 10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: #333; border-bottom: 1px solid #333}
.navbar-nav{ margin-top: 0;}
.navbar-default .navbar-nav>li>a{ color:rgba(255, 255, 255, .5); font-size: 14px; }
.navbar-default .navbar-nav>li>a:hover{ color: #fff}
.dropdown-menu{ background-color: #191919;}
.dropdown-menu>li>a{ color: #808080; line-height: 30px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color: #fff; background-color: #CB4A4A;}
.navbar-default .navbar-nav>li>a:focus{ color: rgba(255, 255, 255, .5)}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color: inherit; color: #fff; border-color:#000;}

.footer{ color: #fff}
.footerTop ul{ margin-top: -10px;}
.footerTop li{ margin-top: 10px;}
.footerTop a{ display: block; background-color: #1D1D1D; padding:5% 8%; color: #fff;}
.footerTop .fl span{ font-size: 65px; line-height: 75px}
.footerTop dt{ font-size: 0}
.footerTop h4{ margin-top: 0; color: #fff;}
.footerTop dt:after{ content: ''; display: inline-block; width: 20px; height: 2px; background-color:#CB4A4A; vertical-align: top; margin-top: 10px;}
.footerTop dd{ color: #808080; margin-top: 10px;}
.footerTop a:hover{ border-right:5px solid #CB4A4A}
.footerTop a:hover dl{ text-align: left}
.footerTop a:hover dt{ color: #fff}
.footerMid{ position: relative;}
.footerContact h1{ margin: 0;}
.footerContact a{ display: block; width: 198px; height: 40px; background: url(../images/logo.png) no-repeat; background-size: 100% 100%;}
.footerContact li{ line-height: 24px; font-size: 0; margin-top: 3%;}
.footerContact li span{ vertical-align: top; display: inline-block;}
.footerContact li .spanA{ font-size: 16px; width: 30px;}
.footerContact li .spanB{ font-size: 12px;}
.footerCode{ width: 110px}
.footerCode img{ width: 100%}
.footerCode p{ margin-top: 8px;}
.footerMeau{ position: absolute; left: 320px; right: 220px; top: 0;}
.footerMeau li{ float: left; width: 16.666%}
.footerMeau li a{ display: block; }
.footerMeau dt a{ font-size: 16px;}
.footerMeau dd a{ color: #808080; padding: 8px 0;}
.footerMeau dd a:hover{ color: #fff}
.footerBot p{ color: #808080; text-align: center;}

.sidebar{ display: none; position:fixed; left: 0; top: 0; bottom: 0; width: 0; z-index: 3147483649 ; }
.sidebar-btn{ border-radius: 50%; background-color: #1a1a1a; display: block; position: fixed; left: 10px; top: 50%; background-image: url(../images/sidebar-btn.png); background-repeat: no-repeat; background-position:center; width: 80px; height: 80px; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);
    -moz-box-shadow: 0 0 15px rgba(255,255,255,.1);
    -webkit-box-shadow: 0 0 15px rgba(255,255,255,.1);
    box-shadow: 0 0 15px rgba(255,255,255,.1);
}
.sidebar-btn:hover{ background-color: #CB4A4A}
.cur.sidebar{ width: 100%; background-color: #CB4A4A; overflow-y:auto;}
.cur.sidebar .sidebar-body{ display: block;}
.cur .sidebar-btn{
    -moz-box-shadow: initial;-webkit-box-shadow: initial;box-shadow:initial;
     background-image: url(../images/sidebar-closeBtn.png); background-color: #CB4A4A}
.sidebar-body{ padding: 60px 0; display: none; }
.sidebar-headLogo a{ display: block; width: 249px; height: 50px; background: url(../images/logo-sidebar.png) no-repeat;}
.sidebar-headBtn{ float: left; margin-right: 50px;}
.sidebar-headBtn a{ position: relative; top: 0; display: block; line-height: 50px;}
.sidebar-headBtn span{ display: inline-block; vertical-align: top; font-size: 32px; margin-right: 30px;}
.sidebar-headBtn a:hover{ top: -5px; color: #fff;}
.sidebar-headSearch{ background-color: #fff; height: 40px; margin-top: 5px;}
.sidebar-headSearch input{ background-color: #fff; width: 150px; line-height: 40px; height: 40px; outline: none; padding-left: 10px; border: 0; color: #333; float: left;}
.sidebar-headSearch a{ display: block; line-height: 40px; width: 50px; float: left; color: #CB4A4A; text-align: center; font-size: 20px;}
.sidebar-meau{ margin-top: 50px;}
.sidebar-meau ul{ margin: -30px -30px 0 -30px; font-size: 0;}
.sidebar-meau li{ margin-top: 30px; display: inline-block; vertical-align: top; width: 33.33333%; padding: 0 30px;}
.sidebar-meau a{ font-size: 14px;}
.sidebar-meau dt{ border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 10px; margin-bottom: 10px;}
.sidebar-meau dt a{ display: block; line-height: 50px; padding: 0 20px;}
.sidebar-meau dt a:hover{ color: #CB4A4A; background-color: #fff;}
.sidebar-meau dd{ padding: 0 10px;}
.sidebar-meau dd a{ color: rgba(255, 255, 255, .5); font-size: 12px; padding: 0 10px; line-height: 30px; display: inline-block;}
.sidebar-meau dd a:hover{ color: #fff;}
.sidebar-foot{ margin-top: 50px; color: #fff;}
.sidebar-foot .tit{ line-height: 22px; font-size: 16px;}
.sidebar-foot .tit span{ display: inline-block; font-size: 22px; vertical-align: top; margin-right: 20px;}
.sidebar-footCon{ margin-top: 30px;}
.sidebar-footBox{ margin-top: 30px;}
.sidebar-footCon b{ font-size: 56px; line-height: 80px; }
.sidebar-footPhone{ margin-left: 240px;}
.sidebar-footCode{ text-align: center}
.sidebar-footCode dd{ margin-top: 10px;}
.sidebar-footCode img{ display: inline-block; width: 124px;}
/* HEAD AND FOOT END */

/* INDEX */
.indexMain{ padding-top: 60px; }
.indexBanner .swiper-container{ width: 100%;height: 100%;}
.indexBanner .swiper-slide {text-align: center;font-size: 18px;background: #000; height: 100%;
/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.indexBanner .swiper-slide a{ display: block; width: 100%; height: 100%;}
.indexBanner .swiper-slide .bg{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.indexBanner .swiper-slide .pic img{ width: 100%;}
.indexBanner .swiper-pagination{ left: inherit; bottom: inherit; width: auto; top: 50%; right: 10px; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.indexBanner .swiper-pagination-bullet{ opacity: 1; display: block;  width: 10px; height: 10px; background-color: #CB4A4A}
.indexBanner .swiper-pagination-bullet-active{ width: 16px; height: 16px; border: 3px solid #fff; background-color: inherit;}
.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 12px auto;}

.indexPro{ position: relative;}
.indexPro-con{ position: absolute; z-index: 20; width: 100%; left: 0; top: 50%; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.indexPro-pic{ z-index: 19}
.indexPro-pic .swiper-slide{ background-repeat: no-repeat; background-size: cover;}
.indexPro-con .title h1{ color: rgba(255, 255, 255, .2)}
.indexPro-meau { text-align: center;}
.indexPro-meau li{ margin-top: 4rem}
.indexPro-meau a{ width: 100px; display: inline-block; font-size: 16px; position: relative;}
.indexPro-meau a:after{ display: none; content:''; width: 90px; height: 5px; background-color: #CB4A4A; border-radius: 20px; position: absolute; right:-5px; bottom: 2px;}
.indexPro-meau a span{ position: relative; z-index: 2;}
.indexPro-meau .cur a{ color: #fff;}
.indexPro-meau .cur a:after{ display: block;}
.indexPro-con .picBtn-con{ margin-top: 5rem; width: 100%; text-align: center;}
.indexPro-con .picBtn-con a{ text-decoration: none; border-radius: 50%; margin: 0 3px; display:inline-block; vertical-align: top; width: 30px; height: 30px; text-align: center; line-height: 30px; background-color: #fff; color: #070203; font-size: 14px;}

.indexJoin{ width: 100%; background: url(../images/bg.png) no-repeat; background-size: cover;}
.title{ text-align: center;}
.title h1{ line-height: 1; color: #333; text-transform : uppercase}
.title h3{ line-height: 1; color: #fff; }
.title.alignLeft{ text-align: left;}
.a.title h1{ font-size:18px;}
.deafBtn a{ text-align: center; display: inline-block; min-width: 140px; line-height: 42px; border: 1px solid #fff; color: #fff;}
.deafBtn span{  display: inline-block;}
.deafBtn a:hover{ background-color: #fff; color: #CB4A4A}
.deafBtn a:hover span{ color: #CB4A4A}
.indexJoin .text{ color: #fff;}
.indexJoin .text .pA{ letter-spacing: 2px;}
.indexJoin-video{  margin:35px 20px 0 20px; background-color: #333}

.indexNew{ background: url(../images/bg2.jpg) no-repeat center; position: relative}
.indexNew-listCon{margin-top: 35px;}
.indexNew-list li{ margin-top: 30px;}
.indexNew-list li:first-child{ margin-top: 0;}
.indexNew-list a{ display: block; background-color: #2D2D2D; position: relative;}
.indexNew-list .liImg{position: absolute; left: 0; top: 0; bottom: 0; width: 30%;}
.indexNew-list img{ width: 100%; height: 100%;}
.indexNew-list dl{ width: 70%; padding:15px; border-right: 5px solid #2D2D2D;}
.indexNew-list dd{ color: #fff;}
.indexNew-list dt,.indexNew-list p{ color: #616161}
.indexNew-list a:hover dd{ color: #fff;}
.indexNew-list a:hover dl{ background-image: url(../images/index-3.png); background-position: center bottom; background-repeat: no-repeat; border-color: #CB4A4A;}

.indexCase{ width: 100%; background: url(../images/bg.png) no-repeat; background-size: cover; position: relative;}
.indexCase .swiper-container { zoom: .5; width: 100%}
.indexCase .swiper-slide { width: 600px; opacity: .6;}
.indexCase .pic img{ width: 100%; height: 100%;}
.indexCase p{ text-align: center; padding: 15px 0; color: #fff;}
.indexCase .swiper-slide-active{ opacity: 1; }
.indexCase .swiper-slide-active .bg{ display: block;}
.indexCase .swiper-slide-active .con{ display: block;}
.indexCase .swiper-arrow{ top: 50%;}
.indexCase .swiper-arrow.swiper-button-prev{ left: 50px;}
.indexCase .swiper-arrow.swiper-button-next{ right:50px;}

/* INDEX END */

/* ABOUT */
.fyBody{ padding-top: 60px;}
.fyBanner { position: relative; width: 100%; height: 200px; background-image: url(../images/aboutBanner.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;}
.fyBanner .text { width: 100%; text-align: center; color: #fff; position: absolute; left: 0; top: 50%;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.fyBanner .text h1{ font-weight: bold; text-transform:uppercase;}
.fyBanner .text h3{ text-align: center;}
.fyBanner .text span{ display: block; width: 80px; height: 4px; background-color: #CB4A4A; border-radius: 5px; margin: 10px auto; position: relative; top: 0;}
.aboutProfile{ width: 100%; background: url(../images/bg.png) no-repeat; background-size: cover;}
.aboutProfile .text span{ margin-top: 2rem; line-height: 1.8; display: block;}
.aboutProfile .text span:first-child{ margin-top: 0;}
.aboutProfile .text{ width: 100%; margin-top: 2rem;}
.aboutProfile .pic{ width: 100%; margin:0;}
.aboutHistory-con{ padding-right: 5%; position: relative;}
.aboutHistory-con li:first-child{ margin-top: 0}
.aboutHistory-con li{ background-color: #191919; padding: 15px; margin-top: 20px;}
.aboutHistory-con .date .pA{ font-size: 12px;}
.aboutHistory-con .date .pB{ color: #fff; font-size: 30px;}
.aboutHistory-con .date .pB:after{ content: ''; display: block; width: 30px; height: 5px; border-radius: 10px; background-color: #CB4A4A;}
.aboutHistory-con .text{ margin-top: 15px;}
.aboutHistory-con .text p{ margin-top: 10px; line-height: 1.8}
.aboutHistory-con .swiper-slide{ height: auto;}
.aboutHistory-btn{ text-align: center; position: absolute; right: 0; top: 50%;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.aboutHistory-btn .swiper-pagination-bullet{ opacity: 1; display: block; width: 5px;height: 5px; background-color: #CB4A4A; border-radius: 50%; margin: 5px auto;}
.aboutHistory-btn .swiper-pagination-bullet-active { width: 10px; height: 10px; border: 2px solid #fff; background-color: inherit;}
.aboutHistory-btn .swiper-pagination{ position: initial;}
.aboutHistory-btn .iconfont{ cursor: pointer;}
.aboutHistory-btn .iconfont:hover{color:#CB4A4A }
.aboutHonor{ width: 100%; background: url(../images/bg.png) no-repeat; background-size: cover;}
.aboutHonor-con{ position: relative;}
.aboutHonor-con ul{ margin-top: -30px;}
.aboutHonor-con li{ margin-top: 30px;}
.aboutHonor-con li img{ width: 100%;}
.aboutHonor-con .swiper-arrow{ top: 50%;}
.aboutPartner{ background: url(../images/bg2.jpg) no-repeat center; position: relative}
.aboutPartner-list ul{ margin: -10px -5px 0 -5px}
.aboutPartner-list li{ float: left; width:25%; margin-top: 10px; padding-left: 5px; padding-right: 5px;  }
.aboutPartner-list a{ position: relative; border-radius: 5px; overflow: hidden; display: block;  width: 100%; height: 60px; background-color: #fff;}
.aboutPartner-list a:hover{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ;}
.aboutPartner-list img{ max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
/* ABOUT END */

/* NEW */
.newBanner{ background-image: url(../images/newBanner.jpg)}
.newBody{ background: url(../images/bg3.png) no-repeat; background-size: cover;}
/* .newMeau{ padding-bottom: 4rem;} */
.newMeau-ej{ width: 100%; display: table; table-layout: fixed; border-bottom: 1px solid #585858;}
.newMeau-ej li{ display: table-cell;overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.newMeau-ej a{ display: inline-block; line-height: 50px; padding: 0 5%;}
.newMeau-ej .cur a{ border-bottom: 2px solid #CB4A4A; color: #CB4A4A;} 
.newMeau-sj{ padding: 0 15px;} 
.newMeau-sj ul{ font-size: 0; text-align: center;}
.newMeau-sj li{ display: inline-block; width: 25%; text-align: center;}
.newMeau-sj li a{ display: block; line-height: 40px; color: #fff;}
.newMeau-sj .cur a{ background-color: #CB4A4A; color: #fff;}
.newMeau-sj li a:hover{ color: #CB4A4A;}
.newMeau-sj .cur a:hover{ color: #fff;}
.newList li{ background-color: #1D1D1D; margin-top: 4rem;}
.newList li:first-child{ margin-top: 0;}
.newList a{ display: block; padding:15px;}
.newList .pic img{ width: 100%;}
.newList .textCon{ padding-top:20px;} 
/* .newList .picCon { padding:10px; } */
.newList .text h4{ line-height: 1.5; color: #fff}
.newList .text .pA{ color: #616161; position: relative;}
.newList .text .pA span{ background-color: #1d1d1d; display: inline-block; position: relative; z-index: 2; padding-right: 20px;}
.newList .text .pA:after{ content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: #343434; top: 50%; margin-top: -.5px;}
.newList .text .pB{ color: #8e8e8e;-webkit-line-clamp:2;}
.newList .text p{ margin-top: 10px; line-height: 1.8}
.pageList{ text-align: center;}
.pageList a{ display: inline-block; vertical-align: top; color: #8e8e8e; font-size: 18px;}
.pageList p{ display: inline-block; vertical-align: top; line-height: 25px;}
.pageList .spanA{ color: #fff}
.pageList a:hover{ color: #fff;}
.newDel-tit .text { position: relative;}
.newDel-tit .text h4{ line-height: 1.5; color: #fff}
.newDel-tit .text p{ margin-top: 10px;}
.newDel-tit .text:after{ content: ''; display: none;  width: 80px; height: 5px; background-color: #CB4A4A; border-radius: 5px; }
.newDel-tit .back{ margin-top: 10px;}
.newDel-tit .back a,.newDel-tit .back span{ color: #737373}
.newDel-tit .back a:hover,.newDel-tit .back a:hover span{ color: #fff;}
.newDel-titbody{background-color: #171717; }
.newDel-titbody .row{ padding: 20px 15px;}
.newDel-conBody{ background-color: #1D1D1D;}
.newDel-conBody .row{ padding: 10px 15px;}
.newDel-conBody p{ font-size: 14px; line-height: 1.8; margin: 2rem 0; text-align: justify;}
.newDel-conBody img{ width: 100%;  margin: 2rem 0;}
/* NEW END */

/* PRODUCT */
.proType li{background-color: #1A1A1A; margin-top: 4rem; position: relative; color: #fff}
.proType li:first-child{ margin-top: 0;}
/* .proType a{ display: block; position: relative; color: #fff;}
.proType a:hover{ color: #fff;} */
.proType-pic a{ display: block;}
.proType-pic img{ width: 100%;}
.proType-text{ padding: 1.5rem 30px}
.proType-textT{ position: relative;}
.proType-textT .pA{ position: absolute; left: 0; top: -1.6rem; font-size: 60px; line-height: 1.2; color: rgba(255, 255, 255, .05)}
.proType-textT dt{ line-height: 1}
.proType-textT dt:after{ content: ''; display: block; width: 36px; height: 4px; background-color: #CB4A4A; margin-top:1rem;}
.proType-textT dd{ margin-top: 1rem;}
.proType-textB{ margin-top: 1.5rem;}
.proType-textB p{ line-height: 1.8; float: left; margin-right: 20px;}
.proSet-inp{border-radius: 0; color: #fff; font-size: 16px; background-color: inherit; border: 0; outline: none; border-bottom: 1px solid rgba(255, 255, 255, .5); padding:10px 30px 10px 10px; line-height: 30px; width: 100%;}
select.proSet-inp{  position: relative;  -moz-appearance: none; -webkit-appearance: none; background: url(../images/pro-8.png) no-repeat; background-position: center right;}
.proSet-option{ color: #000;}
.proSet-btn{ position:absolute; width: 30px; right: 15px; text-align: center; top: 0; line-height: 50px; color: rgba(255, 255, 255, .5); font-size: 20px;}
.proList{ margin-top: 5rem}
.proList-body ul{ margin-top: -30px}
.proList-body li{ margin-top: 30px;}
.proList-body a{ position: relative; display: block; overflow: hidden; background: url(../images/pro-12.jpg) no-repeat; background-size: 100% auto;}
.proList-body img{ width: 100%;}
.proList-body .picB{ opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out;}
.proList-body a:hover .picB{ opacity: 1; display: block;}
.proPop{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; z-index: 1060;}
.proPop-body{ display: none; width: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.proPop-pic{ background-color: #1d1d1d}
.proPop-pic img{ width: 100%; height: 500px; object-fit: contain; }
.proPop-con{ background-color: #1a1a1a;}
.proPop-text{ padding: 15px; color: #fff}
.proPop-text h4:after{ content:''; display: block; width: 36px; height: 4px; background-color: #CB4A4A; margin: 1rem 0;}
.proPop-text p{ line-height: 1.8}
.proPop-btn{ margin-top: 1rem;}
.proPop-btn .deafBtn{ display: inline-block; margin-right: 10px; vertical-align: top}
.proPop-btn .a.deafBtn a{ min-width: 44px;  overflow: hidden; background-color: #CB4A4A; color: #fff; border-color: #CB4A4A; }
.proPop-btn .a.deafBtn span{ font-size: 22px; line-height: 1;color: #000; position: relative; top: 3px;}
.proPop-btn .a.deafBtn:hover span{ color: #fff;}
.proPop .proSet{ display: none;}
.proPop-close{ position: absolute; right: 15px; bottom: 0;}
.proPop-close a{ width: 60px; height: 60px; padding: 25px 0 0 28px; background: url(../images/pro-9.png) no-repeat; background-size: 100% 100%; display: block; color: rgba(255, 255, 255, .5); font-size: 20px;}
.proPop .swiper-pagination-bullet-active{ background-color: #fff;}
/* PRODUCT END */


/* DESIGN */
.designList-body ul{ margin-top: -15px;}
.designList-body li{ margin-top: 15px;  overflow: hidden;}
.designList-body a{ display: block;}
.designList-pic img{ width: 100%}
.designList-code{ opacity: 0; height: 100%; position: absolute; left: 15px; right: 15px; top: -100%; background-color: rgba(203, 74, 74, .8)}
.designList-code dl{ position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); text-align: center;}
.designList-code dt img{ display: inline-block; width: 120px; height: 120px;}
.designList-code dd{ color: #fff; margin-top: 10px;}
.designList-body p{ background-color: #1d1d1d; padding: 15px; color: #8d8d8d}
.designList-body a:hover .designList-code{ top:0; opacity: 1;}
/* DESIGN END */

/* COOPERATION */
.cooList-body ul{ margin-top: -15px;}
.cooList-body li{ margin-top: 15px;}
.cooList-pic{ overflow: hidden}
.cooList-pic img{ width: 100%}
.cooList-text{ height: 50px; background-color: #1D1D1D; text-align: center;}
.cooList-text p{ line-height: 50px;}

.contactList-body li{ margin-top: 60px;}
.contactList-body .liCon{background-color: #1D1D1D; padding: 0 30px;}
.contactList-pic img{ width: 100%;border-bottom: 5px solid #CB4A4A; position: relative; top: -25px;}
.contactList-text{ float: initial; position: absolute; top: 48%; right: 30px; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
.contactList-text dl{position: relative; color: #fff; border-bottom: 1px solid #707070; padding: 10px 0;}
.contactList-text dt{ position: absolute; left: 0; top: 10px;}
.contactList-text dd{ text-align: right; padding-left: 30px;}
/* COOPERATION END*/

/* SERVICE */
.sevProcessA-pc{ display: none;}
.sevProcessA-wap{ display: block;}
.sevProcessB{ background: url(../images/bg2.jpg) no-repeat center; background-size: cover;}
.sevProcessB-body ul{ margin-top: -30px;}
.sevProcessB-body li{ border-right: 1px solid #3D3D3D; margin-top: 30px;}
.sevProcessB-body .liImg img{ display: inline-block; height: 36px; position: relative; top: 0}
.sevProcessB-body dl{ margin-top: 15px;}
.sevProcessB-body dt{ color: #fff;}
.sevProcessB-body dd{ margin-top: 5px; color: #3F3E3F}
.sevProcessB-body li:hover img{ top: -8px;}
.sevProcessC{ background-color: #1A1A1A;}
.sevProcessC .container-fluid{ padding: 0 15px}
.sevProcessC-pic img{ width: 100%}

.mxmapleft{ width:626px; margin: 0 auto;}
/*地图*/
.haier-school .china-map{ background:url(../images/zhongguoditu.png) no-repeat; width:626px; height:516px; overflow:hidden; position:relative; font-family:"微软雅黑"; color:#5D5D5D; font-size:14px;}

.china-map li.current a span{ color:#FFF;}
.china-map li span{position:absolute; display:block; }
.china-map li a{position:absolute; display:block; cursor:pointer;outline:none;}
.china-map li a:focus{ color: #CB4A4A}
.heirongjiang{top:0px; right:0px; width:140px; height:124px;}
.heirongjiang span{top:70px; left:64px;}
.china-map li.current .heirongjiang{ background:url(../images/heirongjiang.png);_background:url(../images/heirongjiang.gif);}

.xinjiang{top:59px; left:0px; width:248px; height:189px;}
.xinjiang span{top:105px; left:110px;}
.china-map li.current .xinjiang{background:url(../images/xinjiang.png);_background:url(../images/xinjiang.gif);}

.gansu{top:159px; left:207px; width:177px; height:149px;}
.gansu span{top:110px; left:116px;}
.china-map li.current .gansu{background:url(../images/gansu.png);_background:url(../images/gansu.gif);}

.neimenggu{top:6px; right:91px; width:273px; height:233px;}
.neimenggu span{top:175px; left:104px;}
.china-map li.current .neimenggu{background:url(../images/neimenggu.png);_background:url(../images/neimenggu.gif);}

.xizang{top:234px; left:25px; width:244px; height:149px;}
.xizang span{top:75px; left:110px;}
.china-map li.current .xizang{background:url(../images/xizang.png);_background:url(../images/xizang.gif);}

.qinghai{top:206px; left:163px; width:155px; height:112px;}
.qinghai span{top:42px; left:67px;}
.china-map li.current .qinghai{background:url(../images/qinghai.png);_background:url(../images/qinghai.gif);}

.sichuan{top:286px; left:252px; width:122px; height:119px;}
.sichuan span{top:42px; left:47px;}
.china-map li.current .sichuan{background:url(../images/sicuan.png);_background:url(../images/sicuan.gif);}

.yunnan{top:359px; left:246px; width:111px; height:116px;}
.yunnan span{top:57px; left:42px;}
.china-map li.current .yunnan{background:url(../images/yunnan.png);_background:url(../images/yunnan.gif);}

.guangxi{top:401px; left:339px; width:94px; height:69px;}
.guangxi span{top:27px; left:42px;}
.china-map li.current .guangxi{background:url(../images/guangxi.png);_background:url(../images/guangxi.gif);}

.guangdong{top:411px; left:402px; width:98px; height:75px;}
.guangdong span{top:15px; left:42px;}
.china-map li.current .guangdong{background:url(../images/guangdong.png);_background:url(../images/guangdong.gif);}

.guizhou{top:357px; left:327px; width:76px; height:66px;}
.guizhou span{top:27px; left:25px;}
.china-map li.current .guizhou{background:url(../images/guizhou.png);_background:url(../images/guizhou.gif);}

.hunan{top:344px; left:390px; width:68px; height:79px;}
.hunan span{top:27px; left:25px;}
.china-map li.current .hunan{background:url(../images/hunan.png);_background:url(../images/hunan.gif);}

.chongqing{top:314px; left:349px; width:58px; height:59px;}
.chongqing span{top:23px; left:9px;}
.china-map li.current .chongqing{background:url(../images/chongqing.png);_background:url(../images/chongqing.gif);}

.shanxi{top:209px; left:352px; width:62px; height:110px;}
.shanxi span{top:70px; left:16px;}
.china-map li.current .shanxi{background:url(../images/saixi.png);_background:url(../images/saixi.gif);}

.ningxia{top:214px; left:335px; width:35px; height:53px;}
.ningxia span{top:17px; left:6px;}
.china-map li.current .ningxia{background:url(../images/ningxia.png);_background:url(../images/ningxia.gif);}

.hubei{top:300px; left:385px; width:95px; height:58px;}
.hubei span{top:20px; left:40px;}
.china-map li.current .hubei{background:url(../images/hubei.png);_background:url(../images/hubei.gif);}

.sanxi{top:191px; left:403px; width:43px; height:85px;}
.sanxi span{top:32px; left:10px;}
.china-map li.current .sanxi{background:url(../images/sanxi.png);_background:url(../images/sanxi.gif);}

.henan{top:252px; left:407px; width:70px; height:67px;}
.henan span{top:24px; left:20px;}
.china-map li.current .henan{background:url(../images/henan.png);_background:url(../images/henan.gif);}

.jilin{top:99px; left:508px; width:105px; height:66px;}
.jilin span{top:24px; left:50px;}
.china-map li.current .jilin{background:url(../images/jilin.png);_background:url(../images/jilin.gif);}

.liaoning{top:138px; left:493px; width:74px; height:69px;}
.liaoning span{top:18px; left:31px;}
.china-map li.current .liaoning{background:url(../images/liaoning.png);_background:url(../images/liaoning.gif);}

.shandong{top:222px; left:458px; width:80px; height:53px;}
.shandong span{top:18px; left:16px;}
.china-map li.current .shandong{background:url(../images/shandong.png);_background:url(../images/shandong.gif);}

.jiangsu{top:263px; left:477px; width:69px; height:67px;}
.jiangsu span{top:10px; left:22px;}
.china-map li.current .jiangsu{background:url(../images/jiangsu.png);_background:url(../images/jiangsu.gif);}

.sanghai{top:308px; left:529px; width:17px; height:17px;}
.sanghai span{top:0px; left:0px; width:30px;}
.china-map li.current .sanghai{background:url(../images/shanghai.png);_background:url(../images/shanghai.gif);}

.anhui{top:273px; left:462px; width:59px; height:71px;}
.anhui span{top:30px; left:16px;}
.china-map li.current .anhui{background:url(../images/anhui.png);_background:url(../images/anhui.gif);}

.jiangxi{top:339px; left:452px; width:58px; height:83px;}
.jiangxi span{top:30px; left:11px;}
.china-map li.current .jiangxi{background:url(../images/jiangxi.png);_background:url(../images/jiangxi.gif);}

.zhejiang{top:331px; left:505px; width:46px; height:44px;}
.zhejiang span{top:10px; left:11px;}
.china-map li.current .zhejiang{background:url(../images/zhejiang.png);_background:url(../images/zhejiang.gif);}

.fujian{top:364px; left:485px; width:52px; height:67px;}
.fujian span{top:23px; left:11px;}
.china-map li.current .fujian{background:url(../images/fujian.png);_background:url(../images/fujian.gif);}

.taiwan{top:403px; left:540px; width:20px; height:48px;}
.taiwan span{top:12px; left:0px; width:30px;}
.china-map li.current .taiwan{background:url(../images/taiwan.png);_background:url(../images/taiwan.gif);}

.hainan{bottom:0px; left:390px; width:31px; height:25px;}
.hainan span{top:4px; left:0px;}
.china-map li.current .hainan{background:url(../images/hainan.png);_background:url(../images/hainan.gif);}

.hebei{top:158px; left:437px; width:67px; height:96px;}
.hebei span{top:51px; left:10px;}
.china-map li.current .hebei{background:url(../images/hebei.png);_background:url(../images/hebei.gif);}

.beijing{top:182px; left:455px; width:23px; height:24px;}
.beijing span{top:0px; left:0px; width:30px;}
.china-map li.current .beijing{background:url(../images/beijing.png);_background:url(../images/beijing.gif);}

.tianjin{top:193px; left:471px; width:14px; height:22px;}
.tianjin span{top:4px; left:0px; width:30px;}
.china-map li.current .tianjin{background:url(../images/tianjin.png);_background:url(../images/tianjin.gif);}

.mxmapright{ width:100%; padding:25px 0; background:#1A1A1A;}
.mxmapright .b2fs-fm{ margin-top: 20px;}
.mxmapright .con{ margin: 0 10px;}
.mxmapright .box{ float: left; padding: 5px; width: 50%;}
.mxmapright .box.w100{ width: 100%}
.mxmapright select{ padding: 0 15px; width: 100%; outline: none; border: 0; height: 50px; line-height: 50px; background-color: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .5); font-size: 14px;}
.mxmapright select option{ color: #000;}
.mxmapright a{ background-color: #CB4A4A; display: block; line-height: 50px; color: #fff; text-align: center;}
.mxmapright a span{ font-size: 18px; margin-right: 18px; display: inline-block; vertical-align: top;}
.mxmapright a:hover{ color: #fff; opacity: 0.8}
.mxmapright .phone{ margin-top: 20px; text-align: center; color: rgba(255, 255, 255, .5)}
.mxmaplist{ height:auto; overflow:hidden;display:block; clear:both}

.mxmapul ul{ margin-top: -15px;}
.mxmapul li{ margin-top: 15px;}
.mxmapul a{ display: block; background-color: #1A1A1A; color: rgba(255, 255, 255, .5); padding: 20px 15px; position: relative;}
.mxmapul .h3{  color: #fff; margin: 0; font-weight: bold;}
.mxmapul .h3:after{ content: ''; display:block; width: 15px; height: 2px; background-color: #CB4A4A; margin-top: 10px;}
.mxmapul .p{ font-size:12px;}
.mxmapul .em{ display: block; margin: 10px 0;}
.mxmapul .m{ text-align: center; color: #fff; position:absolute; right:0; width: 100px; text-align:center; top:0;  bottom: 0; opacity:1; background-color: #CB4A4A}
.mxmapul .m i{ display:block; line-height:1; font-size: 30px; padding-top: 35px;}
.mxmapul .m span{ display:block; margin-top: 5px;}
/* SERVICE END*/


/* JOIN */
.joinA{ background: url(../images/join-1.png) no-repeat center bottom; background-size: cover;}
.joinTit h5{ color: #333538; font-size:24px; line-height: 1.2}
.joinTit h4{ font-weight: bold; font-size: 24px; line-height: 1.2; margin-top: 10px}
.joinTit h6{ color: #fff; font-size:20px; line-height: 1.2; font-weight: bold;}
.joinTit p{ color: #fff; font-size: 16px; margin-top: 10px;}
.joinA-pic{ margin-top: 30px;}
.joinA-pic img{ max-width: 650px;}
.joinA-text ul{ margin-top: -25px;}
.joinA-text li{ margin-top: 25px;}
.joinA-text dt{ color: #CB4A4A; font-size: 30px; font-weight: bold;}
.joinA-text dd{ color: #fff; margin-top: 5px; line-height: 1.6}

.joinB{ background: url(../images/bg.png) no-repeat center top; background-size: cover;}
.joinB-body{ position: relative;}
.joinB-li{ position: relative; display: block;}
.joinB-li .text{ opacity: 0; padding: 0 20px; color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #CB4A4A}
.joinB-li .text p{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; padding: 0 15px;}
.joinB-li:hover .text{ opacity: 1}
.a.swiper-pagination{ position: initial; left: initial; bottom: initial; }
.a .swiper-pagination-bullet{opacity: 1; background-color: #fff;}
.a .swiper-pagination-bullet-active{ background-color: #CB4A4A}

.joinC .container-fluid{ padding: 0 15px;}
.joinC-tj {  background-color: #101010;}
.joinC-fs {  background-color: #1D1D1D;}
.joinC-tjBody ul{ margin-top: -15px;}
.joinC-tjBody li{ margin-top: 15px; position: relative;}
.joinC-tjBody span{ display: inline-block; vertical-align: top; line-height: 30px; color: #fff;}
.joinC-tjBody .spanA{ position: absolute; left: 0; top: 0; width: 30px; text-align: center; color: #585858; font-size: 16px; background-color: #fff; border-radius: 50%;}
.joinC-tjBody .spanB{ padding-left: 40px;}
.joinC-fsBody ul{ margin: 0 -15px;}
.joinC-fsBody li{ text-align: center; float: left; width: 33.3333%; border-right: 1px solid #464646; padding: 0 15px;}
.joinC-fsBody li:last-child{ border: 0}
.joinC-fsBody img{ height: 35px; display: inline-block;}
.joinC-fsBody dl{ margin-top: 20px;}
.joinC-fsBody dt{ color: #fff;}
.joinC-fsBody dd{ margin-top: 10px; line-height: 1.6}

.joinD{ background: url(../images/bg2.jpg) no-repeat center; background-size: cover;}
.joinD .container{ position: relative}
.joinD-textBody p{ color: #fff; line-height: 1.8}
.joinD-pic{ margin-top: 40px;}
.joinD-picBody{ text-align: center;}
/* .joinD-picBody img{max-width: 572px; display: inline-block;} */

.joinE{ background: url(../images/bg.png) no-repeat center top; background-size: cover;}
.joinE-body{ position: relative;}
.joinE-li{ background-color: #171717; padding: 30px 15px; height: 100%; height: 320px; position: relative}
.joinE-li dt{ color: #fff;}
.joinE-li dt:after{ content: ''; display: block; width: 20px; height: 2px; background-color: #CB4A4A; margin-top: 5px;}
.joinE-li dd{ margin-top: 10px; line-height: 1.8}
.joinE-li span{ position: absolute; left: 15px; bottom: 15px; display: block; color: rgba(255, 255, 255, .5); font-size: 32px; line-height: 1; font-weight: bold;}

.joinF{ background: url(../images/bg.png) no-repeat center top; background-size: cover;}
.joinF-li{ padding: 0; overflow: hidden;}
.joinF-body{ position: relative}
.swiper-arrow{ display: none; position: absolute; top: 42%; margin-top: -30px; background-image: none; color: #8d8d8d; font-size: 24px; height: 60px; width: 60px; text-align: center; line-height: 60px; background-color: #1d1d1d; border-radius: 50%;}
.swiper-arrow.swiper-button-next{ right:-80px}
.swiper-arrow.swiper-button-prev{ left: -80px;}
.swiper-arrow:hover{ color: #fff; background-color:#CB4A4A }
.a.swiper-arrow{ top: 38%;}
.a.swiper-arrow.swiper-button-prev{ left: 20px;}
.a.swiper-arrow.swiper-button-next{ right:20px;}

.joinG-body{ padding-left:30px; padding-right: 30px; background: url(../images/index-3.png) no-repeat center bottom #191919; background-size: 80% auto;}
.joinG-li{ position: relative;}
.joinG-li span.iconfont{ position: absolute; left: 0; top: 0; line-height:60px; font-size: 18px; color: #585858; width: 50px; text-align: center; display: block;}
.joinG-inp{ border-radius: 0; outline: none; background-color: initial; width: 100%; border: 0; border-bottom: 1px solid #3B3B3B; font-size: 14px; color: #fff; padding: 0 10px 0 50px; line-height:60px; height: 60px;}
textarea.joinG-inp{ height: 120px; line-height: 24px; padding-top:18px; padding-bottom: 18px;}
.joinG-btn{ margin-top: 20px; }
.joinG-btn a{ background-color: #CB4A4A; line-height: 44px; display: block;color: #fff; text-align: center;}
.joinG-btn a:hover{ opacity: .8; color: #fff;;}
/* JOIN END */

/* SIDEMEAU */
/* #newBridge .icon-right-bottom{ display: none;} */
.sideMeau{ position: fixed; right: 5px; top: 50%; transform: translateX(0) translateY(-50%);  display: none;}
.sideMeau-box{ padding: 15px 0; background-color: #fff; width: 40px; border-radius: 25px; -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.sideMeau ul{ margin-top: -12px;}
.sideMeau li{ margin-top: 12px; position: relative;}
.sideMeau .liBtn{ display: block; text-align: center; color: #585858;}
.sideMeau .liBtn .pA{ font-size: 20px; line-height: 1; color: #585858;}
.sideMeau .liBtn .pB{ font-size: 12px; padding-top: 2px;}
.sideMeau .liBox{ position: absolute; right: 40px; top: 50%; padding-right: 15px; transform: translateX(0) translateY(-50%); display: none;}
.sideMeau .liBox:after{ content: ''; display: block; position: absolute; right: -2px; top: 50%; transform: translateX(0) translateY(-50%); border: 10px solid transparent; border-left: 10px solid #CB4A4A;}
.sideMeau .liBox-con{ background-color: #CB4A4A; border-radius: 5px; padding: 20px 30px; min-width: 220px;}
.sideMeau-phone dl{ color: #fff; padding-top: 15px; margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, .3)}
.sideMeau-phone dl:first-child{ padding: 0; margin: 0; border: 0}
.sideMeau-phone dd{ font-size: 18px; font-weight: bold;}
.sideMeau li:hover .liBtn .pA,.sideMeau li:hover .liBtn .pB{ color: #CB4A4A}
.sideMeau li:hover .liBox{ display: block;}
.sideMeau .liBtn:focus{ text-decoration: inherit;}
.sideMeau-wechat{ text-align: center;}
.sideMeau-wechat img{ display: initial; width: 100px;}
.sideMeau-wechat p{ margin-top: 5px; color: #fff}
/* SIDEMEAU END */

.aboutBanner{ background-image: url(../images/fyBanner-about.jpg);}
.newBanner{ background-image: url(../images/fyBanner-new.jpg);}
.proBanner{ background-image: url(../images/fyBanner-pro.jpg);}
.joinBanner{ background-image: url(../images/fyBanner-join.jpg);}
.pzfwBanner{ background-image: url(../images/fyBanner-pzfw.jpg);}
.gchzBanner{ background-image: url(../images/fyBanner-gchz.jpg);}
.designBanner{ background-image: url(../images/fyBanner-design.jpg); height: 350px;}
.designBanner img{ display: inline-block;}
.designBanner dt{ color: #fff; font-weight: bold;}
.designBanner dd a{ display: inline-block; width: 160px; line-height: 44px; background-color: #CB4A4A; color: #fff; text-align: center;}
.designBanner dd a:hover{ opacity: .8}

.searchList-body ul{  column-count: 2; column-gap: 20px; margin-top: 0}
.searchList-body ul li{ margin: 0 0 20px 0 ;  float: inherit;}


@media (min-width: 768px) { 
    body{ font-size: 14px;}
    h4{ font-size: 24px;}
    .marT-a{ margin-top: 12%;}
    .marT-b{ margin-top: 15px;}
    .marT-c{ margin-top: 25px;}
    .marT-d{ margin-top: 10px;}
    .marT-e{ margin-top: 30px;}
    .marT-f{ margin-top: 40px;}
    .marT-g{ margin-top: 24px;}
    .marT-h{ margin-top: 60px;}
    .marT-i{ margin-top: 80px}
    .padTB-a{ padding: 80px 0;}
    .padB-a{ padding-bottom: 7%;}
    .fontSizeA{ font-size: 30px}
    .fontSizeB{ font-size: 16px}
    .fontSizeC{ font-size: 60px;}
    .fontSizeD{ font-size: 24px;}
   
    .footerTop .fl span{ font-size: 80px; line-height: 88px;}
    .footerContact li{ margin-top: 8%}
    .footerContact li .spanA{ font-size: 20px; width: 38px;}
    .footerContact li .spanB{ font-size: 14px;}
    .footerCode{ width: 150px}
    .footerBot p.pA{ text-align: left}
    .footerBot p.pB{ text-align: right}

    .title h1{ font-size: 60px}
    .a.title h1{ font-size:24px;}
    .indexJoin-video{ width: 740px; margin: 40px auto auto auto;}
    .indexCase .swiper-container { zoom: 1;}
    .fyBanner{ height: 600px;}
    .fyBanner .a.text{ left: 60%;; text-align: right; width: auto;}
    .fyBanner .b.text{ left: 20%;; text-align: left; width: auto;}
    .fyBanner .text h3{ text-align:inherit;}
    .fyBanner .text span{ display: inline-block; vertical-align: top;  margin: 0 30px; top: 15px;}
    .aboutProfile .text{ margin-top: 0;}
    .aboutProfile .pic{ float: right; margin:0 0 50px 60px; width: 45%; }
    .aboutHonor-con li{ width: 25%}

    /* .newMeau{ padding-bottom:5%;} */
    .newMeau-sj{ padding: 0 100px;}
    .newMeau-sj li{ width: 100px; margin: 0 15px;}
    .newDel-titbody .row{ padding: 50px 80px;}
    .newDel-tit .back{ text-align: right}
    .newDel-tit .text:after{ display: block; bottom: -50px; position: absolute; left: 15px;}
    .newDel-conBody .row{ text-align: center;}
    .newDel-conBody p{ text-align: left; font-size: 16px;}
    .newDel-conBody img{ width: auto; max-width: 100%; display: inline-block;}
    .newDel-conBody .row{ padding: 30px 80px;} 

    .designList-body ul{ margin-top: -30px;}
    .designList-body li{ margin-top: 30px;}
    .designList-body p{ padding: 20px;}
    .cooList-text { height: 80px;}
    .cooList-text p{ line-height: 80px;}
}
@media (min-width: 992px){
    .indexMain{ padding-top: 0;}
    .indexBanner .swiper-pagination{ right: 50px;}
    .indexNew-tit{position: absolute; left: 15%; top: 50%;float: inherit; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
    .indexNew-tit .title{ text-align: left;}
    .indexNew-listCon{float: right; margin-top: 0}
    .indexNew-list dl{ padding: 30px; }
    .aboutPartner-list ul{ margin-left: -10px; margin-right: -10px; margin-top: -20px; }
    .aboutPartner-list li{ width: 16.6666%; padding-left: 10px; padding-right: 10px; margin-top: 20px;}
    .aboutPartner-list a{ height: 80px;}
    .indexPro-col{ float: right; padding-right: 10%}
    .indexPro-col .title,.indexPro-col .indexPro-meau li,.indexPro-col .picBtn-con{ text-align: right}
    .indexPro-meau a:hover{ color: #fff;}
    .indexPro-meau a:hover:after{ display: block;}
    .indexPro-pic .textA{ color: #fff; position: absolute; left: 10%; top: 10%}
    .indexPro-pic .textB{ color: #fff; position: absolute; left: 10%; bottom: 10%}
    .indexPro-pic .textB dd{ margin-top: 20px;}
    .indexCase p{ padding: 30px 0}

    .newList .text .pB{ -webkit-line-clamp:7;}
    .newList li{ border-right:5px solid #1D1D1D; }
    .newList li:hover{ border-color: #CB4A4A; background: url(../images/index-3.png) no-repeat right bottom #1d1d1d; background-size: 50% auto;}
    .newList .textCon{ padding-top:0;} 

    .proType-text{ padding: 0; height: 100%; float: inherit; position: absolute; right: 0; top: 0; bottom: 0;}
    .proType li:nth-of-type(even) .proType-text{  right: inherit; left: 0;}
    .proType-textBody{width: 100%; padding: 0 50px; position: absolute; left:0; top: 50%; -webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
    .proType-textT { padding-left: 20px;}
    .proType-textT dt:after,.proType-textT dd{ margin-top: 2rem}
    .proType-textB{ margin-top: 15%;}
    .proType-textB p{ width: 20%; margin-right: 0; line-height: 40px;}
    .proType-textB a{ display: inline-block; padding: 0 20px; border-bottom: 2px solid transparent; }
    .proType-textB a:hover{ border-color: #CB4A4A;}
    .proType li:nth-of-type(even) .proType-pic{ float: right;}
    .proType li{ border-right:5px solid #1D1D1D; }
    .proType li:nth-of-type(even){ border-left:5px solid #1D1D1D; border-right: 0;}
    .proType li:hover{ border-color: #CB4A4A; background: url(../images/index-3.png) no-repeat right bottom #1d1d1d; background-size: 50% auto;}
    .proType li:nth-of-type(even):hover{border-color: #CB4A4A; background: url(../images/index-3.png) no-repeat left bottom #1d1d1d; background-size: 50% auto;}
    .proPop .row{ position: relative;}
    .proPop-left{ padding: 0}
    .proPop-right{ float: inherit; position: absolute; right: 0; top: 0; bottom: 0;}
    .proPop-con{ height: 100%; margin: 0 -15px; padding: 15px;}
    .proPop-text{ margin-top: 5rem;}
    .proPop-text h4:after,.proPop-btn{ margin-top: 30px;}
    .proPop .proSet{ display: block;}
    .proPop .proSet-box{ width: 120px; display: inline-block; margin: 0 10px;}
    .proPop-close{ right: 0}
    .proPop-close a{ padding: 65px 0 0 65px; width: 122px; height: 122px;}

    .cooList-body ul{ margin-top: -30px;}
    .cooList-body li{ margin-top: 30px;}
    .contactList-text dl{ padding: 20px 0;}
    .contactList-text dt{ top: 20px;}
    
    .sevProcessA-pc{ display: block; position: relative}
    .sevProcessA-pcBg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
    .sevProcessA-pcBg .box{display: none; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
    .sevProcessA-pc .container{ padding: 0}
    .sevProcessA-pc .title{ text-align: right; position: relative;}
    .sevProcessA-pcMeau{ text-align: right}
    .sevProcessA-pcMeau .cur span{ color: #CB4A4A; font-size: 60px; font-weight: bold;}
    .sevProcessA-pcMeau .cur .text{ opacity: 1}
    .sevProcessA-pcMeau a{ font-size: 0; display: block; position: relative; padding: 20px 0}
    .sevProcessA-pcMeau .text{ opacity: 0; display: inline-block; vertical-align: top;  position: absolute; top: 50%; right: 270px; left: 0;-webkit-transform: translate3d(0,-50%,0);-moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%);  -ms-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
    .sevProcessA-pcMeau .text .pA{ position: relative}
    .sevProcessA-pcMeau .text .pA p{ font-size: 60px; line-height: 70px; position: relative; z-index: 2}
    .sevProcessA-pcMeau .text .pB{ font-size: 18px; margin-top: 20px; line-height: 1.8}
    .sevProcessA-pcMeau .text .pA:after{ content:''; display: block; position: absolute; left: 0; right: 0; bottom: -5px; height: 30px; background-color: #CB4A4A}
    .sevProcessA-pcMeau span{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 60px;}
    .sevProcessA-pcMeau a:hover .text{ color: #fff;}
    .sevProcessA-wap{ display: none;}
    .sevProcessB-body ul{ margin-top: -60px;}
    .sevProcessB-body li{ margin-top: 60px;}
    .sevProcessB-body li:nth-child(4),.sevProcessB-body li:nth-child(8),.sevProcessB-body li:nth-child(12){ border: 0}
    .mxmapright{ padding: 50px 35px; margin-top: 50px;}
    .mxmapul ul{ margin-top: -30px;}
    .mxmapul li{ margin-top: 30px;}
    .mxmapul a{ padding: 40px 35px;}
    .mxmapul .m{ opacity: 0; width: 150px;}
    .mxmapul .m i{ font-size: 48px; padding-top: 45px;}
    .mxmapul a:hover .m{ opacity: 1}

    .joinTit h5{ font-size: 40px;}
    .joinTit h4{ font-size: 44px; margin-top: 20px;}
    .joinTit h6{ font-size: 30px; margin-top: 5px;}
    .joinTit p{ font-size: 26px;}
    .joinA-text dt{ font-size: 44px;}
    .joinA-text ul{ margin-top: -50px;}
    .joinA-text li{ margin-top: 50px;}
    .joinA-text dl{ padding-right: 10%}
    .joinA-pic{ margin-top: 0}
    .joinC{ position: relative;}
    .joinC-tjBody ul{ margin-top: -30px;}
    .joinC-tjBody li{ margin-top: 30px;}
    .joinC-tjBody .spanB{ padding-left: 50px;}
    .joinC .padTB-a{ padding-left: 10%; padding-right: 10%}
    .joinC-fs{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0}
    .joinC-fsBody ul{ margin: 0 -30px;}
    .joinC-fsBody li{ text-align: left; padding: 0 30px;}
    .joinC-fsBody img{ height: 40px;}
    .joinC-fsBody dl{ margin-top: 35px;}
    .joinC-fsBody dd{ margin-top: 20px;}
    .joinE-li{ padding: 90px 50px; height: 450px;}
    .joinE-li dt:after{ margin-top: 10px;}
    .joinE-li dd{ margin-top: 20px;}
    .joinE-li span{ left: 50px; bottom: 30px; font-size:42px; }
    .joinE-li:hover{ background-color: rgba(203, 74, 74, .8); color: #fff;}
    .joinE-li:hover span{ font-size: 110px; color: #fff; bottom: -50px;}
    .joinG-body{ padding: 0 150px;}
    .joinG-inp{ padding-left: 70px; font-size: 16px;}
    .joinG-li span.iconfont{ width: 70px;}
    textarea.joinG-inp{ height:100px; line-height: 30px; padding-top:15px; padding-bottom: 15px; }
    .joinG-btn{ margin-top: 60px;}
    .swiper-arrow{ display: block;}


    .searchList-body ul{  column-count: 3; }
    
}
@media (min-width: 1200px){
    .footerBot .pA p{ text-align: left}
    .footerBot .pB p{ text-align: right}

    .newMeau-ej { padding: 0 100px}
    .newMeau-ej li{ height: 80px;}
    .newMeau-ej .cur a{ line-height: 80px;}
    .aboutHonor-con li{ width: 20%}
    .aboutHistory-con li{ padding: 70px 5%}
    .aboutHistory-con .date{ float: left; width: 20%; padding-left: 2%}
    .aboutHistory-con .date .pB{ font-size: 60px;}
    .aboutHistory-con .text{ float: left; width: 80%; margin-top: 0}
    .aboutHistory-btn .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 12px auto;}
    .aboutHistory-btn .swiper-pagination-bullet-active{ width: 16px; height: 16px; border-width: 3px}
    .proSet .row{ text-align: center;}
    .proSet-box{ width: 300px; float: inherit; display: inline-block; vertical-align: top}
    .proPop-con{ padding: 30px;}    
}
@media (min-width: 1366px){
    /* .container-fluid{ padding: 0 100px;} */
    .navbar-default{ min-width: 100px;}
    .navbar-brand{ margin-top: 30px; margin-bottom: 30px;}
    .navbar-brand span{ width: 198px; height: 40px;}
    .navbar-nav{ margin-left: 1%}
    .navbar-nav>li>a{ line-height: 60px; border-top:5px solid #000; padding-left: 8px; padding-right: 8px; }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: inherit; color: #fff;border-color: #CB4A4A;}
    .sidebar{ display: block;}    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-bottom: 0}
    .sideMeau{ display: block;}

    .indexPro-col{ padding-right: 0}

    .fyBody{ padding-top: 100px;}

    .newList a{ padding:40px;}
    .newList .textCon{ padding:20px;} 
    .newList .picCon { padding:20px; }
    .newList .text p{ margin-top: 25px;}

    .proPop .proSet-box{ width: 140px;}

    .joinC .padTB-a{ padding-left: 12%; padding-right: 12%}

    .searchList-body ul{  column-count: 4; }
     
}
@media (min-width: 1680px){
    .container{ width: 1500px;}
    /* .container-fluid{ padding: 0 135px;} */
    .navbar-nav{ margin-left: 2%}
    .navbar-nav>li>a{ padding-left: 15px; padding-right: 15px; }

    .indexPro-meau li,.indexPro-con .picBtn-con{ margin-top: 6rem}

    .newList a{ padding:40px;}
    .newList .textCon{ padding:40px;} 
    .newList .picCon { padding:40px; }
    .mxmapul a{ padding: 50px 90px;}
    .mxmapul .m i{ font-size: 48px; padding-top: 60px;}
}


@media (max-height: 950px){
    .sidebar-body{ padding: 30px 0}
    .sidebar-meau ul{ margin-top: -20px;}
    .sidebar-meau li{ margin-top: 20px}
}

.navbar-nav li.dropdown:hover .dropdown-menu {
    display: block;
}