@charset "utf-8";
.nybanner{-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;}

.nyhead .setwidth{ padding: 28px 0 32px; border-bottom: 2px solid #f1f1f1; }
.nyhead .title{ padding: 19px 0 11px; background: url(../images/nytit-bg.png) left center no-repeat; font-size: 26px; line-height: 30px;}
.nyhead .title b{ font-weight: bold; color: #e62626;}
.nyhead .path{ margin-top: 4px; color: #999; font-size: 14px;}
.nyhead .path a{ color: #999; font-size: 14px;}
.nyhead .path a:hover{ color: #2e597b;}
.nyhead .nav{ max-width: 900px; padding: 20px 20px 0 0; text-align: right; }
.nyhead .nav li{ position: relative; display: inline-block; height: 36px;  margin: 10px 0 10px 50px; line-height: 36px; background: #eee;}
.nyhead .nav li a{ display: block; padding: 0 15px; color: #666;}
.nyhead .nav li::after,.nyhead .nav li::before{ position: absolute; content: ""; left: -21px; top: 0; width: 21px; height: 36px; background-image: url(../images/nynav.png); background-position: center top;}
.nyhead .nav li::after{ left: auto; right: -21px; background-position: center -55px; }
.nyhead .nav li.active::before,.nyhead .nav li:hover::before{ background-position: center -109px; }
.nyhead .nav li.active::after,.nyhead .nav li:hover::after{ background-position: center bottom; }
.nyhead .nav li.active,.nyhead .nav li:hover{ background: #2e597b;}
.nyhead .nav li.active a,.nyhead .nav li:hover a{ color: #fff;}
/*关于我们*/
.abcon1{ padding: 66px 0 86px;}
.abcon1 .renline{ display: inline-block; width: 59px; height: 4px; margin-bottom: 55px; background: #e62626; vertical-align: top;}
.abcon1 .company{ position: relative; margin-bottom:30px; color: #363636; font-size: 32px; line-height: 35px;}
.abcon1 .company b{ position: absolute; left: 97px; bottom: 11px; z-index: -1; color: #f6f6f6; font-size: 69px; }
.abcon1 .rtxt p{ margin-bottom: 20px; line-height: 30px; text-indent: 32px;}
.abcon2{ padding-top: 135px; height: 535px; background: url(../images/abimg1.jpg) center top no-repeat; }
.abcon2 .setwidth{ height: 445px; background:#fff; }
.abcon2 .ltxt{ max-width: 300px; padding: 100px 0 0 130px;}
.abcon2 .ltxt .p1{ margin: 25px 0 15px; color: #000; font-size: 18px;}
.abcon2 .ltxt .p2{ color: #666;}
.abcon2 .video{ width: 747px; height: 445px;}
.abcon3{ padding-top: 100px; background: #f1f1f1;}
.abcon3 .title{ text-align: center; }
.abcon3 .title p{ font-weight: bold; color: #2b2724; line-height: 150%;}
.abcon3 .title .en{ font-size: 31px; text-transform: uppercase;  }
.abcon3 .title .cn{ font-size: 38px; font-weight: bold; color: #2b2724;}
.abcon3 .content{ padding-top: 75px; padding-bottom: 140px;}
.abcon3 .ysul li{ float: left; width: 33.3%; padding: 0 1%; box-sizing: border-box; text-align: center; color: #333; cursor: default;}
.abcon3 .ysul li .img{ display: inline-block; width: 110px; height: 110px; background: url(../images/ys-icon.png) no-repeat; }
.abcon3 .ysul li .p1{ padding: 15px 0; font-size: 22px;}
.abcon3 .ysul li .p2{ font-size: 15px;}
.abcon3 .ysul li.li1 .img{ background-position: left 0;}
.abcon3 .ysul li.li2 .img{ background-position: center 0;}
.abcon3 .ysul li.li3 .img{ background-position: right 0;}
.abcon3 .ysul li.li1:hover .img{ background-position: left bottom;}
.abcon3 .ysul li.li2:hover .img{ background-position: center bottom;}
.abcon3 .ysul li.li3:hover .img{ background-position: right bottom;}

/*相册*/
.pages{ padding: 78px 0; text-align: center; }
.pages a,.pages span{ display: inline-block; width: auto; height: 32px; margin: 0 3px; padding: 0 10px; border: 1px solid #e5e5e5; font-size: 15px; color: #313131; line-height: 32px; }
.pages a:hover,.pages .pageson{ border: 1px solid #2e597b; background: #2e597b; color: #fff;}
.alcon .content{ padding-top: 48px;}
.album{ margin-left:-48px}
.album li{ float: left; overflow: hidden; width: 368px; margin: 0 0 48px 48px; text-align: center; }
.album li img{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; /*display: block !important*/ max-width:100%; max-height:100%;}
.album li .name{ height: 48px; padding: 10px; background: #fff; color: #343434;}
.album li .img{height: 276px; border-radius: 20px; overflow: hidden;}
.album li:hover .name{ color: #2e597b;}
.album li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1) }


/*产品*/
.procon{ background: url(../images/product-bg.jpg) repeat;}
.procon .content,.proinfo{ padding-top: 48px;}
.proinfo .bigimg{ position: relative; overflow: hidden; width: 596px; height: 450px; text-align: center; border: 2px solid #e7e7e7; border-radius: 30px;}
.proinfo .bigimg a{ display: block}
.proinfo .bigimg .view{ position: absolute; right: 10px; bottom: 10px; width: 22px; height: 22px; line-height: 20px; border: 1px solid #ccc; border-radius: 50%; text-align: center; font-size: 20px; font-weight: bold; color: #ccc;}
.proinfo .bigimg img{ max-height: 100%; max-width: 100%; }
.proinfo .details{ width: 516px; }
.proinfo .details .company{ padding: 30px 0; border-bottom: 1px solid #f1f1f1; color: #2e597b; font-size: 26px;}
.proinfo .details .intro{ margin: 30px 0; line-height: 30px; color: #666;}
.proinfo .details .model,.proinfo .details .size,.proinfo .details .weight{ color: #666; line-height: 36px;}
.prolist .nav{ width: 100%; height: 60px; line-height: 60px; background: #eee;}
.prolist .nav a{ display: inline-block; width: 226px; height: 60px; text-align: center; }
.prolist .nav a.active,.prolist .nav a:hover{ background: #2e597b; color: #fff;}
.prolist{ padding: 50px 0 127px}
.prolist .warp{ border: 1px solid #e7e7e7; }
.prolist .warp .list{ display: none; padding: 40px 72px;}
.prolist .warp .list:first-child{ display: block;}

/*新闻中心*/
.news li{ padding: 28px 0; overflow: hidden; border-bottom: 1px solid #f1f1f1;}
.news li .date{ width: 146px; height: 36px; line-height: 36px; font-size: 26px;}
.news li .date .line{ display: inline-block; width: 38px; height: 1px; margin: 0 20px; background: #c3c1c1; vertical-align: super; }
.news li .desc{ width: 690px; margin-left: 36px;}
.news li .desc .title{ display: block; padding-bottom: 14px; line-height: 26px; font-size: 22px;}
.news li .desc p{ max-height: 84px; line-height: 28px; color: #666;}
.news li .img{ width: 220px;}
.news li .more{ display: block; width: 31px; height: 31px; margin-top: 18px; margin-left: -45px; background: #e62626; text-align: center; line-height: 31px; color: #fff; font-weight: lighter; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.news li:hover .more{ margin-left: 0px;} 
.news li:hover .title{ color: #2e597b; }
.news li:hover .desc{ margin-left: 50px;}
.newscon{ padding: 65px 0 210px;}
.newstit{ padding: 25px 0; text-align: center; color: #000; font-size: 22px; }
.newscen{ text-align: center; color: #999; font-weight: lighter;  }
.newscon .content,.newscon .content p{ line-height: 30px; color: #666; }
.newscon .newscen{ padding-bottom: 45px;}
.newscon .newscen span{ display: inline-block; padding-left: 26px; margin: 0 22px; background: url(../images/news-icon.png) left 0 no-repeat;}
.newscon .newscen span.num{ background-position: left bottom; }

/*联系我们*/
.lxcon{ padding: 48px 0 75px;}
.cttit{font-weight: bold; font-size: 22px;}
.address{ width: 735px;}
.address .map{ width: 100%; height: 500px; margin-top: 40px; }
.address .map p{ font-size: 14px;}
.message{ width: 368px;}
.message .from{ margin-top: 40px; }
.message .from p{ margin: 10px 0 20px; color: #666; }
.message .from .lyinput{ width: 328px; margin: 15px 0; padding: 15px 20px; background: #f5f3f3; border: none; }
.message .from .lybutton{ width: 100%; height: 55px; line-height: 55px; background: #2e597b; border-radius: 5px; border: none; color: #fff;  }
.way{ padding-top: 36px; margin-top: 36px; border-top: 1px solid #e4e4e4;}
.way ul{display: flex; justify-content:space-between; flex-wrap:wrap;}
.way ul li{ min-width: 15%; max-width: 30%; padding-bottom: 20px; line-height: 34px; }
.join{ padding-bottom: 250px;}
.joinlist{ padding: 45px 0 65px; border-bottom: 1px solid #f1f1f1;}
.joinlist .name{ font-size: 22px; }
.joinlist .name span{ display: inline-block; margin-left: 80px; font-size: 16px;}
.joinlist .name b{ font-size: 22px; color: #c63636; }
.joinlist .name i{ font-size: 14px; color: #c63636; }
.joinlist .claim{ padding: 12px 0; line-height: 30px; color: #666;}
.joinlist .desc{ line-height: 30px;}