@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font-size:14px; font-family:"朴直黑体简体"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none; outline:none;}
input,textarea{  resize:none; outline:none;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


.middle{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.yk{ height:auto; overflow:hidden;}

.prodTit {}
.prodTit p{ display:inline-block; width:100%;height:auto; overflow:hidden;}
.prodTit p i{ display:inline-block; width:48px; height:3px; overflow:hidden; background:#c4c3c6;}
.prodTit div{ font-size:30px; color:#535553; line-height:36px; text-transform:uppercase;font-family:"朴直黑体简体"; letter-spacing:4px; padding:9px 0px 8px 0px;}
.prodTit h1{font-size:48px; color:#3a3a3c;font-family:"朴直黑体简体"; padding:10px 0px;}
.prodTit p span{ font-size:24px; line-height:24px; color:#c4c3c6;font-family:"朴直黑体简体"; letter-spacing:2px;}



/* 内页banner */
.ban1{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1-a{ width:100%; text-align:center;} 
.ban1 .ban1-a img{ width:100%;}

/* 面包屑 */
.crumb{width:100%; height:auto; overflow:hidden; background:#fff; padding:25px 0px; }
.crumbz span{ font-size:16px; color:#c4c3c6; line-height:22px;float: left;}
.crumbz a{ font-size:16px; color:#c4c3c6; line-height:22px;float: left;}
.crumbz font{ font-size:16px; color:#c4c3c6; line-height:22px;}
.crumbz a:hover{color:#7c7c7c;}

/* 尊龙凯时简介 */
.brief{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto; padding:60px 0px 140px 0px; background:url(/views/new/images/bg4.jpg) bottom center no-repeat; position:relative;}
.brief .middle{ position:relative;}
.brefTit{ width:560px; height:400px; font-size:18px; color:#818181; line-height:29px; margin-top:20px; z-index:9; position:relative;}
.briefz{ height:auto; overflow:hidden; width:1920px;  position:relative;left:50%; position:absolute; bottom:0px; margin-left:-960px; z-index:0;}
.brefImg{float:right;width:920px;height:694px;overflow:hidden;position:relative;}

/* 公司文化 */
.culture{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto; padding:60px 0px;}
.culTop{height:auto; overflow:hidden; margin-top:30px;padding:0px 25px;}
.culTop p{ display: inline-block;width:100%; height:auto; overflow:hidden; padding: 8px 0px;}
.culTop p span{ float:left; display:inline-block; width:93px; font-size:18px; color:#686868;}
.culTop p font{ float:left; font-size:18px; color:#686868}
.culTop div{ font-size:18px; color:#aaa; line-height:30px; padding: 18px 0px 18px 93px;}
.culBot{ background: #eee; height:auto; overflow:hidden; padding:28px 25px; margin-top:60px;}
.culBot p{ display: inline-block;width:100%; height:auto; overflow:hidden; padding: 8px 0px;}
.culBot p span{ float:left; display:inline-block; width:93px; font-size:18px; color:#656565;}
.culBot p font{ float:left; font-size:18px; color:#656565}


/* 相助同伴 */
.partner{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto; padding: 0px 0px 60px 0px;}
.partner .middle{ width: 1215px;}
.partTop{height:auto; overflow:hidden;}
.partTLef{ float: left; width: 720px;height:auto; overflow:hidden;}
.partTLef img{ width: 100%;}
.partTRig{ float: right; width: 460px;height:auto; overflow:hidden;}
.partTRig2{width:100%; height:auto; overflow:hidden; font-size: 18px; color: #686868; line-height:32px; margin-top:30px;}
.partBot{height:auto; overflow:hidden; margin-top: 35px;}
.partBot ul li{ float: left; width: 282px; height:160px; overflow: hidden;position: relative; margin-left: 24px;}
.partBot ul li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.partBot ul li:nth-of-type(1){ margin-left: 0px;}

/* 联系尊龙凯时 */
.contactUs{width:100%; height:auto; overflow:hidden; max-width:1920px; margin:0 auto; padding:20px 0px 60px 0px;}
.contULef{ float: left; width: 460px; height: auto; overflow: hidden}
.contULef1{height:auto; overflow:hidden; margin-top: 5px;}
.contULef1 ul li{ margin-top: 48px; font-size: 24px; color: #686868;}
.contURig{ float: right; width: 718px; height: auto; overflow: hidden; border: 1px #eee solid;}

/* 分页 */
.paging{height:auto; overflow:hidden; margin-top:0px;}
.pagingz{ float:right;}
.pagingz a img{ position:absolute; top:-1px; left:-1px;width:36px;}
.pagingz a:hover img{position:absolute; top:-53px; }
.pagingz a{float:left; display:inline-block; height:36px; width:36px; overflow:hidden; text-align:center; line-height:35px; margin:0px 5px; background:#c4c4c4; font-size:16px;  position:relative;color:#fff;}
.pagingz span{float:left;display:inline-block;height:36px;width:36px;overflow:hidden;color:#fff;text-align:center; line-height:35px; margin:0px 5px; background:#c4c4c4; font-size:16px; }
.pagingz a.on{background:#3a3a3c; color:#fff;}
.pagingz a:hover{background:#3a3a3c; color:#fff;transition:all 0.2s;}
.pagingz a.on:hover{background:#3a3a3c; color:#fff;}


/* 产品列表 */
.picList{width:100%; height:auto; overflow:hidden; padding:0px 0px 60px 0px;}

.picLTit{height:auto; overflow:hidden; text-align: center;}
.picLTit ul li{ float:left; width:188px; height:44px; overflow:hidden; border:1px #ccc solid; text-align:center; line-height:42px; margin-left:14px;border-radius:5px;border-radius: 5px;}
.picLTit ul li a{ display:block; height:44px; line-height:42px; font-size:16px; color:#333;}
.picLTit ul li:hover{background:#0c3c73;border:1px #0c3c73 solid;}
.picLTit ul li:hover a{ color:#fff;}
.picLTit ul li.onb{background:#0c3c73;border:1px #0c3c73 solid;}
.picLTit ul li.onb a{ color:#fff;}
.picLTit ul li:nth-of-type(1){ margin-left: 0px;}

.picLTop{height:auto; overflow:hidden; margin-top:40px;}
.picLTop ul li{ float: left; width: 283px; margin-left:22px; margin-bottom: 50px;}
.picLTop ul li a .pd1{width: 283px; height: 298px;overflow:hidden; border: 1px #eee solid; position: relative;}
.picLTop ul li a .pd1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.picLTop ul li a .pd2{ text-align: center; background: #616163; font-size: 18px; color: #fff; padding: 8px 20px;}
.picLTop ul li:nth-of-type(4n-3){ margin-left: 0px;}
.picLTop ul li:hover .pd1 img{transform:scale(1.1);transition:all 0.2s;}



/* 产品详情 */
.picDeta{width:100%; height:auto; overflow:hidden; padding:0px 0px 60px 0px;}
.picDLef{ float: left; width: 246px; height:auto; overflow: hidden; background: #eee;}
.picDLef1{ background: #0d4486;height:auto; overflow: hidden; padding:35px 0px 35px 30px;}
.picDLef1 h1{ font-size: 24px; color: #fff; margin-bottom: 15px;}
.picDLef1 p span{ font-size: 16px; color: #b5b5b5; text-transform: uppercase;}
.picDLef2{height:auto; overflow:hidden; padding:40px 0px 40px 60px;}
.picDLef2 ul li{height:auto; overflow:hidden;}
.picDLef2 ul li h3{ font-size:20px; color: #282828; font-weight: normal; cursor: pointer;}
.picDLef2 ul li.nLi{ padding:20px 0px;}
.picDLef2 ul .nLi .sub{ margin-top: 8px;height:auto; overflow: hidden; margin-left: 35px;display:none;}
.picDLef2 ul .nLi .sub li{ height: 38px; line-height: 38px; list-style: none; }
.picDLef2 ul .nLi .sub li a{ display: block; width: 100%; height: 100%; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333;line-height: 38px; text-decoration: none; box-sizing:border-box;}
.picDLef2 ul .nLi .sub.on li.onb a{ color: #dd2129;}
.picDLef2 ul .nLi.on h3{ color: #dd2129;}
.picDLef2 ul .nLi.on .sub{ display: block;}
.picDRig{ float:right; width: 934px; height:auto; overflow: hidden;}
.picDRig1{height:auto; overflow: hidden;}
.picDRLef1{ float: left; width: 600px;height:560px; overflow: hidden;border: 1px #eee solid; border-radius: 8px;}
.picDRLef1 .swiper-box1{ width:100%;height:auto; overflow:hidden; position:relative;}
.picDRLef1 .swiper-box1 .swiper-slide{width: 600px;height:560px; overflow: hidden; position:relative;}
.picDRLef1 .swiper-box1 .swiper-slide img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease; }
.picDRLef1 .swiper-box1 .swiper-pagination{ width:72px; background: #999; height: 32px; line-height: 32px; right: 30px; bottom: 24px; left: auto; border-radius: 32px;font-size: 22px; color: #fff; letter-spacing:-2px;}
.picDRLef1 .swiper-box1 .swiper-pagination span{ font-size: 22px; color: #fff;}
.picDRRig1{float: right; width: 315px;height:auto; overflow: hidden;}
.picDRRig1 h1{ font-size: 24px; color: #282828; line-height: 36px; font-weight: normal; margin-top: 15px;}
.picDRRig1 div{ font-size: 16px; color: #666; line-height: 30px; margin-top: 30px;}

.picDRig2{height:60px; text-align: center; font-size: 24px; color: #333; line-height:60px; overflow: hidden; background: #eee; margin-top: 33px;}
.picDRig3{height:auto; overflow: hidden; margin-top: 30px;}
 
/* 捷亿达新闻动态 */
.newsList{width: 100%;height:auto; overflow: hidden; padding:0px 0px 60px 0px;}
.newsLTop{height:auto; overflow: hidden;text-align: center;}
.newsLTop div{ display: inline-table;}
.newsLTop div ul li{ float: left; height: 42px; line-height: 40px; font-size: 18px; color: #000; padding: 0px 15px; cursor: pointer; margin: 0px 10px;border: 1px #ccc solid;border-radius: 5px;}
.newsLTop div ul li a{ line-height: 40px; font-size: 18px; color: #000;}
.newsLTop div ul li.active{ background: #0c3c73; color: #fff;}
.newsLTop div ul li.active a{ background: #0c3c73; color: #fff;}
.newsLTop div ul li:hover{ background: #0c3c73;transition: all 0.2s;}
.newsLTop div ul li:hover a{ color: #fff;transition: all 0.2s;}

.newsLBot{margin-top:60px;}
.newsLBot ul li{width:100%; height:auto; overflow:hidden; border-bottom: 1px #d9d9d9 dashed; padding-bottom: 20px; margin-bottom: 20px;}
.newsLBot ul li p{ display:inline-block;width:100%; height:auto; overflow:hidden;}
.newsLBot ul li p span{ float: left; font-size: 18px; color: #000;}
.newsLBot ul li p font{ float: right; font-size: 16px; color: #5c5c5c;}
.newsLBot ul li div{width:100%; height:22px; overflow:hidden; font-size: 14px; color: #828282; line-height: 22px; margin-top:5px;}
.newsLBot ul li:hover p span{ color: #0c3c73; font-weight: bold;}
.newsLBot ul li:hover p font{ color: #000;}
.newsLBot ul li:hover div{ color: #333;}


/* 新闻动态列表 */
.newsDate{width: 100%;height:auto; overflow:hidden; padding:10px 0px 50px 0px;}
.newsDTop{height:auto; overflow:hidden; border-bottom: 1px #d9d9d9 dashed; padding-bottom:30px;}
.newsDTop h1{text-align: center; font-size: 36px; color: #000; font-weight: bold;}
.newsDTop div{ text-align: center; margin-top: 12px;}
.newsDTop div span{ font-size: 16px; color: #9a9a9a; margin: 0px 13px;}
.newsDCent{height:auto; overflow:hidden; margin-top: 40px;}
.newsDBot{height:auto; overflow:hidden; margin-top: 50px; border-top: 1px #d9d9d9 solid; padding-top: 25px;}
.newsDBot div span{ font-size: 18px; color: #656565;}
.newsDBot div a{font-size: 18px; color: #000;}
.newsDBot div a:hover{color: #b12222;}


/*视频专区*/
.picLTop.list_video ul li{
	width: 33%;
	margin-left: 3px;
}
.picLTop.list_video ul li a .pd1{
	width: 100%;
	height: 220px;
}
.picLTop.list_video ul li a .pd1 img{
	width: 100%;
	height: 100%;
}
.picLTop.list_video ul li a .pd2{
	height: 60px;
	display: flex;
    justify-content: center;
    align-items: center;
}