@charset "utf-8";
/* CSS 鼠标效果 */
@import url('xiaoguo.css');

@font-face {
    font-family: 'Geometric706BlackCondensedBT';
    src: url('../fonts/Geometric706BlackCondensedBT.eot');
    src: url('../fonts/Geometric706BlackCondensedBT.eot') format('embedded-opentype'),
         url('../fonts/Geometric706BlackCondensedBT.woff2') format('woff2'),
         url('../fonts/Geometric706BlackCondensedBT.woff') format('woff'),
         url('../fonts/Geometric706BlackCondensedBT.ttf') format('truetype'),
         url('../fonts/Geometric706BlackCondensedBT.svg#Geometric706BlackCondensedBT') format('svg');
}

@font-face {
    font-family: 'AlternateGothicNo2BTRegular';
    src: url('../fonts/AlternateGothicNo2BTRegular.eot');
    src: url('../fonts/AlternateGothicNo2BTRegular.eot') format('embedded-opentype'),
         url('../fonts/AlternateGothicNo2BTRegular.woff2') format('woff2'),
         url('../fonts/AlternateGothicNo2BTRegular.woff') format('woff'),
         url('../fonts/AlternateGothicNo2BTRegular.ttf') format('truetype'),
         url('../fonts/AlternateGothicNo2BTRegular.svg#AlternateGothicNo2BTRegular') format('svg');
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #333; overflow-x: hidden; font-family:"Microsoft YaHei","PingFang SC",Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color: #2c5cc9;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1200px; margin: 0 auto;}
.ovh{overflow: hidden;}


::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}

body.on .header{height:auto; position:fixed;}
body.on .header .headTop{ display:none}
body.on .banner{ margin-top: 160px;}
body.on .neiBanner{ margin-top: 160px;}

/*顶部*/
.header{ width: 100%; height:161px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: relative; left: 0; top: 0; z-index: 99999; }
.header .headTop{ border-bottom: #dcdcdc solid 1px;}
.header .logo{float: left; height: 101px; padding:17px 0 22px 15px;}
.header .headTel{ float: right; text-align: right; padding-top: 25px;}
.header .headTel dl{ font-size: 18px; color: #666666; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.header .headTel ol{ font-size: 28px; color: #104189; font-weight: bold; line-height: 1; font-family: 'Geometric706BlackCondensedBT';}
.header .nav{ margin-top: -1px;}
.header .nav ul{ float: left;}
.header .nav ul li{ min-width:148px; line-height: 60px; border-left: 1px solid #ececec; position: relative;  float: left;}
.header .nav ul>li>a{ color: #000; font-size: 16px; text-align: center; display: block; position: relative; z-index: 99; transition: all .4s;}
.header .nav ul>li.on>a,.header .nav ul>li a:hover{ color: #fff; background: #2c5cc9; }
.header .nav ul li:nth-child(1) a{ background: url(../images/icon01_01.png) no-repeat 43px center; padding-left: 71px; text-align: left;}
.header .nav ul li.on:nth-child(1) a,.header .nav ul li:nth-child(1) a:hover{ background:#2c5cc9 url(../images/icon01_02.png) no-repeat 43px center;}
.header .nav ul>li:hover>a{ color: #fff; background: #2c5cc9;}
.header .nav ul li .subnav{ width: 100%; background:rgba(255,255,255,0.8); overflow: hidden; position: absolute; display: none;}
.header .nav ul li .subnav ol a{ font-size: 13px; color: #222;  font-weight: normal; line-height:40px; text-align: center; white-space:nowrap;display: block; transition: all .4s;}
.header .nav ul li .subnav ol a:hover{color: #fff; background:rgba(48,93,195,0.8);}
.header .nav .lang{ float: right; position: relative;}
.header .nav .lang a{ font-size: 16px; color: #000; line-height: 60px; background: url(../images/icon02.png) no-repeat left center; padding-left: 28px;}
.header .nav .lang a:hover{ color: #2c5cc9; background: url(../images/icon02_02.png) no-repeat left center;}
.header .nav .lang .DropDownList{ width: 100%; position: absolute; display: none;}
.header .nav .lang:hover .DropDownList{ display: block; background:rgba(255,255,255,0.8);}
.header .nav .lang:hover .DropDownList a{ font-size: 14px; display: block; background: none; line-height: 40px; padding-left: 0; text-align: center;}

.header .menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper-container .swiper-slide a{  display: block; width:100%;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:32px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:#fff; margin: 0 4px; border-radius: 10px; cursor: pointer;}
.banner .swiper-active-switch { background: #ff0000; opacity: 1;}

.neiBanner{height: 350px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.neiBanner .bannerTxt{ width: 100%; color: #fff; text-align: right; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.neiBanner .bannerTxt .box{text-align: center; display: inline-block; margin-right: 100px;}
.neiBanner .bannerTxt h2{ font-size: 54px; font-family:'AlternateGothicNo2BTRegular',sans-serif; font-weight: normal; line-height: 1; margin-bottom: 10px; position: relative;}
.neiBanner .bannerTxt h2::before{ content: ""; width: 79px; height: 1px; background: url(../images/icon13.png) no-repeat center; position: absolute; left: -100px; top: 30px;}
.neiBanner .bannerTxt h2::after{ content: ""; width: 79px; height: 1px; background: url(../images/icon13.png) no-repeat center; position: absolute; right: -100px; top: 30px; transform: rotate(180deg);}
.neiBanner .bannerTxt p{ font-size: 19px; line-height: 1;}

.bread{ font-size: 14px; color: #333; line-height: 60px; border-bottom: #d9d9d9 solid 1px;}

.title{ text-align: center; margin-bottom: 30px;}
.title h2{ font-size: 30px; color: #333; line-height: 1; margin-bottom: 10px;}
.title p{ font-size: 16px; color: #888; line-height: 1; text-transform: uppercase;}

.industry{ padding: 65px 0 105px;}
.industry .box{ padding-top: 40px;}
.industry .box ul{ margin: 0 -18px;}
.industry .box ul li{ width: 25%; padding:0 18px; float: left;}
.industry .box ul li dl{ width: 140px; height: 140px; line-height: 132px; border:#a0a0a0 solid 2px; border-radius: 140px; text-align: center; margin: 0 auto 22px; overflow: hidden;}
.industry .box ul li h3{ font-size: 20px; color: #333; text-align: center; line-height: 1; margin-bottom: 12px;}
.industry .box ul li dt{ font-size: 15px; color: #333; line-height: 23px; text-align: justify;}
.industry .box ul li:nth-of-type(even) dl{ border:#2a55b6 solid 2px; background: #2a55b6;}
.industry .box ul li:nth-child(3) dl{ padding-left: 10px;}
.industry .box ul li:nth-child(4) dl{ padding-left: 20px;}
.industry .box ul li dl:hover{border:#2a55b6 solid 2px; background: #2a55b6;}
.industry .box ul li dl:hover img{filter: drop-shadow(#fff 0 150px); transform: translateY(-150px);}
.industry .box ul li:nth-of-type(even) dl:hover{border:#a0a0a0 solid 2px; background: #fff;}
.industry .box ul li:nth-of-type(even) dl:hover img{filter: drop-shadow(#a0a0a0 0 150px); transform: translateY(-150px);}

.ipro{ background: #e7e7e7; padding: 65px 0 70px;}
.proNav{ text-align: center; margin-bottom: 46px;}
.proNav a{ min-width:206px; font-size: 14px; line-height: 46px; padding:0 30px; display: inline-block; background: #2a55b6; border-radius: 10px; margin: 0 4px; color: #fff;transition: all .4s;}
.proNav a:hover{ background: #F65100;}
.ipro .box ul{ margin: 0 -6px;}
.ipro .box ul li{ width: 25%; padding: 0 6px; float: left;}
.ipro .box ul li a{ display: block; overflow: hidden; border-radius: 20px;}
.ipro .box ul li dl{ padding-bottom:86.2068%; overflow: hidden; position: relative;}
.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.ipro .box ul li ol{ height: 80px; background: #2a55b6; color: #fff; text-align: center; display: flex; align-items: center; align-content:center; justify-content: center; flex-wrap: wrap; transition: all .4s;}
.ipro .box ul li ol h3{ width: 100%; line-height: 1; font-size: 14px; font-weight: normal;}
.ipro .box ul li ol dt{ line-height: 1; margin-top: 5px;font-size: 14px;}
.ipro .box ul li a:hover ol{background: #F65100;}

.inews{ padding: 65px 0 85px;}
.inews .picNews{ width: 568px; float: left;}
.inews .picNews dl{padding-bottom:78.8732%; overflow: hidden; position: relative;}
.inews .picNews dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.inews .picNews ol{ height: 154px; background: #2a55b6; padding:36px 35px 30px 120px; position: relative;}
.inews .picNews ol h3{ color: #fff; font-size: 16px; line-height: 1; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 13px;}
.inews .picNews ol dt{ color: #aec5fb; font-size: 14px; line-height: 20px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; margin-bottom: 12px;}
.inews .picNews ol dd{ color: #fff; font-size: 14px; line-height:1; position: absolute; left: 30px; top:40px; }
.inews .picNews ol dd b{ font-size: 29px; font-weight: normal; line-height: 1; text-align: center; display: block; margin-bottom: 15px;}
.inews .textNews{ width: 610px; float: right;}
.inews .textNews ul{ margin-top: -14px; overflow: hidden;}
.inews .textNews ul li{ width: 100%; margin-top: 14px;}
.inews .textNews ul li a{ background: #f3f3f4; display: block; padding: 28px 0 25px;transition: all .4s;}
.inews .textNews ul li ol{ padding: 0 40px 0 120px; position: relative;}
.inews .textNews ul li ol h3{ color: #333; font-size: 15px; font-weight: normal;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-bottom: 10px; transition: all .4s;}
.inews .textNews ul li ol dt{ height: 57px; font-size: 14px; color: #5a5a5a; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;transition: all .4s;}
.inews .textNews ul li ol dl{ width: 100px; height: 64px; text-align: center; font-size: 14px; color: #888888; border-right: #cacaca solid 1px; padding-top: 8px; position: absolute; left: 0; top: 0; transition: all .4s;}
.inews .textNews ul li ol dl b{ font-size:29px; color: #333333; font-weight: normal; line-height: 1; display: block; margin-bottom: 12px; transition: all .4s;}
.inews .textNews ul li a:hover{background: #2a55b6;}
.inews .textNews ul li a:hover ol h3{ color: #fff;}
.inews .textNews ul li a:hover ol dt{ color: #fff;}
.inews .textNews ul li a:hover ol dl{ color: #fff;}
.inews .textNews ul li a:hover ol dl b{ color: #fff;}

.iabout{ background: #e7e7e7 url(../images/iaboutBg.jpg) no-repeat center bottom; padding: 75px 0 215px;}
.iabout .box{ padding: 68px 60px; background: #fff; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.iabout .box .text{ min-height: 124px; font-size: 14px; line-height: 30px; text-align: center; color: #333;}
.iabout .box a.more{ width: 170px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; border-radius: 50px; background: #2a55b6 url(../images/icon07.png) no-repeat right 18px center; display: block; padding-left: 36px; margin: 40px auto 0;}
.iabout .box a.more:hover{ background: #F65100 url(../images/icon07.png) no-repeat right 18px center;}

.brand{ padding: 65px 0 86px; background: #f3f3f4;}
.brand .box{ padding-top: 25px;}
.brand .box ul{ margin: 0 -10px;}
.brand .box ul li{ width: 25%; padding: 0 10px; float: left;}
.brand .box ul li dl{ width: 188px; height: 188px; border-radius: 188px; position: relative; margin: 0 auto;  z-index: 11;}
.brand .box ul li dl img{ border-radius: 188px;}
.brand .box ul li dl::before{ content: ""; width: calc(100% - 9px); height: calc(100% - 9px); border: #d9d9d9 solid 5px; border-radius: 226px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 111;}
.brand .box ul li ol{ height: 267px; background: #2a55b6; margin-top: -80px; padding: 100px 20px; color: #fff; position: relative;}
.brand .box ul li ol h3{ font-size: 18px; text-align: center; line-height: 1; overflow: hidden; white-space: nowrap; margin-bottom: 14px; position: relative; z-index: 11;}
.brand .box ul li ol dt{ font-size: 14px; color: #f1f1f1; line-height: 20px; position: relative; z-index: 11;}
.brand .box ul li ol::after{ content: ""; width: 100%; height: 0; background: #F65100; position: absolute; left: 0; top: 0; transition: all .4s;}
.brand .box ul li ol:hover::after{ height: 100%;}

.neiNav{ text-align: center; margin-bottom: 50px;}
.neiNav li{ margin: 0 4px; display: inline-block;}
.neiNav li a{ font-size: 14px; line-height: 40px; padding:0 20px; background: #2a55b6; color: #fff; display: block; transition: all .4s;}
.neiNav li a:hover,.neiNav li.on a{ background: #F65100;}
.neiNav.navSmall a{ min-width: 120px;}
.neiNav.navBig a{ min-width: 180px;}

.neiNav.on{ width: 100%; background: #f2f2f2; padding: 20px 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 59px; z-index: 11;}

/* 产品 */
.products{ padding: 55px 0 50px; background: #f2f2f2;}
.products .box{ padding-bottom: 30px;}
.products .box ul{ margin: 0 -10px;}
.products .box ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px; float: left;}
.products .box ul li a{ display: block; background: #fff; padding: 15px 15px 10px;}
.products .box ul li dl{ padding-bottom: 70.4%; overflow: hidden; position: relative; }
.products .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.products .box ul li h3{ font-size: 16px; font-weight: normal;text-align: center;line-height: 1; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin: 10px 0 5px;}

.proview{ padding: 50px 0;}
.proview .tit{ margin-bottom: 16px;}
.proview .tit h3{ font-size: 20px; line-height: 1; margin-bottom: 7px;}
.proview .tit p{ font-size:16px; line-height: 1; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.proview .prohead{ margin-bottom: 50px;}
.proview .prohead .titPic{ width: 526px; float: left;}
.proview .prohead .titPic h1{ font-size: 30px; color: #2a55b6; line-height: 1.2; margin-bottom: 5px;}
.proview .prohead .titPic p{ font-size: 16px; color: #666; font-family:Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: uppercase;}
.proview .prohead .titPic dl{ height: 364px; border: #dbdbdb solid 1px; margin-top: 13px;}
.proview .prohead .proVideo{ width: 640px; height: 435px; position: relative; float: right;}
.proview .prohead .proVideo dl{ width: 640px; height: 435px; position: absolute; left: 0; top: 0; z-index: 11; cursor: pointer;}
.proview .prohead .proVideo dl::before{ content: ""; width: 64px; height: 64px; background: url(../images/videoBtn.png) no-repeat center; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 11;}
.proview .prohead .proVideo dl::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0;}
.proview .prohead .proVideo video{ width: 640px; height: 435px; position: relative; z-index: 10;}
.proview .prohead .proVideo.on video{ z-index: 22;}

.proview .proIntroduce{ margin-bottom: 50px;}
.proview .proIntroduce .box{ overflow: hidden;}
.proview .proIntroduce .box .text{ width:528px; font-size: 15px; color: #666; line-height: 26px; text-align: justify; float: left;}
.proview .proIntroduce .box .con{ width: 640px; color: #666; float: right;}
.proview .proIntroduce .box .con table{ width: 100%; border-spacing: 0; border-collapse: collapse;background:#fff;}
.proview .proIntroduce .box .con table tr td{ border: #dbdbdb solid 1px !important; font-size: 15px !important;  padding: 5px 10px;}

.proview .proParameter{ margin-bottom: 50px;}
.proview .proParameter .picBigText{ overflow: hidden;}
.proview .proParameter .picBigText .pic{ width: 528px; border: #dbdbdb solid 1px; float: left;}
.proview .proParameter .picBigText .con{ width: 640px; font-size: 15px; color: #666; line-height: 22px; float: right;}
.proview .proParameter .list{ margin-top: 18px;}
.proview .proParameter .list ul{ margin: 0 -10px;}
.proview .proParameter .list ul li{ width: 16.6666%; padding: 0 10px; margin-bottom: 10px; float: left;}
.proview .proParameter .list ul li dl{ padding-bottom: 100%; position: relative; overflow: hidden;}
.proview .proParameter .list ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.proview .proParameter .list ul li ol{border: #dbdbdb solid 1px; }
.proview .proParameter .list ul li ol p{ font-size: 15px; color: #666; text-align: center; line-height: 36px; background: #f2f2f2;}

.proview .proFeatures{ margin-bottom: 50px;}
.proview .proFeatures .text{ font-size: 15px; line-height: 2; color: #666;}
.proview .proFeatures .box ul{ margin: 0 -11px;}
.proview .proFeatures .box ul li{ width: 33.33%; padding: 0 11px; margin-top: 20px; float: left;}
.proview .proFeatures .box ul li dl{padding-bottom: 69.506%; position: relative; overflow: hidden;}
.proview .proFeatures .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.proview .proTable{ margin-bottom: 50px;}
.proview .proTable .box{ color: #666; padding-top: 10px;}
.proview .proTable .box table{  border-spacing: 0; border-collapse: collapse;background:#fff; margin: 0 auto;}
.proview .proTable .box table tr td{ border: #cccccc solid 1px !important; font-size: 15px !important;  padding: 5px 10px;}

.relatedCases{ padding-top: 30px;}
.relatedCases .tit{ margin-bottom: 35px; padding-bottom: 20px;  border-bottom: 1px dashed #a7a7a7;}
.relatedCases .tit h2{ font-size: 20px;}
.relatedCases .box ul{ margin: 0 -33px;}
.relatedCases .box ul li{ width: 33.3333%; padding: 0 33px; margin-bottom: 18px; float: left;}
.relatedCases .box ul li a{ background: #fff; border: #dfdfdf solid 1px; padding: 15px; display: block;}
.relatedCases .box ul li dl{ padding-bottom: 63.8036%; overflow: hidden; position: relative; }
.relatedCases .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.relatedCases .box ul li ol{ padding: 20px 0 5px;}
.relatedCases .box ul li h3{ color: #333; font-size: 16px; font-weight: normal; line-height: 1; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 15px;}
.relatedCases .box ul li dt{ font-size: 14px; color: #666; line-height: 1;}

/* 案例 */
.case{ padding: 55px 0 50px; background: #f2f2f2;}
.case .box{ padding: 10px 0 30px;}
.case .box ul{ margin: 0 -33px;}
.case .box ul li{ width: 33.3333%; padding: 0 33px; margin-bottom: 18px; float: left;}
.case .box ul li a{ background: #fff; border: #dfdfdf solid 1px; padding: 15px; display: block;}
.case .box ul li dl{ padding-bottom: 63.8036%; overflow: hidden; position: relative; }
.case .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.case .box ul li ol{ padding: 20px 0 5px;}
.case .box ul li h3{ color: #333; font-size: 16px; font-weight: normal; line-height: 1; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 20px;}
.case .box ul li dt{ font-size: 14px; color: #666; line-height: 1; margin-bottom: 28px;}
.case .box ul li dd{ font-size: 14px; color: #2a55b6; line-height: 1;}

.caseView{width: 800px; padding: 60px 0; margin: 0 auto;  font-size: 15px; color: #666666; line-height: 2;}
.caseView .caseHead{ margin-bottom: 30px;}
.caseView .caseHead h1{font-size: 20px; color: #2a55b6; text-align: center; line-height: 1.3;}
.caseView .box{ margin-bottom: 40px;text-align:center;}
.caseView .box img{ margin-bottom: 0;}
.caseView .text{ line-height: 2;}

.relatedProducts{ margin-top: 40px;}
.relatedProducts .tit{ margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px dashed #a7a7a7;}
.relatedProducts .tit h2{ font-size: 20px; color: #2a55b6; line-height: 1;}
.relatedProducts .con ul{ margin: 0 -4px;}
.relatedProducts .con ul li{ width: 33.33%; padding: 0 4px; float: left;}
.relatedProducts .con ul li a{ display: block; border: #eeeeee solid 1px; padding: 5px;}
.relatedProducts .con ul li dl{ padding-bottom: 70.4%; overflow: hidden; position: relative; }
.relatedProducts .con ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.relatedProducts .con ul li h3{ font-size: 16px; font-weight: normal;text-align: center;line-height: 1; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin: 10px 0 5px;}

/* 关于我们 */
.about{ padding: 55px 0 65px; background: #f2f2f2;}
.about .pic{ margin-bottom: 45px;}
.about .tit{ margin-bottom: 25px; padding-bottom: 20px; position: relative;}
.about .tit::after{ content: ""; width: 40px; height: 3px; background: #2a55b6; position: absolute; left: 0; bottom: 0;}
.about .tit h3{ font-size: 30px; color: #2a55b6; font-family:Arial,serif; line-height: 1; margin-bottom: 10px;}
.about .tit h2{ font-size: 20px; color: #333; line-height: 1;}
.about .text{ font-size: 15px; color: #666; line-height: 2;}

.culture{padding: 55px 0 65px; background: #f2f2f2;}
.culture .item{ display:flex; align-items: center; background: #fff;}
.culture .item .pic{ width: 50%;}
.culture .item .con{ width: 50%; font-size: 15px; color: #666; line-height: 2; padding: 45px;}
.culture .item .con h3{color: #2a55b6; font-size: 15px;}
.culture .item:nth-child(1){flex-direction:row-reverse}

.style{padding: 55px 0 65px; background: #f2f2f2;}
.style .box ul{ margin: 0 -10px;}
.style .box ul li:nth-child(1),.style .box ul li:nth-child(2){ width: 50%; padding: 0 10px; float: left;}
.style .box ul li{ width: 25%; padding: 0 10px; margin-bottom: 10px; float: left;}
.style .box ul li dl{ overflow: hidden; padding-bottom: 70.1754%; position: relative;}
.style .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.style .box ul li ol{ font-size: 15px; text-align: center; line-height: 36px;}

.honor{padding: 55px 0 65px; background: #f2f2f2;}
.honor .box{ margin-bottom: 35px;}
.honor .box ul{ margin: 0 -10px;}
.honor .box ul li{ width: 25%; padding: 0 10px; float: left;}
.honor .box ul li dl{ border: #d9d9d9 solid 1px; padding-bottom: 141.3427%; position: relative; overflow: hidden;}
.honor .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.honor .box ul li ol{font-size: 15px; color: #666; text-align: center; line-height: 44px;}

.market{padding: 55px 0; background: url(../images/marketBg.jpg) no-repeat center top; background-size: cover;}
.market dl{ font-size: 15px; color: #666; text-align: center;}
.market ol{ text-align: center;}

.customer{ padding: 50px 0;}
.customer .tit{ font-size: 15px; text-align: center; color: #666; margin-bottom: 25px;}
.customer .box ul{ margin: 0 -9px;}
.customer .box ul li{ width: 12.5%; padding: 0 9px; margin-bottom: 7px; float: left;}
.customer .box ul li dl{ padding-bottom: 100%; border: #d9d9d9 solid 1px; border-radius: 20px; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .1); position: relative; overflow: hidden;}
.customer .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; padding: 10px;}
.customer .box ul li h3{  font-size: 15px; text-align: center; font-weight: normal; line-height: 38px;}

/* yh银河国际官方网站 */
.businessNav{ height: 90px;}

.business01{ padding: 60px 0 50px; background: #f2f2f2;}
.business01 .box .item{ display: none; background: #fff; border: #d9d9d9 solid 1px; overflow: hidden;}
.business01 .box .item.on{ display: block;}
.business01 .box .item .pic{ width: 50%; float: left;}
.business01 .box .item .pic img{ width: 100%;}
.business01 .box .item .con{ width: 50%; height: 340px; padding: 45px; display: flex; align-items: center; float: left;}
.business01 .box .item .con .text{ color: #666; font-size: 15px; text-align: justify; line-height: 2;}

.business02{ padding: 45px 0 65px; background: #fff;}
.business02 .box{ display: block; background: #fff; border: #d9d9d9 solid 1px;  overflow: hidden;}
.business02 .box .pic{ width: 50%; float: right;}
.business02 .box .pic img{ width: 100%;}
.business02 .box .con{ width: 50%; height: 340px; padding: 45px; display: flex; align-items: center; float: left;}
.business02 .box .con .text{ color: #666; font-size: 15px; text-align: justify; line-height: 2;}
.business02 .list{ margin-top: 34px;}
.business02 .list ul{ margin: 0 -45px;}
.business02 .list ul li{ width: 33.33%; padding: 0 45px; float: left;}
.business02 .list ul li a{ display: block;}
.business02 .list ul li dl{ padding-bottom: 68.0473%; position: relative; border: #d9d9d9 solid 1px; border-bottom: none; overflow: hidden;}
.business02 .list ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.business02 .list ul li ol{ background: #e7e7e7; padding:30px 22px;}
.business02 .list ul li ol h3{ color: #2a55b6; font-size: 15px; line-height: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}
.business02 .list ul li ol dt{ color: #666666; font-size: 14px; text-align: justify; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.business03{ padding: 50px 0 80px; background: #f2f2f2;}
.business03 .box{ background: #fff; border: #d9d9d9 solid 1px; overflow: hidden;}
.business03 .box .pic{ width: 50%; float: left;}
.business03 .box .con{ width: 50%; padding: 45px; font-size: 15px; color: #666666; line-height: 2; float: right;}
.business03 .box .con h3{ font-size: 15px; background: #2a55b6; color: #fff; line-height: 1; display: inline-block; padding: 8px 17px;}

.business04{ padding: 50px 0 60px; background: #fff;}
.business04 .box{ background: #fff; border: #d9d9d9 solid 1px; overflow: hidden;}
.business04 .box .pic{ width: 50%; float: right;}
.business04 .box .con{ width: 50%; padding:40px 45px; font-size: 15px; color: #666666; line-height: 28px; float: left;}
.business04 .box .con h3{ font-size: 15px; background: #2a55b6; color: #fff; line-height: 1; display: inline-block; padding: 8px 17px;}

.business05{ padding: 50px 0; height: 666px; background: url(../images/businessBg.jpg) no-repeat center; background-size: cover;}
.business05 .box{ overflow: hidden;}
.business05 .box .pic{ width: 50%; padding: 45px; float: left;}
.business05 .box .con{ width: 50%; height: 460px; padding: 45px; display: flex; align-items: center; float: left;}
.business05 .box .con .text{ font-size: 15px; color: #666; line-height: 30px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0px 0px 2px rgba(0,0,0,0.5);}

/* 新闻 */
.news{ padding: 55px 0 70px; background: #f2f2f2;}
.news .box{ margin-bottom: 50px;}
.news .box ul{ margin-top: -20px;}
.news .box ul li{ padding: 20px 0; border-bottom: #d9d9d9 dashed 1px;}
.news .box ul li a{ display: block; overflow: hidden;}
.news .box ul li dl{width: 280px; height: 170px; overflow: hidden; position: relative; float: left;}
.news .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news .box ul li ol{ padding-left: 310px;}
.news .box ul li ol h3{ font-size: 17px; font-weight: normal; line-height: 1; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-top: 5px; margin-bottom: 22px;}
.news .box ul li ol dd{ font-size: 14px; color: #929292; line-height: 1; margin-bottom: 20px;}
.news .box ul li ol dt{ font-size: 14px; color: #666666; line-height: 26px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}

.newsView{ width: 800px; padding: 65px 0; margin: 0 auto;}
.newsView .newsHead{ text-align: center; margin-bottom: 20px;}
.newsView .newsHead h1{ font-size: 20px; color: #2a55b6; line-height: 1.3; margin-bottom: 15px;}
.newsView .newsHead p{ font-size: 14px; color: #333;}
.newsView .text{ color: #666666; font-size: 15px; line-height: 32px;}
.newsView .text img{ margin: 10px 0;}

.newsPage{ margin-top: 40px;}
.newsPage li{color: #666; font-size: 15px;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 10px 0;}
.newsPage li a{ color: #666;}
.newsPage li a:hover{color: #2a55b6;}

.contact{ padding: 60px 0 100px;}
.contact .box{ padding-top: 20px; margin-bottom: 50px;}
.contact .box ul{ display: flex; justify-content:space-between; margin: 0 -25px;}
.contact .box ul li{ text-align: center; padding: 0 25px; float: left;}
.contact .box ul li h3{ font-size: 16px; margin: 10px 0;}
.contact .box ul li dt{ line-height: 1.7;}

#map{ height: 400px; border: #d8d8d8 solid 2px;}

.footer{ background: #515151 url(../images/footerBg.jpg) no-repeat center; background-size:auto 100%; padding: 35px 0;}
.footer .ewm{ float: left; margin-right: 45px;}
.footer .ewm p{ text-align: center; line-height: 1; font-size: 14px; color: #cccccc; margin-top: 10px;}
.footer .ftel{ float: left; height: 72px; padding-left: 82px; padding-top: 7px; margin-top: 48px; background: url(../images/icon08.png) no-repeat left center;}
.footer .ftel dl{ font-size: 16px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 15px;}
.footer .ftel ol{ font-size: 28px; color: #fff; font-weight: bold; line-height: 1; font-family: 'Geometric706BlackCondensedBT';}
.footer .fright{ float: right;}
.footer .fnav { margin-bottom: 30px; overflow: hidden;}
.footer .fnav ul{ margin-left: -38px;}
.footer .fnav ul li{ float: left; margin-left:38px;}
.footer .fnav ul li a{ font-size: 14px; color: #fff; line-height: 1;}
.footer .fnav ul li a:hover{color: #F65100;}
.footer .fcontact{font-size: 14px; color: #fff; line-height: 29px;}
.footer .fcontact dl{ font-size: 14px; line-height: 29px;}
.footer .fcontact a{ color: #fff;}
.footer .fcontact a:hover{ color: #F65100;}

/*===/分页=============================*/
.text-center {text-align:center}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;}
.pagination a { font-size: 14px; color:#333;padding:8px 12px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
.pagination li.active a,.pagination li a:hover{background: #2a55b6; color: #fff; border: 1px solid #2a55b6;}

@media only screen and (min-width: 1680px) and (max-width: 1920px){

}

@media only screen and (min-width: 1440px) and (max-width: 1679px){
 
}

@media only screen and (min-width: 1280px) and (max-width: 1439px){

}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
    body{font-size: 15px;}
    .wrap{ width: 970px;}
    
    body.on .banner{ margin-top: 130px;}
    body.on .neiBanner{ margin-top: 130px;}

    .header{ height:130px;}

    .header .logo{height: 80px; padding: 17px 0 18px 15px;}
    .header .headTel{ padding-top: 22px;}
    .header .headTel dl{ font-size: 14px; margin-bottom: 3px;}
    .header .headTel ol{ font-size: 22px;}

    .header .nav ul li{ min-width: 122px; line-height: 50px;}
    .header .nav ul li:nth-child(1) a{padding-left: 60px;background:url(../images/icon01_01.png) no-repeat 30px center}
    .header .nav ul li.on:nth-child(1) a, .header .nav ul li:nth-child(1) a:hover{background: #2c5cc9 url(../images/icon01_02.png) no-repeat 30px center;}
    .header .nav ul li:nth-child(3) .subnav{ width: 150px;}

    .header .nav .lang a{ line-height: 50px;}

    .title h2{ font-size: 25px;}
    .title p{ font-size: 14px;}

    .industry{ padding: 50px 0 60px;}
    .industry .box{ padding-top: 10px;}
    .industry .box ul li h3{ font-size: 18px;}
    .industry .box ul li dt{ font-size: 13px; line-height: 20px;}

    .ipro{ padding: 60px 0 70px;}
    .proNav{ margin-bottom: 36px;}
    .ipro .box ul li ol h3{ font-size: 15px;}
    .ipro .box ul li ol dt{ font-size: 15px;}

    .inews{padding: 55px 0 70px;}
    .inews .picNews{ width: 480px;}
    .inews .picNews ol{ height: 147px;}
    .inews .textNews{ width: 475px;}
    .inews .textNews ul li ol dt{ height: 38px; -webkit-line-clamp: 2;}

    .iabout{padding: 75px 0 140px; background-size: auto 60%;}
    .iabout .box{ padding: 55px 50px;}
    .iabout .box .text{ line-height: 25px;}
    .iabout .box a.more{ width: 138px; height: 44px;line-height: 44px; font-size: 15px; padding-left: 24px; margin: 20px auto 0;}

    .brand{padding: 50px 0 60px;}
    .brand .box{ padding-top: 8px;}
    .brand .box ul li dl{ width: 140px; height: 140px;}
    .brand .box ul li ol{ margin-top: -66px; padding: 88px 20px;}
    .brand .box ul li ol h3{ font-size: 17px;}
    .brand .box ul li ol dt{ font-size: 12px;}
    
    .neiNav.on{ width: 100%; background: #f2f2f2; padding: 20px 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 49px; z-index: 11;}

    .proview .prohead .titPic{ width: 470px;}
    .proview .prohead .titPic h1{ font-size: 20px;}
    .proview .prohead .titPic p{ font-size: 13px;}
    .proview .prohead .titPic dl{ height: auto;}
    .proview .prohead .proVideo{ width: 50%; height: auto; margin-top: 52px;}
    .proview .prohead .proVideo dl{ width: 100%; height: 329px;}
    .proview .prohead .proVideo video{ width: 100%; height: 329px;}

    .proview .proIntroduce .box .text{ width: 470px; font-size: 14px;}
    .proview .proIntroduce .box .con{ width: 50%;}
    .proview .proIntroduce .box .con table tr td{ font-size: 13px !important;}

    .proview .proParameter .picBigText .pic{width: 470px;}
    .proview .proParameter .picBigText .con{ width: 50%; font-size: 14px; line-height: 20px;}
    .proview .proParameter .list ul li ol p{ font-size: 14px;}

    .proview .proTable .box table tr td{ font-size: 14px !important;}

    .case .box ul{ margin: 0 -15px;}
    .case .box ul li{ padding: 0 15px;}

    /* yh银河国际官方网站 */


    .business01{ padding: 60px 0 50px;}
    .business01 .box .item{ display: none;}
    .business01 .box .item .con{ width: 50%; height: 276px; padding: 40px;}
    .business01 .box .item .con .text{font-size: 14px;line-height:1.8;}

    .business02{ padding: 45px 0 65px;}
    .business02 .box .con{ height: 290px; padding: 40px;}
    .business02 .box .con .text{ font-size: 14px; line-height: 1.8;}
    .business02 .list{ margin-top: 34px;}
    .business02 .list ul{ margin: 0 -20px;}
    .business02 .list ul li{ width: 33.33%; padding: 0 20px; float: left;}
    .business02 .list ul li ol{ background: #e7e7e7; padding:30px 22px;}
    .business02 .list ul li ol h3{ font-size: 15px; margin-bottom: 10px;}
    .business02 .list ul li ol dt{ font-size: 14px; line-height: 20px; }

    .business03{ padding: 50px 0 80px;}
    .business03 .box .con{ padding:32px 38px; font-size: 14px; line-height: 1.8;}
    .business03 .box .con h3{ font-size: 14px;  padding: 8px 17px;}

    .business04{ padding: 50px 0 60px; }
    .business04 .box .con{ padding:30px 35px; font-size: 14px; color: #666666; line-height: 26px; float: left;}
    .business04 .box .con h3{ font-size: 14px; background: #2a55b6; color: #fff; line-height: 1; display: inline-block; padding: 8px 17px;}

    .business05{ padding: 50px 0; height: 620px; background: url(../images/businessBg.jpg) no-repeat center; background-size: cover;}
    .business05 .box{ overflow: hidden;}
    .business05 .box .pic{ width: 50%; padding: 30px; float: left;}
    .business05 .box .con{ width: 50%; height: 460px; padding: 30px; display: flex; align-items: center; float: left;}
    .business05 .box .con .text{ font-size: 14px; line-height: 28px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0px 0px 2px rgba(0,0,0,0.5);}

    .contact .box ul { margin: 0 -15px;}
    .contact .box ul li{ padding: 0 15px;}

    .footer .ewm{ width: 140px; margin-right: 35px;}
    .footer .ftel{ height: 60px; background-size: 40px; margin-top: 40px; padding-left: 55px;}
    .footer .ftel dl{ font-size: 14px; margin-bottom: 8px;}
    .footer .ftel ol{ font-size: 22px;}
    .footer .fnav{ margin-bottom: 18px;}
    .footer .fnav ul{ margin-left: -30px;}
    .footer .fnav ul li{ margin-left: 30px;}
    .footer .fcontact{ line-height: 24px;}
}


@media screen and (max-width:999px){
    body{ padding-top: 60px; font-size: 15px;}
    .wrap{ width: 100%; padding: 0 15px;}

    /*顶部*/
    .header{ width: 100%; height:60px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 0; z-index: 99999; }
    .header .headTop{ border-bottom: #dcdcdc solid 1px;}
    .header .logo{float: left; height:60px; padding:10px 0;}
    .header .headTel{ display: none;}
    .header .nav{ margin-top:0; width: 100%; height: calc(100% - 60px); background:#fff;  position: fixed; left: 0; top: 60px; display: none;}
    .header .nav.wrap{ padding: 0;}
    .header .nav ul{ float:none;}
    .header .nav ul li{ width: 100%; min-width:inherit; line-height: 50px; border-left: none; border-top: #dcdcdc solid 1px; position: relative;  float: none;}
    .header .nav ul>li>a{ font-size: 15px; text-align: left; padding-left: 15px; }
    .header .nav ul>li.on>a,.header .nav ul>li a:hover{ color: #fff; background: #2c5cc9; }
    .header .nav ul li:nth-child(1) { display: none;}
    .header .nav ul li .subnav{ position: relative;}
    .header .nav ul li .subnav ol a{ text-align: left; padding-left: 15px;}
    .header .nav .lang{ float: none; border-top: #dcdcdc solid 1px;}
    .header .nav .lang a{ font-size: 15px; color: #000; line-height: 50px; background: url(../images/icon02.png) no-repeat 15px center; padding-left: 40px;}
    .header .nav .lang a:hover{ color: #2c5cc9; background: url(../images/icon02_02.png) no-repeat left center;}

    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    /*首页bannner*/
    .banner { position: relative;}
    .banner .swiper-container{ width:100%; overflow:hidden;}
    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
    .banner .swiper-container .swiper-slide a{  display: block; width:100%; overflow: hidden;}
    .banner .swiper-container .swiper-slide img{ max-width: 150%; width:150%; position: relative; left: 50%; transform: translateX(-50%);}
    .banner .pagination {position: absolute;z-index: 20;bottom:10px;width: 100%;text-align: center;}
    .banner .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:#fff; margin: 0 4px; border-radius: 10px; cursor: pointer;}
    .banner .swiper-active-switch { background: #ff0000; opacity: 1;}

    .neiBanner{height: 130px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
    .neiBanner .bannerTxt{ width: 100%; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .neiBanner .bannerTxt .box{text-align: center; display: inline-block; margin-right: 0;}
    .neiBanner .bannerTxt h2{ font-size: 30px; font-family:'AlternateGothicNo2BTRegular',sans-serif; margin-bottom: 4px; position: relative;}
    .neiBanner .bannerTxt h2::before{ content: ""; width: 50px; height: 1px; background: url(../images/icon13.png) no-repeat center; position: absolute; left: -60px; top: 15px;}
    .neiBanner .bannerTxt h2::after{ content: ""; width: 50px; height: 1px; background: url(../images/icon13.png) no-repeat center; position: absolute; right: -60px; top: 15px; transform: rotate(180deg);}
    .neiBanner .bannerTxt p{ font-size: 14px; line-height: 1;}

    .bread{ font-size: 12px; line-height: 40px;}

    .title{ margin-bottom: 20px;}
    .title h2{ font-size: 20px; margin-bottom: 5px;}
    .title p{ font-size: 13px;}

    .industry{ padding: 50px 0 30px;}
    .industry .box{ padding-top:10px;}
    .industry .box ul{ margin: 0 -10px;}
    .industry .box ul li{ width: 50%; padding:0 10px; margin-bottom: 10px; float: left;}
    .industry .box ul li dl{ width: 80px; height: 80px; line-height: 72px; border:#a0a0a0 solid 2px; margin: 0 auto 15px;}
    .industry .box ul li dl img{ max-width: 40px; max-height: 40px;}
    .industry .box ul li h3{ font-size:16px; margin-bottom: 12px;}
    .industry .box ul li dt{ height: 130px; font-size: 12px; line-height:1.6;}
    .industry .box ul li:nth-of-type(even) dl{ border:#2a55b6 solid 2px; background: #2a55b6;}
    .industry .box ul li:nth-child(3) dl{ padding-left: 5px;}
    .industry .box ul li:nth-child(4) dl{ padding-left: 10px;}
    .industry .box ul li dl:hover{border:#2a55b6 solid 2px; background: #2a55b6;}
    .industry .box ul li dl:hover img{filter: drop-shadow(#fff 0 150px); transform: translateY(-150px);}
    .industry .box ul li:nth-of-type(even) dl:hover{border:#a0a0a0 solid 2px; background: #fff;}
    .industry .box ul li:nth-of-type(even) dl:hover img{filter: drop-shadow(#a0a0a0 0 150px); transform: translateY(-150px);}

    .ipro{ padding: 50px 0 40px;}
    .proNav{ margin-bottom: 20px;}
    .proNav a{ min-width:inherit; font-size: 12px; line-height: 38px; padding:0 15px; border-radius: 10px; margin:4px 2px; color: #fff;transition: all .4s;}
    .ipro .box ul{ margin: 0 -5px;}
    .ipro .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .ipro .box ul li ol{ height: 60px; background: #2a55b6; color: #fff; text-align: center; display: flex; align-items: center; align-content:center; justify-content: center; flex-wrap: wrap; transition: all .4s;}
    .ipro .box ul li ol h3{ width: 100%; line-height: 1; font-size: 14px; font-weight: normal;}
    .ipro .box ul li ol dt{ line-height: 1; margin-top: 5px; font-size: 14px; }
    .ipro .box ul li a:hover ol{background: #F65100;}

    .inews{ padding: 50px 0 50px;}
    .inews .picNews{ width: 100%; float: none; margin-bottom: 20px;}
    .inews .picNews ol{ height: auto; background: #2a55b6; padding:20px 20px 20px 100px; position: relative;}
    .inews .picNews ol h3{ font-size: 15px; line-height: 1; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}
    .inews .picNews ol dt{ font-size: 13px; line-height: 18px; margin-bottom: 0;}
    .inews .picNews ol dd{ font-size: 13px; line-height:1; position: absolute; left: 20px; top:26px; }
    .inews .picNews ol dd b{ font-size: 22px; margin-bottom: 10px;}
    .inews .textNews{ width: 100%; float: none;}
    .inews .textNews ul{ margin-top: -10px; overflow: hidden;}
    .inews .textNews ul li{ width: 100%; margin-top: 10px;}
    .inews .textNews ul li a{ background: #f3f3f4; display: block; padding: 25px 0 25px;}
    .inews .textNews ul li ol{ padding: 0 20px 0 120px; position: relative;}
    .inews .textNews ul li ol h3{ color: #333; font-size: 15px;  padding-bottom: 5px;}
    .inews .textNews ul li ol dt{ height:36px; font-size: 12px; line-height: 18px; -webkit-line-clamp: 2;  }
    .inews .textNews ul li ol dl{ width: 100px; height: 64px;  font-size: 14px; padding-top: 8px; position: absolute; left: 0; top: 0; transition: all .4s;}
    .inews .textNews ul li ol dl b{ font-size:22px;  margin-bottom: 8px;}

    .iabout{ background: #e7e7e7 url(../images/iaboutBg.jpg) no-repeat center bottom; padding: 50px 0 80px;}
    .iabout .box{ padding: 50px 20px; background: #fff; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
    .iabout .box .text{ min-height: 124px; font-size: 13px; line-height: 1.9; text-align: center; color: #333;}
    .iabout .box a.more{ width: 120px; height: 40px; line-height: 40px; font-size: 14px;background: #2a55b6 url(../images/icon07.png) no-repeat right 15px center; background-size: 20px auto;  padding-left: 22px; margin: 30px auto 0;}
    .iabout .box a.more:hover{ background: #F65100 url(../images/icon07.png) no-repeat right 18px center;}

    .brand{ padding: 40px 0 40px;}
    .brand .box{ padding-top: 5px;}
    .brand .box ul{ margin: 0 -5px;}
    .brand .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; float: left;}
    .brand .box ul li dl{ width: 110px; height: 110px;}
    .brand .box ul li dl::before{ content: ""; width: calc(100% - 6px); height: calc(100% - 6px); border: #d9d9d9 solid 4px;}
    .brand .box ul li ol{ height: 255px; margin-top: -50px; padding: 70px 12px;}
    .brand .box ul li ol h3{ font-size: 14px;  margin-bottom: 13px;}
    .brand .box ul li ol dt{ font-size: 12px; line-height: 18px; text-align:justify; }

    .neiNav{ margin-bottom: 20px;}
    .neiNav li{ margin: 0 1px; margin-bottom: 5px; display: inline-block;}
    .neiNav li a{ font-size: 13px; line-height: 32px; padding:0 10px; background: #2a55b6; color: #fff; display: block; transition: all .4s;}
    .neiNav li a:hover,.neiNav li.on a{ background: #F65100;}
    .neiNav.navSmall a{ min-width:inherit; width: 100%;}
    .neiNav.navSmall li{ width: 30%;}
    .neiNav.navBig a{ min-width: inherit;}
    .neiNav.navBig li{ width: 48%;}
    
    .neiNav.on{ width: 100%; background: #f2f2f2; padding: 10px 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); position: fixed; left: 0; top: 60px; z-index: 11;}

    /* 产品 */
    .products{ padding: 30px 0 50px; background: #f2f2f2;}
    .products .box{ padding-bottom: 15px;}
    .products .box ul{ margin: 0 -5px;}
    .products .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .products .box ul li a{ display: block; background: #fff; padding: 3px 3px 10px;}
    .products .box ul li h3{ font-size: 13px; margin: 10px 0 5px;}

    .proview{ padding: 30px 0;}
    .proview .tit{ margin-bottom: 15px;}
    .proview .tit h3{ font-size: 17px; margin-bottom: 7px;}
    .proview .tit p{ font-size:13px;}
    .proview .prohead{ margin-bottom: 30px;}
    .proview .prohead .titPic{ width: 100%; float: none; margin-bottom: 10px;}
    .proview .prohead .titPic h1{ font-size: 18px; line-height: 1.2; margin-bottom: 5px;}
    .proview .prohead .titPic p{ font-size: 12px;}
    .proview .prohead .titPic dl{ height: auto; border: #dbdbdb solid 1px; margin-top: 13px;}
    .proview .prohead .proVideo{ width: 100%; height: auto; float: none;}
    .proview .prohead .proVideo dl{ width: 100%; height: 235px;}
    .proview .prohead .proVideo dl img{ width: 100%; height: 235px;}
    .proview .prohead .proVideo dl::before{ content: ""; width: 64px; height: 64px; background: url(../images/videoBtn.png) no-repeat center; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 11;}
    .proview .prohead .proVideo dl::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0;}
    .proview .prohead .proVideo video{ width: 100%; height: 234px; position: relative; z-index: 10;}
    .proview .prohead .proVideo.on video{ z-index: 22;}

    .proview .proIntroduce{ margin-bottom: 30px;}
    .proview .proIntroduce .box{ overflow: hidden;}
    .proview .proIntroduce .box .text{ width:100%; font-size: 14px; line-height: 1.8; text-align: justify; float: none; margin-bottom: 10px;}
    .proview .proIntroduce .box .con{ width: 100%; color: #666; float: none;}
    .proview .proIntroduce .box .con table{ width: 100%; border-spacing: 0; border-collapse: collapse;background:#fff;}
    .proview .proIntroduce .box .con table tr td{ border: #dbdbdb solid 1px !important; font-size: 12px !important;  padding: 5px 5px !important;}

    .proview .proParameter{ margin-bottom: 30px;}
    .proview .proParameter .picBigText{ overflow: hidden;}
    .proview .proParameter .picBigText .pic{ width: 100%; border: #dbdbdb solid 1px; float: none; margin-bottom: 10px;}
    .proview .proParameter .picBigText .con{ width: 100%; font-size: 13px; line-height: 1.5; float: none;}
    .proview .proParameter .list{ margin-top: 18px;}
    .proview .proParameter .list ul{ margin: 0 -5px;}
    .proview .proParameter .list ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .proview .proParameter .list ul li ol p{ font-size: 14px; line-height: 32px;}

    .proview .proFeatures{ margin-bottom: 30px;}
    .proview .proFeatures .text{ font-size: 13px; line-height: 1.8;}
    .proview .proFeatures .box ul{ margin: 0 -5px;}
    .proview .proFeatures .box ul li{ width: 50%; padding: 0 5px; margin-top: 10px;}

    .proview .proTable{ margin-bottom: 20px;}
    .proview .proTable .box{ color: #666; padding-top: 0;}
    .proview .proTable .box table{ width: auto !important; margin: 0 !important; padding: 0 !important; }
    .proview .proTable .box table tr td{ font-size: 12px !important;  padding: 5px 10px;}
    .proview .proTable .table-responsive{ overflow-x: auto; margin: 10px 0; }

    .relatedCases{ padding-top: 30px;}
    .relatedCases .tit{ margin-bottom: 20px; padding-bottom: 10px; }
    .relatedCases .tit h2{ font-size: 16px;}
    .relatedCases .box ul{ margin: 0 -5px;}
    .relatedCases .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .relatedCases .box ul li a{padding: 5px; display: block;}
    .relatedCases .box ul li ol{ padding: 8px 0 5px;}
    .relatedCases .box ul li h3{ font-size: 14px; margin-bottom: 5px;}
    .relatedCases .box ul li dt{ font-size: 13px;}

    /* 案例 */
    .case{ padding: 30px 0 50px; background: #f2f2f2;}
    .case .box{ padding: 0 0 10px;}
    .case .box ul{ margin: 0;}
    .case .box ul li{ width: 100%; padding: 0; margin-bottom: 12px; float: left;}
    .case .box ul li a{ background: #fff; border: #dfdfdf solid 1px; padding: 15px; display: block;}
    .case .box ul li dl{ padding-bottom: 63.8036%; overflow: hidden; position: relative; }
    .case .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
    .case .box ul li ol{ padding: 20px 0 5px;}
    .case .box ul li h3{ font-size: 15px; margin-bottom: 10px;}
    .case .box ul li dt{ font-size: 13px; color: #666; line-height: 1; margin-bottom: 18px;}
    .case .box ul li dd{ font-size: 13px; color: #2a55b6; line-height: 1;}

    .caseView{width: 100%; padding: 30px 15px; margin: 0 auto;  font-size: 15px; color: #666666; line-height: 2;}
    .caseView .caseHead{ margin-bottom: 30px;}
    .caseView .caseHead h1{font-size: 16px; line-height: 1.3;}
    .caseView .box{ margin-bottom: 20px;}
    .caseView .box img{ margin-bottom: 20px;}
    .caseView .box dl{ font-size: 13px;}
    .caseView .text{ font-size: 13px; line-height: 2;}

    .relatedProducts{ margin-top: 40px;}
    .relatedProducts .tit{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #a7a7a7;}
    .relatedProducts .tit h2{ font-size: 16px; color: #2a55b6; line-height: 1;}
    .relatedProducts .con ul{ margin: 0 -4px;}
    .relatedProducts .con ul li{ width: 50%; padding: 0 4px; margin-bottom: 10px; float: left;}
    .relatedProducts .con ul li a{ display: block; border: #eeeeee solid 1px; padding: 5px;}
    .relatedProducts .con ul li h3{ font-size: 13px; margin: 10px 0 5px;}

    /* 关于我们 */
    .about{ padding: 30px 0 50px; }
    .about .pic{ margin-bottom: 20px;}
    .about .tit{ text-align: center; margin-bottom: 25px; padding-bottom: 15px;}
    .about .tit::after{ content: ""; width: 30px; height: 2px; left: 50%; transform: translateX(-50%);}
    .about .tit h3{ font-size: 22px; margin-bottom: 5px;}
    .about .tit h2{ font-size: 16px; }
    .about .text{ font-size: 13px; line-height: 1.8;}

    .culture{padding: 30px 0 40px;}
    .culture .item{ display:block; align-items: center; background: #fff;}
    .culture .item .pic{ width: 100%;}
    .culture .item .con{ width: 100%; font-size: 14px;line-height: 1.8; padding: 20px;}
    .culture .item .con h3{color: #2a55b6; font-size: 14px;}
    .culture .item:nth-child(1){flex-direction:row-reverse}

    .style{padding:30px 0 40px;}
    .style .box ul{ margin: 0 -10px;}
    .style .box ul li:nth-child(1),.style .box ul li:nth-child(2){ width: 50%; padding: 0 10px; float: left;}
    .style .box ul li{ width: 50%; padding: 0 10px; margin-bottom: 5px; float: left;}
    .style .box ul li ol{ font-size: 14px; line-height: 30px;}

    .honor{padding: 30px 0 40px;}
    .honor .box{ margin-bottom: 20px;}
    .honor .box ul{ margin: 0 -5px;}
    .honor .box ul li{ width: 50%; padding: 0 5px; margin-bottom:5px; float: left;}
    .honor .box ul li dl{ border: #d9d9d9 solid 1px; padding-bottom: 141.3427%; position: relative; overflow: hidden; margin-bottom: 3px;}
    .honor .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
    .honor .box ul li ol{ height:32px; font-size: 14px; line-height:16px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}

    .market{padding: 30px 0; background: url(../images/marketBg.jpg) no-repeat center top; background-size: cover;}
    .market dl{ font-size: 14px; margin-bottom: 20px;}
    .market ol{ text-align: center;}

    .customer{ padding: 30px 0;}
    .customer .tit{ font-size: 14px; margin-bottom: 20px;}
    .customer .box ul{ margin: 0 -8px;}
    .customer .box ul li{ width: 33.33%; padding: 0 8px; margin-bottom: 7px; float: left;}
    .customer .box ul li dl{ border-radius: 10px; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .1);}
    .customer .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; padding: 10px;}
    .customer .box ul li h3{  font-size: 14px; line-height: 30px;}

    /* yh银河国际官方网站 */
    .businessNav{ height: 94px;}

    .business01{ padding: 30px 0; background: #f2f2f2;}
    .business01 .box .item{ display: none; background: #fff; border: #d9d9d9 solid 1px; overflow: hidden;}
    .business01 .box .item.on{ display: block;}
    .business01 .box .item .pic{ width: 100%; float: none;}
    .business01 .box .item .pic img{ width: 100%;}
    .business01 .box .item .con{ width: 100%; height: auto; padding:20px 15px; display: block; align-items: center; float: none;}
    .business01 .box .item .con .text{ color: #666; font-size: 13px; text-align: justify; line-height: 1.8;}

    .business02{ padding: 40px 0 50px; background: #fff;}
    .business02 .box{ display: block; background: #fff; border: #d9d9d9 solid 1px;  overflow: hidden;}
    .business02 .box .pic{ width: 100%; float: none;}
    .business02 .box .pic img{ width: 100%;}
    .business02 .box .con{ width: 100%; height: auto; padding:20px 15px; display: block; align-items: center; float: none;}
    .business02 .box .con .text{ color: #666; font-size: 13px; text-align: justify; line-height: 1.8;}
    .business02 .list{ margin-top: 10px;}
    .business02 .list ul{ margin: 0;}
    .business02 .list ul li{ width: 100%; padding: 0; margin-top: 10px; float: none;}
    .business02 .list ul li ol{ background: #e7e7e7; padding:20px 20px;}
    .business02 .list ul li ol h3{  font-size: 15px; margin-bottom: 10px;}
    .business02 .list ul li ol dt{ font-size: 13px; text-align: justify; line-height: 20px;}

    .business03{ padding: 35px 0 40px; background: #f2f2f2;}
    .business03 .box .pic{ width: 100%; float: none;}
    .business03 .box .con{ width: 100%; padding: 20px 15px; font-size: 13px; line-height: 1.8; float: none;}
    .business03 .box .con h3{ font-size: 13px; padding: 8px 17px;}

    .business04{ padding: 35px 0 40px; background: #fff;}
    .business04 .box .pic{ width: 100%; float: none;}
    .business04 .box .con{ width: 100%; padding:20px 15px; font-size: 13px; line-height: 1.8; float: none;}
    .business04 .box .con h3{ font-size: 13px; display: inline-block; padding: 8px 17px;}

    .business05{ padding: 35px 0; height: auto; background: url(../images/businessBg.jpg) no-repeat center; background-size: cover;}
    .business05 .box{ overflow: hidden;}
    .business05 .box .pic{ width: 100%; padding:20px; float: none;}
    .business05 .box .con{ width: 100%; height: auto; padding:20px 15px; display: block; align-items: center; float: none;}
    .business05 .box .con .text{ font-size: 13px; color: #666; line-height:2; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0px 0px 2px rgba(0,0,0,0.5);}

    /* 新闻 */
    .news{ padding: 35px 0 40px; background: #f2f2f2;}
    .news .box{ margin-bottom: 20px;}
    .news .box ul{ margin-top: -15px;}
    .news .box ul li{ padding: 15px 0; border-bottom: #d9d9d9 dashed 1px;}
    .news .box ul li a{ display: block; overflow: hidden;}
    .news .box ul li dl{width: 128px; height:77px; overflow: hidden; position: relative; float: left;}
    .news .box ul li ol{ padding-left: 140px;}
    .news .box ul li ol h3{ font-size: 14px; margin-top: 0; margin-bottom: 5px;}
    .news .box ul li ol dd{ font-size: 12px; color: #929292; line-height: 1; margin-bottom: 5px;}
    .news .box ul li ol dt{ font-size: 12px; color: #666666; line-height: 20px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}

    .newsView{ width: 100%; padding: 35px 15px; margin: 0 auto;}
    .newsView .newsHead{ text-align: center; margin-bottom: 20px;}
    .newsView .newsHead h1{ font-size: 16px; color: #2a55b6; line-height: 1.3; margin-bottom: 15px;}
    .newsView .newsHead p{ font-size: 13px; color: #333;}
    .newsView .text{ color: #666666; font-size: 13px; line-height:1.8;}
    .newsView .text img{ margin: 10px 0;}

    .newsPage{ margin-top: 40px;}
    .newsPage li{color: #666; font-size: 13px; margin: 5px 0;}

    .contact{ padding: 35px 0 50px;}
    .contact .box{ padding-top: 20px; margin-bottom: 0;}
    .contact .box ul{ display: block; justify-content:space-between; margin: 0 -5px; overflow: hidden;}
    .contact .box ul li{ width: 50%; text-align: center; padding: 0 5px; margin-bottom: 15px; float: left;}
    .contact .box ul li i{ height: 25px; display: block; text-align: center;}
    .contact .box ul li h3{ font-size: 14px; margin: 8px 0;}
    .contact .box ul li dt{ height: 85px; font-size: 12px; line-height: 1.6;}
    .contact .box ul li:nth-child(3) dt,.contact .box ul li:nth-child(4) dt{ height: 50px;}

    #map{ height: 250px; border: #d8d8d8 solid 1px;}

    .footer{ background: #515151 url(../images/footerBg.jpg) no-repeat center; background-size:auto 100%; padding: 30px 0; text-align: center;}
    .footer .ewm{ float: none; margin-right: 0; width: 120px; margin: 0 auto;}
    .footer .ewm p{ font-size: 14px; margin-top: 10px;}
    .footer .ftel{ float: none; height: 45px; padding-left:55px; padding-top: 3px; margin-top: 20px; background: url(../images/icon08.png) no-repeat left center; background-size: 40px; display: inline-block; text-align: left;}
    .footer .ftel dl{ font-size: 13px; margin-bottom: 5px;}
    .footer .ftel ol{ font-size: 18px;}
    .footer .fright{ float: none; padding-top: 20px;}
    .footer .fnav { display: none;}
    .footer .fcontact{font-size: 12px; color: #fff; line-height: 22px; text-align: left; }
    .footer .fcontact dl{ font-size: 12px; line-height: 22px;}

    /*===/分页=============================*/
    .text-center {text-align:center}
    .pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
    .pagination li {display:inline-block!important;}
    .pagination a { font-size: 13px; color:#333;padding:4px 7px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
    .pagination .active {pointer-events:none}
    .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .blank-large{height:80px;line-height:80px;clear:both;font-size:0}
    .pagination li.active a,.pagination li a:hover{background: #2a55b6; color: #fff; border: 1px solid #2a55b6;}
  
}