@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:14px "微软雅黑"; color:#555;  list-style:none;}
/*img { border:0; display: block; max-width: 100%;height:100%;}*/
a,textarea{ text-decoration:none; outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@font-face{font-family:"兰亭黑简";src:url(/views/new/css/fonts/兰亭黑简.TTF);font-style:normal;}
@font-face{font-family:"Impact";src:url(/views/new/css/fonts/Impact.ttf);font-style:normal;}

.left{ float: left;}
.right{ float: right;}

html {font-size: 62.5%;}


/* 内页 */
.ban1{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1-a{ width:100%; text-align:center;} 
.ban1 .ban1-a img{ width:100%;}

.lybn{width:100%; height:auto; overflow:hidden; }

/* 内页二级导航 */
.advg{width:100%; height:auto; margin: 0 auto; background: #fff; margin-bottom: 35px;border-bottom: 1px #bababa solid;}
.advgz{max-width: 1920px;margin: 0 auto; display: flex;justify-content:space-between;border-left: 1px #bababa solid;}
.advgz .aom1{ width: 100%; height: 7rem; text-align: center; border-right: 1px #bababa solid;position: relative;}
.advgz .aom1 a{ display: block;height: 7rem; line-height: 7rem; font-size: 18px; color: #343434;}
.advgz .aom1 div{ opacity: 0;display: block;width:100%; text-align: center; margin-top: 10px;-webkit-animation: iconMove .5s infinite alternate;animation: iconMove .5s infinite alternate;}
.advgz .aom1 div img{ margin: 0 auto;}
.advgz .aom1.on div{ opacity: 1;}
.advgz .aom1.on a{ color: #000;}
.advgz .aom1 i{display: block;width:0%; height: 1px; background: #bababa; position: absolute; top: 6.8rem; left: 50%;}
.advgz .aom1:hover i{ height: 3px; background: #0d4486; width:100%;transition: all 0.3s;left: 0%; }
.advgz .aom1.on i{ height: 3px; background: #0d4486; width:100%;transition: all 0.3s;left: 0%;}

@-webkit-keyframes iconMove {
    0% {margin-top: 10px;}
    to {margin-top: 6px;}
   }
@keyframes iconMove {
    0% {margin-top: 10px;}
    to {margin-top: 6px;}
}


/* 新闻资讯 */
.newsList{ width: 100%;height: auto; overflow: hidden; padding:2rem 5.5rem 3.5rem 5.5rem;}
.newLisTop{width: 100%;height: auto; overflow: hidden;}
.newLisTop ul li{width: 100%;height: auto; overflow: hidden; margin-top: 25px;}
.newLisTop ul li .on1{ float: left; width:109px; border: 1px #e5e5e5 solid; height: auto; overflow: hidden; position: relative;}
.newLisTop ul li .on1 div{ padding:18px 22px; position: relative; z-index: 3;}
.newLisTop ul li .on1 div p{ padding: 5px 0px;}
.newLisTop ul li .on1 div p span{ font-size: 24px; color: #c41002;}
.newLisTop ul li .on1 div p i{ display: inline-block; width: 37px; height: 1px; overflow: hidden; background: #0d4486;}
.newLisTop ul li .on1 div p font{ font-size: 16px; color: #b8b8b8;}
.newLisTop ul li .on1 .onb{ display: inline-block;width:100%; height: 100%; position: absolute; top: 0px;left: -110px;z-index:1;}
.newLisTop ul li .on2{ float: left; width:70%; margin-left:1.5%;}
.newLisTop ul li .on2 p a{ font-size: 24px; color: #333;}
.newLisTop ul li .on2 div{ font-size: 14px; color: #343434; margin-top: 15px; line-height: 26px;}
.newLisTop ul li .on3{ float: right; width:18.5%; overflow: hidden;}
.newLisTop ul li .on3 img{ width: 100%;}
.newLisTop ul li:hover .on1 .onb{left:0px;background: #0d4486;transition: all 0.3s;}
.newLisTop ul li:hover .on1 div p span{ color: #fff;}
.newLisTop ul li:hover .on1 div p i{ background: #fff;}
.newLisTop ul li:hover .on1 div p font{color: #fff;}
.newLisTop ul li:hover .on2 p a{color: #c41002;transition: all 0.3s;}
.newLisTop ul li:hover .on3 img{transform: scale(1.1);transition: all 0.3s;}

.courPag{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:40px; margin-bottom: 20px;}
.courPagz{display:inline-table;}
.courPagz .upper{ margin-right:30px; }
.courPagz .lower{ margin-left:30px; }
.courPagz a{float:left; display:inline-block; height:38px; width:38px; overflow:hidden; text-align:center; line-height:36px;border:1px #b9b9b9 solid; margin:0px 9px; background:#fdfdfd; font-size:14px; border-radius:38px; position: relative;}
.courPagz a img{ position: absolute; left: 0px; top: 0px; height: 38px; width:76px; max-width: 76px;}
.courPagz a:hover img{ left:-38px;}
.courPagz span{float:left; display:inline-block; height:38px; width:38px; overflow:hidden; text-align:center; line-height:36px; margin:0px 5px; font-size:14px; color:#666; }
.courPagz a.on{background:#0d4486; border:1px #0d4486 solid; color:#fff;}
.courPagz a:hover{background:#0d4486; border:1px #0d4486 solid; color:#fff;transition: all 0.2s;}
.courPagz a.on:hover{background:#0d4486; border:1px #0d4486 solid; color:#fff;}


.middled{ max-width: 1920px; margin: 0 auto;}



/* 关于尊龙凯时--皓元简介 */
.aboutUs{height: auto; overflow: hidden; padding:3.5rem 5.5rem;}
.abtUTop{width:100%;height:auto;overflow: hidden;}
.abtUTop1{ float: left;}
.abtUTop1 span{ display: block; height: 40px; line-height: 32px; font-size: 36px; color: #0d4486; font-weight: bold; float: left;}
.abtUTop1 font{float: left; margin-top:21px; font-size: 14px; line-height: 16px; color: #b7b7b7; margin-left: 10px; text-transform: uppercase;}
.crumbs{float: right; margin-top: 5px;}
.crumbs a{ float: left; font-size: 16px; color: #999;}
.crumbs span{ float: left; font-size: 16px; color: #999; margin: 0px 8px;}
.crumbs font{ float: left; font-size: 16px; color: #999;}
.crumbs a.onb1{ padding-left: 25px; background: url(/views/new/images/fz.png) left center no-repeat;}
.crumbs a:hover{ color: #0d4486;}
.abtUCent{width:100%;height:auto;overflow: hidden; margin-top:45px;}
.abtUCent h1{ font-size: 30px; color: #000; font-weight: bold;}
.abtUCent div{ margin-top: 15px; line-height: 32px; font-size: 18px; color: #585858; display: block;}
.abtUBot{width:100%;height:auto; text-align: center; margin-top: 80px;}
.abtUBot ul{display: flex;justify-content: space-between;}
.abtUBot ul li{ float:left; width:100%; height:auto; overflow:hidden; border-left: 1px #b6b6b6 solid;}
.abtUBot ul li .on2a{width:100%;height:auto; overflow:hidden; margin-bottom:12px;}
.abtUBot ul li .on2a div{ display:inline-table;}
.abtUBot ul li .on2a div span{  font-size:66px; color:#000; font-family:"Impact"; float:left; line-height:60px;}
.abtUBot ul li .on2a div font{ font-size:66px; color:#000; font-family:"Impact"; float:left;line-height:60px;}
.abtUBot ul li p{ margin-top:3px;}
.abtUBot ul li p span{ font-size:16px; color:#666;}
.abtUBot ul li:nth-of-type(4n-3){border-left:0px;}

.abtUCha{width:100%;height:auto; overflow: hidden; text-align: center; margin-top:70px;}
.abtUCha ul li{ float: left; width: 32%;height:auto; overflow:hidden; margin-right:  1%;margin-bottom: 5px}
.abtUCha ul li:nth-of-type(1){ /*margin-left: 0%;*/}
.abtUCha ul li:nth-child(3n){margin-left: 0}


/* 关于尊龙凯时--工厂资质 */
.factory{width:100%;height:auto; overflow: hidden; margin-top: 40px;}
.factory ul li{ float: left; width: 23.5%;height:auto; overflow: hidden; margin-left: 2%; margin-bottom:30px;}
.factory ul li div{ width: 100%; height: auto; overflow: hidden;}
.factory ul li div img{ max-width: 100%; margin: 0 auto;}
.factory ul li p{ font-size: 18px; color: #343434; text-align: center; margin-top:15px;}
.factory ul li:nth-of-type(4n-3){ margin-left: 0%;}

.courPag{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:40px; margin-bottom: 20px;}
.courPagz{display:inline-table;}
.courPagz .upper{ margin-right:30px; }
.courPagz .lower{ margin-left:30px; }
.courPagz a{float:left; display:inline-block; height:38px; width:70px; overflow:hidden; text-align:center; line-height:36px;border:1px #b9b9b9 solid; margin:0px 9px; background:#fdfdfd; font-size:14px; border-radius:38px; position: relative;}
.courPagz a img{ position: absolute; left: 0px; top: 0px; height: 38px; width:76px; max-width: 76px;}
.courPagz a:hover img{ left:-38px;}
.courPagz span{float:left; display:inline-block; height:38px; width:38px; overflow:hidden; text-align:center; line-height:36px; margin:0px 5px; font-size:14px; color:#666; }
.courPagz a.on{background:#0d4486; border:1px #0d4486 solid; color:#fff;}
.courPagz a:hover{background:#0d4486; border:1px #0d4486 solid; color:#fff;transition: all 0.2s;}
.courPagz a.on:hover{background:#0d4486; border:1px #0d4486 solid; color:#fff;}

/* 企业文化 */
.culture{width:100%;height:auto; overflow: hidden; margin-top: 45px;}
.cultLef{width:49%;}
.cultLef p span{font-size: 19px; color: #343434; /*font-weight: bold;*/}
.cultRig{width:49%;}





/* 联系尊龙凯时 */
.contactUs{height: auto; overflow: hidden; padding:7rem 5.5rem 9rem 5.5rem;}
.contUsTop{width: 100%;height: auto;max-width: 1920px;margin: 0 auto;overflow: hidden; border-bottom: 1px #e9e9e9 solid; padding-bottom: 50px;}
.contTopLef{ float: left;}
.contTopRig{ float: right; width: 36%;}
.contTopRig .conTop1{width: 100%;height: auto; overflow: hidden; line-height:26px; font-size: 16px; color: #333; padding-top: 15px;}
.contUsCent.middle{width: 100%;height: auto;max-width: 1920px;margin: 0 auto;overflow: hidden; margin-top: 50px;}
.contCentLef{ float: left;height: auto; overflow: hidden;}
.contCentLef h1{ font-size: 34px; color: #343434; font-weight: bold;}
.contCentLef dl{height: auto; overflow: hidden; margin-top: 15px;}
.contCentLef dl dt{height: auto; overflow: hidden; margin-top: 15px;}
.contCentLef dl dt i{ float: left;}
.contCentLef dl dt span{float: left; margin-left: 10px; font-size: 18px; color: #333; line-height: 22px;}
.contCentRig{ float: right;height: auto; overflow: hidden;}

.contUsBot.middle{width: 100%;height: auto;max-width: 1920px;margin: 0 auto;overflow: hidden; margin-top:65px;}
.contCentLef{ float: left;height: auto; overflow: hidden;}
.contCentRig{ float: right;height: auto; overflow: hidden;}
.contCRig1{ float: left;height: auto; overflow: hidden; text-align: right; margin-top:35px;}
.contCRig1 p{ margin-top: 12px;}
.contCRig1 p span{ font-size: 24px; color: #343434;}
.contCRig1 p font{ font-size: 18px; color: #333;}
.contCRig2{ float: right; border: 1px #e9e9e9 solid; width: 158px; margin-left: 25px;}
.contCRig2 img{ width: 100%;}




































