@charset "utf-8";
/* 当前位置 */
.here{ height: 70px; line-height: 70px; color: #FFF; background: #800020; margin-bottom: 30px;}
.here i{float: left; color: #FFF;font-size: 24px; margin-right: 8px;}
.here b{color: #FFF;font-weight: normal;}
.here a{color: #FFF;}
.here a:hover{color: #ccc;}
/* 内页BANNER */
/* .ny-banner{min-height: 500px; text-align: center;}
.ny-banner .text{position: absolute; margin-top: 200px; left:0;right: 0; color: #FFF;}
.ny-banner .text h2{ font-size: 55px; line-height: 70px; font-weight: bold; margin-bottom: 15px;}
.ny-banner .text small{font-size: 24px;} */
/* 内页search */
.ny_search{overflow: hidden; background: #f1f1f1; height: 62px; }
.ny_search-l{float: left;overflow: hidden;line-height: 62px; color: #999; width: calc((100% - 300px)); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.ny_search-l b{color: #666;}
.ny_search-r{float: right; margin-top: 10px; width: 300px;}
.ny_search .key{float: left; border:1px solid #E7E7E7; background: #fff; height: 39px;padding: 0 10px; width: 260px;}
.ny_search .go{float: left; border:none; height: 38px; width: 40px; background: url(../images/ss.jpg) no-repeat;}
/* 左侧和右侧 */
.main_left{width: 240px; margin-right:50px; }
.main_right{ width: calc((100% - 290px));}
.biaoti{overflow: hidden;}
.biaoti span{font-size: 26px; height: 70px; line-height: 70px;}
.Left_nav{overflow: hidden;}
.Left_nav h2{overflow: hidden; background: #800020; font-size: 22px; height: 70px; line-height: 70px; color: #FFF; border-radius: 0 60px 0 0; padding-left: 30px;}
.Left_nav h2 i{float: left; font-size: 28px; margin-right: 5px;}
.Left_nav ul{border: 1px solid #E7E7E7; border-top: 0;}
.Left_nav ul li{ border-bottom: 1px solid #E7E7E7;height: 44px; line-height: 44px; cursor: pointer;padding-left: 30px; }
.Left_nav ul li:hover{color: #800020;}
.Left_nav ul li a{color: #666; font-size: 15px;}
.Left_nav ul li a i{ margin: 0 5px;}
.Left_nav ul li a:hover{color: #800020;}
.Left_nav ul li.active{color: #800020;}
.Left_nav ul li.active a{color: #800020; font-weight: bold;}
.left_pro{overflow: hidden;}
.left_pro h2{display: block; background: #212121; font-size: 22px; color: #FFF; height: 75px; line-height: 75px; text-align: center;}
.left_pro ul{}
.left_pro ul li{}
.left_pro ul li h3{ background: #f2f2f2;border-bottom: 1px solid #e9e9e9; font-weight: 600; height: 40px; line-height: 40px; padding-left: 30px;font-size: 14px;}
.left_pro ul li h4{ background: #FFF; border-bottom: 1px solid #F1F1F1; height: 40px; line-height: 40px; padding-left: 60px;font-size: 14px;}
/* 关于我们 */
.pageContact{line-height: 28px;font-size: 16px;}
.pageContact img{max-width: 100%;}
.jingli-l{float:left; width: 300px; margin-right: 40px;}
.jingli-l img{max-width: 100%;}
.jingli-r{float: left; width: calc((100% - 340px));}
/* 图片展示 */
.portfolio-area{overflow: hidden;}
.portfolio-area ul{ margin-left: -2%;margin-right: -2%;}
.portfolio-area ul li{float: left;overflow: hidden;width:29.333%; margin: 0 2%;border: 1px solid #f3f3f3; margin-bottom: 30px;}
.portfolio-area ul li .img{overflow: hidden; }
.portfolio-area ul li .img img{max-width:100%;}
.portfolio-area ul li h2{text-align: center; height: 50px; line-height: 50px;clear: both; font-size: 16px;}
/* 发展历程 */
/* 产品中心 */
.productall{overflow: hidden; margin: 30px 0;}
.productall ul{ margin-left: -1%; margin-right: -1%;}
.productall ul li{float: left; width: 14.666666%; margin: 0 1%;min-height: 346px; border-radius: 8px; margin-bottom: 30px; border: 1px solid #E7E7E7; box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); background: #FFF;}
.productall ul li .img{width: 100%; text-align: center; margin-top: 20px;}
.productall ul li .img img{max-width: 60%;}
.productall ul li p{ padding: 15px; padding-top: 0; color: #999; line-height: 26px;}
.productall ul li h2{text-align: center; line-height: 38px; font-size: 18px; padding: 8px 0;}
.product {overflow: hidden;}
.product ul {margin-left: -1%; margin-right: -1%;}
.product ul li{float: left;overflow: hidden; width: 23%;background: #FFF;margin: 0 1%; margin-bottom: 38px; border: 1px solid #E7E7E7;}
.product ul li .text{overflow: hidden;position: relative; border-top: 1px solid #e7e7e7; padding: 15px;}
.product ul li .text h2{float: left; color: #666;font-size: 15px; line-height: 30px; }
.product ul li .text span{float: right; text-align: center; border: 1px solid #ccc; border-radius: 100%; width: 30px; height: 30px; color: #800020;font-size: 26px; line-height: 26px;}
.product ul li .img{overflow: hidden; height: 242px;}
.product ul li .img img{max-width: 100%;transition: all 0.6s;}
.product ul li .img img:hover{transform:scale(1.2);}
/* 联系我们 */
.contact{}
.contact h2{font-size: 32px; border-bottom: 1px solid #E7E7E7; padding-bottom: 20px; margin: 30px 0;}
.contact ul{}
.contact ul li{ float: left; width: 50%; font-size: 18px; margin-bottom: 20px;}
.contact ul li i{ margin-right: 10px; font-size: 22px;}
/*电子地图*/
.map{ margin: 30px 0; border: 2px solid #ebebeb; padding: 20px;}
.map .title{ font-size: 22px; line-height: 34px;}
/* 人力资源 */
.joblist{ margin-bottom: 100px;}
.joblist .jobtitle{ text-align: center; border-bottom: 1px solid #dddddd;}
.joblist .jobtitle h2{ font-size: 30px; }
.joblist .jobtitle p{ color: #9c9b9b; line-height: 40px;}
.joblist ul{ margin-top: 30px; }
.joblist ul li{ width: calc((100% - 2%) / 2); margin-right: 2%; float: left; border:1px solid #dddddd; margin-top: 20px; padding: 20px;}
.joblist ul li:nth-child(2n){ margin-right: 0%; }
.joblist ul li h4{ font-size: 22px; line-height: 40px; }
.joblist ul li p { font-size: 14px; line-height: 30px; }
.joblist ul li p span{ color: #555555; }
.joblist ul li p b{ margin: 0 20px; color: #c4c4c4; }
.joblist ul li a{ display: block; height: 30px; line-height: 30px; float: right; background: #f1501a; color: #fff; margin-top: 20px; width: 120px; text-align: center; }
.jobinfo{ margin-top: 30px;}
.jobinfo .hd{background: #f3f3f3;padding: 20px 30px;}
.jobinfo .hd h2{font-size:32px;}
.jobinfo .hd dl{ margin-top: 10px; font-size: 22px;}
.jobinfo .hd dl span{ color: #777777; }
.jobinfo .jobcontent{ margin-top: 30px;padding:30px; border: 1px solid #E7E7E7;}
.jobinfo .jobcontent h4{ color: #03469f; font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.jobinfo .jobcontent dd{ line-height: 25px; color: #555555; }
.jobinfo .jobemail{background: #f3f3f3; text-align: center; margin-top: 50px; line-height: 25px; padding: 20px;}
.jobinfo .jobemail span{ color: #f1501a; font-weight: bold; }
.lingyu{}
.lingyu ul{}
.lingyu ul h2{font-size: 28px; margin: 15px 0; font-weight: bold;}
.lingyu ul h3{font-size: 28px; margin: 15px 0; font-weight: bold; text-align: right;}
.lingyu ul li{overflow: hidden; margin-bottom: 40px;border: 1px solid #E7E7E7; box-shadow: 0 8px 20px 0 rgba(0,0,0,.10);}
.lingyu ul li .img{float: left;overflow: hidden; width: 40%;}
.lingyu ul li .img img{max-width: 100%;}
.lingyu ul li .text{float: left; width:60%; font-size: 16px; padding: 20px; line-height: 28px;}
/* 应用方案列表页 */
.caselist{ margin: 30px 0;}
.caselist ul{ margin-left: -2%;margin-right: -2%;}
.caselist ul li{float: left; width:29.333333%; margin:0 2%; overflow: hidden; margin-bottom: 30px;padding: 15px; border: 1px solid #E7E7E7; background: #FFF; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.caselist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.caselist ul li .img{overflow: hidden;}
.caselist ul li .img img{max-width: 100%;}
.caselist ul li .text{ }
.caselist ul li .text h2{font-size: 18px; font-weight: bold; margin-top: 15px;}
.caselist ul li .text h2:hover{color: #03469f; }
.caselist ul li .text time{display: block; margin: 5px 0; color: #999; }
.caselist ul li .text time i{float: left; }
.caselist ul li .text p{overflow: hidden; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; line-height: 24px; color: #999; margin: 8px 0;}
.caselist ul li .text .more{display: inline-block;line-height: 26px;}
/* 新闻资讯列表页 */
.newslist{ margin-bottom: 50px;}
.newslist ul{}
.newslist ul li{overflow: hidden; margin-bottom: 40px;padding: 20px; border: 1px solid #E7E7E7; background: #FFF; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .img{float: left;overflow: hidden; width: 180px; height: 120px; margin-right: 20px;}
.newslist ul li .img img{max-width: 100%;}
.newslist ul li .text{float: left; width: calc((100% - 200px)); }
.newslist ul li .text h2{font-size: 18px; font-weight: bold;}
.newslist ul li .text h2:hover{color: #800020; }
.newslist ul li .text time{display: block; margin: 5px 0; color: #999; }
.newslist ul li .text time i{float: left; }
.newslist ul li .text p{overflow: hidden; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; line-height: 24px; color: #999; margin: 8px 0;}
.newslist ul li .text .more{display: inline-block; border-bottom: 1px solid #E7E7E7; line-height: 26px;}
/* 用户问答列表页 */
.faqlist{margin: 30px 0;}
.faqlist ul{}
.faqlist ul li{overflow: hidden; margin-bottom: 20px;padding: 20px; border: 1px solid #E7E7E7; background: #FFF;}
.faqlist ul li .wen{overflow: hidden; clear: both; margin-bottom: 10px;}
.faqlist ul li .wen i{float: left; width: 26px; height: 26px;line-height: 26px; margin-right: 10px; background: #800020; border-radius: 100%; text-align: center; color: #FFF;font-weight: bold; font-size: 12px;}
.faqlist ul li .wen span{ width:calc((100% -36px)); font-size: 15px;line-height: 26px; font-weight: bold;}
.faqlist ul li .da{overflow: hidden; clear: both;}
.faqlist ul li .da i{float: left; width: 26px; height: 26px;line-height: 26px; margin-right: 10px; background: #333; border-radius: 100%; text-align: center; color: #FFF;font-weight: bold; font-size: 12px;}
.faqlist ul li .da p{ width:calc((100% -36px)); font-size: 14px;line-height: 26px;}
/* 新闻资讯详情页 */
.newsinfo{overflow: hidden; }
.ninfo { width: 100%;}
.ninfo dd{ padding: 20px 0; text-align: center;}
.ninfo dd h2{ font-size: 28px; margin-bottom: 20px;}
.ninfo dd time{display: block; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; font-size: 13px; padding: 15px 0; color: #999;}
.ninfo .info{ line-height: 32px; font-size: 14px;}
.ninfo .info img{max-width: 100%;}
.ninfo .info iframe{display: block; margin: 0 auto; width: 70%; height: 480px;}
/* 产品详情 */
.productshow{ margin: 30px 0;}
.productinfo-l{ width: 50%; text-align: center; border: 1px solid #E7E7E7;}
.productinfo-l img{max-width: 100%;}
.productinfo-r{ width: 46%; margin-left: 4%;}
.productinfo-r h2{ font-size: 22px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo-r p{color: #666;line-height: 26px; padding: 5px 0;}
.productinfo-r p b{color: #c52323;}
.productinfo{overflow: hidden; clear: both; margin: 30px 0;line-height: 32px;}
.productinfo h3{ border-bottom: 1px solid #E7E7E7; margin-bottom: 10px;}
.productinfo h3 b{display: block; background: #03469f;border-radius: 12px 12px 0 0;width: 120px; text-align: center;font-size: 18px;height: 42px; line-height: 42px; color: #FFF;font-weight: normal;}
.productinfo .text{margin: 15px 0; line-height: 24px;}
.productinfo .text img{max-width: 100%;}
/* 产品详情介绍切换 */
.tabss{overflow: hidden; height: 42px; border-bottom: 1px solid #E7E7E7; margin-top: 20px;}
.tabss li{float:left; height:42px;line-height:42px; width: 140px; text-align: center; background: #03469f; font-size: 17px; border-radius: 0 12px 0 0; margin-right: 8px;}
.tabss li a {display: block; color: #FFF;border-radius: 12px 12px 0 0;}
.tabss li a:hover {color: #FFF;background: #c52323;border-radius: 12px 12px 0 0;}
.tabss .thistab,.tabss .thistab a:hover{background: #800020;border-radius: 0 12px 0 0;}
.tab_con{ display:none;}
.tab_con{margin: 15px 0; line-height: 24px;}
.tab_con img{max-width: 100%;}
@media (min-width:1024px) and (max-width:1199px) {
.pageContact{line-height: 26px;font-size: 14px;}
.productall ul li{ width: 31.3333333%;}
.product ul li{ width: 48%;}
.product ul li .img{height: 202px;}
.lingyu ul li .img{width: 50%;}
.lingyu ul li .text{width:50%;}
.productinfo-l{width: 100%;}
.productinfo-r{width: 100%;}
.ninfo .info iframe {width: 100%;}
}
@media (min-width:768px) and (max-width:1023px) {
.main_left{display: none;}
.main_right{width: 100%;}
.jingli-l{width: 200px; margin-right: 40px;}
.jingli-r{width: calc((100% - 240px));}
.productall ul li{ width: 31.3333333%;}
.product ul li{ width: 48%;}
.product ul li .img{height: 202px;}
.lingyu ul li .img{width: 50%;}
.lingyu ul li .text{width:50%;}
.productinfo-l{width: 100%;}
.productinfo-r{width: 100%;}
.newslist ul li .img{display: none;}
.newslist ul li .text{width: 100%; }
.contact ul li{ width: 50%;}
.ninfo{width: 100%;}
.ninfo .info iframe {width: 100%;}
.ninfo-R{width: 100%; margin-top: 50px;}
}
@media screen and (max-width:767px) {
.main_left{display: none;}
.main_right{width: 100%; margin-top: 15px;}
.jingli-l{width: 100%; margin-right: 0; margin-bottom: 30px;}
.jingli-r{width: 100%;}
.productall ul li{ width: 98%;}
.product ul li{width: 48%;}
.product ul li .img{height: auto;}
.product ul li .text h2{float: none;}
.product ul li .text{padding: 5px; text-align: center;}
.product ul li .text span{display: none;}
.portfolio-area ul li{width: 46%;}
.lingyu ul li .img{width: 100%;}
.lingyu ul li .text{width:100%;}
.lingyu ul h2{text-align: center;}
.lingyu ul h3{text-align: center;}
.newslist ul li .img{display: none;}
.newslist ul li .text{width: 100%; }
.contact h2{margin-bottom: 20px; font-size: 22px;}
.contact ul li{width: 100%; margin-bottom: 0; font-size: 14px; line-height: 30px;}
.contact ul li span{margin: 13px 0; text-align: left;}
.contact ul li i{float: left; color: #333;}
.productinfo-l{ width: 100%; margin-bottom: 30px;}
.productinfo-r{ width: 100%; margin-left:0;}
.tabss{height: auto;}
.tabss li{height:38px;line-height:38px; width: 105px;font-size: 13px;margin-right: 3px;}
.tab_con.wrap{white-space: nowrap;overflow: scroll;}
.ninfo{width: 100%;}
.ninfo dd h2{line-height: 42px;}
.ninfo .info iframe {width: 100%; height: 300px;}
.ninfo-R{width: 100%; margin-top: 50px;}
}