
/*图片*/
.divHonorShow {width:100%; padding:0 0;}
.divHonorShow dl{float:left;width:287px;margin:0px 29px 20px 0;}
.divHonorShow dl:nth-child(3n){margin-right: 0}
.divHonorShow dt { width:285px;height:230px;border:1px solid #CCCCCC;overflow:hidden;display: flex; justify-content: center; align-items: center;}
.divHonorShow dt img {padding:5px;transition:0.5s;}
.divHonorShow dt img:hover {transform:scale(1.1,1.1);}
.divHonorShow dd {text-align:center;line-height:40px;}
.divHonorShow a:link,.divHonorShow a:visited {color:#666666;font-size:14px;}
.divHonorShow a:hover,.divHonorShow a:active {color:#c70000;font-size:14px;}

.divcaseTd {width:100%; padding:40px 0;text-align: center;}
.divcaseTd img {max-width:99%;height:auto !important;}
.divcaseTd table {width:99% !important;word-break:break-all;}
@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_bvxh73ug9ek.eot');
  src: url('../font/font_1298696_bvxh73ug9ek.eot') format('embedded-opentype'),
  url('../font/font_1298696_bvxh73ug9ek.woff2') format('woff2'),
  url('../font/font_1298696_bvxh73ug9ek.woff') format('woff'),
  url('../font/font_1298696_bvxh73ug9ek.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1298696_bvxh73ug9ek.svg') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*产品*/
.proContent {clear:both;padding:0px;}
.proList {padding-left:0px;}
.proList li {float:left; margin:0px 20px 30px 0px;width:286px;height:260px;background:#F6F6F6;}
.proList li:nth-child(3n) {margin-right:0;}
.proList li a {display:block;width:286px;height:260px;position:relative;}
.proList li .Imag{width:286px;height:215px;line-height: 215px;border-bottom: 1px #eee solid; text-align: center;}
.proList li .Imag img{width:286px;height:215px;}
.proList li p {padding:0 20px;width:246px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#555555;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.proList li .proHover {position:absolute;display:flex;justify-content:center;align-items:center;left:1px;top:1px;width:284px;height:213px;opacity:0;background:rgba(0,0,0,0);-webkit-transform:rotateX(180deg) scale(0.5,0.5);transform:rotateX(180deg) scale(0.2,0.2);transition:all ease-out .5s;}
.proList li .proHover i {font-size:45px;color:#FFFFFF;}
.proList li:hover {transition:0.5s;background:#0d2353;}
.proList li:hover p {transition:0.5s;color:#FFFFF0;}
.proList li:hover .proHover {opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0deg) scale(1,1);transform:rotateX(0deg) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,0.3);}
/*产品详情*/
.details_1_4 {display: block; clear:both;padding-left:5px;padding-top:40px;color:#333;font-weight: 700; font-size:18px;line-height:40px;}
.details_1_4 i{color:#0d2353; font-weight: 300;}
.details_1_5 {float:left;width:96%;border-top:1px solid #ccc;padding:15px 2%;background-color:#FFFFFF; line-height:30px; font-size: 14px;}
.details_1_5 img {max-width:99%;height:auto !important;}
.details_1_7 {float:left;width:100%;margin:10px 0px 10px 0px;}
.details_1_7_1 {float:left;width:100%;padding-left:5px;padding-top:10px;color:#333;border-bottom:1px solid #ccc; font-size:18px;
	line-height:40px;font-weight: 700;}
.details_1_7_1 i{color:#0d2353; font-weight: 300;}

#LPdemo {width:100%;overflow:hidden;border:0px solid #666666;padding:10px 0px 0px 0px;margin-left:0px;}
#LPdemo img {text-align:center;padding:0px;overflow:hidden;}
#LPindemo {float:left;width:1000%;}
#LPdemo1 {float:left;}
#LPdemo2 {float:left;}
.details_1_8 {float:left;width:100%;height:220px;overflow:hidden;}
.details_1_8 dl {float:left;width:252px;margin:0px 15px 0px 0px; text-align:center;}
.details_1_8 dt {float:left;width:250px;height:180px;border:1px solid #CCCCCC;display: flex;justify-content:center; align-items:center;}
.details_1_8 dt img {/*width:240px;border:0;*/}
.details_1_8 dd {display: block;line-height:30px;}

/*共用详情 上一页下一页*/
.details_revn {width:98%;padding:0px 1%;overflow:hidden;line-height:52px;font-size:15px;color:#666666;background:#f1f1f1;margin:20px auto;}
.details_revn p {color:#666666;float:left; width:50%;}
.details_revn p:nth-child(2){float:right;text-align: right;}
.details_revn p strong { color:#0d2353;}
.details_revn a:link,.details_revn a:visited {color:#666666;}

/*在线留言*/
.con_feed{width:100%; padding:20px 0 50px;}
.con_feed_title{color: #333; font-size: 40px; line-height: 50px; text-align: center;padding:0px 0 40px 0;}
.con_feed_1{width:500px;float:left;height:350px;padding:80px;margin:10px 0px 0px 50px; background:#f7f7f7;}
.con_feed_1_1{width:100%;float:left;text-align:center;margin-top:15px;}
.con_feed_1_1 p{width:270px;display:inline-block;font-size:30px;color:#333;line-height:50px;background:#fff;font-weight:bold;}
.con_feed_1_2 {width:100%;float:left;font-size:14px;line-height:25px;color:#575757;margin-top:55px;}
.feedback_1_3{width:100%;float:left;padding-top:30px;}
.feedback_1_3 p{font-size:16px;color:#575757;line-height:50px;text-transform: uppercase;}
.con_feed_2{width:570px;float:right; padding-right:20px;}
.index_content{width:100%;float:left;}
.left_content{width:250px;float:left;}
.feed_1{width:100%;float:left;}
.feed_1 span{font-size:16px;color:#333;padding:0px 5px 0px 0px;line-height:1.5;}
.feed_1 p{width:100%;float:left;margin:8px 0px;}
.feed_in {width:78%;height:38px;line-height:38px;border:1px solid #999999;}
.button_submit33 {color:#fff;font-weight:normal;cursor:pointer;height:40px;width:78%;font-weight:bold;background:#333;border:0px solid #999999;border-radius:5px;font-size:16px;}
.button_submit33:hover{background:#000;}
/*news*/
.zx_top {clear:both;text-align:center;border-bottom:1px dashed #D4D4D1;padding:10px 0px 5px 0px;}
.zx_top h2 {font-size:20px;font-weight:bold;padding:0px 10px 0px 10px;line-height:40px;}
.zx_top p {margin:10px auto;color:#333333;}
.zx_top p span {margin-right:20px;}

.zx_txt {color:#666666;padding:20px 10px 10px 10px;line-height:28px;font-size:14px;}
.zx_txt img {max-width:99%;height:auto !important;}
.news_con {width:100%;}
.news_con dl {display: block; padding:20px;height:200px;border-bottom:1px solid #EAEAEA;}
.news_con dt {float:left;width:180px;height:135px;}
.news_con dt img{width:100%; height:100%;}
.news_con dd {float:right; width:660px;height:135px;}
.news_con dd > strong {width:100%;height:30px;line-height:30px;font-size:16px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con dd > span {display:block; height:30px;line-height:30px;font-size:12px;color:#999999;}
.news_con dd > p {display:block;height:50px;line-height:25px;font-size:14px;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con dd > em {display:block; height:25px;line-height:25px;font-size:14px;color:#999999;}
.news_con dl:hover {transition:0.3s;box-shadow:0 0 15px rgba(0,0,0,0.2);}
.news_con dl:hover dd strong {transition:0.3s;color:#0d2353;}
.news_con dl:hover dd em {transition:0.3s;color:#0d2353;}
/*分页*/
.pagesDiv {padding-top:25px;text-align:center;}
.pagination a {display:inline-block;margin:5px;padding:5px 12px;border:1px solid #ccc;line-height:24px;font-size:15px;color:#666;text-decoration:none;cursor:pointer;transition:0.5s;}
.pagination span {display:inline-block;margin:5px;padding:5px 12px;border:1px solid #0d2353;line-height:24px;font-size:15px;background-color:#0d2353;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.pagination a:hover {transition:0.5s;border-color:#0d2353;background-color:#0d2353;color:#FFFFFF;}

/* SiteMap */
.sitemap {width:1100px;margin:0 auto;line-height:6px;background:#FFFFFF;}
.sitemap_1 {line-height:20px;padding-top:20px;}
.sitemap_1 span {font-size:16px;font-weight:bold;padding-left:5px;}
.sitemap_1 hr {width:100%;border:0;border-bottom:1px solid #666666;color:#333333;height:1px;}
.sitemap_3 {margin-top:10px;}
.sitemap_3 ul {padding:0px 0px 20px 10px;color:#062851;}
.sitemap_3 ul li {font-size:13px;line-height:21px;padding-left:10px;background:url('../image/dot.gif') no-repeat left center;}
.sitemap_3 ul li em {padding-right:10px;}
.sitemap_3 ul li a:link,.sitemap_3 ul li a:visited {color:#666666;font-size:12px;text-decoration:none;}
.sitemap_3 ul li a:hover,.sitemap_3 ul li a:active {color:#FF0000;font-size:12px;text-decoration:underline;}
.sobtitle {margin-bottom:20px;padding:20px 0;height:30px;line-height:5px;border-bottom:1px solid #F1F1F1;position:relative;}
.sobtitle::after {position:absolute; content: '\e690'; font-family: 'iconfont';left:0; top:20px; font-size:32px;color:#0d2353;}
.sobtitle p {display:inline-block;height:30px;line-height:0px;font-size:14px;color:#333333;padding-left:35px;}
.sobtitle p a {font-size:14px;color:#333333;}

.left {float:left;width:100%;padding-bottom:5px;padding-top:0px;}
.left_1 {float:left;width:100%;background:#0d2353;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;font-weight: 700;}
.left_a1{float:left;width:100%;background:#0d2353;height:90px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:26px;font-weight: 700;}
.left_a1 a{color:#fff;}
.left_2 {float:left;width:245px;padding:0px 0px 0px 0px;border:1px solid #e8e8e8;border-bottom:8px solid #EAEAEA;box-sizing: border-box;}

.left_3 {float:left;width:245px;padding:5px 0px 10px 0px;border:1px solid #e8e8e8;box-sizing: border-box;}
.left_3 dl {float:left;width:113px; margin:5px 4px;text-align: center;}
.left_3 dt {overflow:hidden;border:1px #eee solid; width:100px; height:80px; padding:0 5px;}
.left_3 dd {display: block; line-height:22px;}
.left_3 ul {padding:0px 0px 0px 10px;}
.left_3 ul li {padding-left:8px;background:url('../image/dot.gif') no-repeat left center;line-height:24px;}

.Company {clear:both;padding:10px 10px 10px 10px;line-height:28px;color:#666666;font-size:14px;}
.Company p {line-height:28px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

#masterdiv {float:left;margin-top:0px;}
.menudiv   {float:left;margin-top:0px;}
.menutitle {width:243px;box-sizing: border-box;text-align:left;height:50px;line-height:50px;color:#333;cursor:pointer;font-size:15px;display:block;
	overflow:hidden;border-bottom: 1px #e8e8e8 solid; position: relative;}
.menutitle:hover{background:#0d2353;transition: all 0.5s;}
.menutitle::after{position: absolute; content:'\e679';color:#0d2353; right:10px; font-family:'iconfont';font-size:20px;}
.menutitle:hover::after{color:#fff;content:'\e7d1';}
.menutitle a:link,.menutitle a:visited {float:left;width:190px; color:#333;font-size:15px;text-decoration:none;padding-left:20px;}      
.menutitle:hover a,.menutitle:active a{color:#fff;font-size:15px;text-decoration:none;}

.menutitleSub{ width:243px;box-sizing: border-box;text-align:left;height:50px;line-height:50px;color:#fff;cursor:pointer;font-size:15px;display:block;
	overflow:hidden;background:#0d2353;position: relative;}
.menutitleSub a,.menutitleSub a:visited {float:left;width:190px; color:#fff;font-size:15px;text-decoration:none;padding-left:20px;}
.menutitleSub::after{position: absolute; color:#fff;content:'\e7d1'; right:10px; font-family:'iconfont';font-size:20px;}

.submenu {width:243px;color:#135294;display:block;font-size:14px;padding:0px 0 0 0px;overflow:hidden;background:#f1f1f1;}
.submenu li.checkstyle {position: relative; line-height:40px;height:40px;overflow:hidden;}
.submenu li.checkstyle a,.submenu li.checkstyle a:visited {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;padding-left:35px;}
.submenu li.checkstyle:hover a {color:#0d2353;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyle::after{position: absolute; content: '\e62c';font-family:'iconfont'; left:18px;top:0; font-size:12px;color:#333;}
.submenu li.checkstyle:hover::after{color:#0d2353;}

.submenu li.checkstyleSel {position: relative; line-height:40px;height:40px;overflow:hidden;}
.submenu li.checkstyleSel a,.submenu li.checkstyleSel a:visited {color:#0d2353;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel a:hover {color:#FF0000;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel::after{position: absolute; content: '\e62c';font-family:'iconfont';top:0; left:18px;}

.submenu li.checkThird {padding-left:32px;line-height:22px;height:22px;border-bottom:0px #857156 solid;overflow:hidden;background:url('../image/ico10-1.gif') no-repeat 23px center;}
.submenu li.checkThird a,.submenu li.checkThird a:visited {color:#666666;text-decoration:none;font-size:12px;font-weight:normal;}
.submenu li.checkThird a:hover {color:Red;text-decoration:none;font-size:12px;font-weight:normal;}

.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon,.w1200 {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.topCon100ne {width:100%;margin:0 auto;line-height:20px;background:url(../image/banner.jpg) no-repeat center 0;height: 400px;}
.indexTop  {width:100%;margin:0 auto;line-height:20px;}
.indexLeft {float:left;width:245px;line-height:20px;}
.indexLeft1 {float:left;width:245px;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:50px 0px 0px 0px;}
.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexRight  {float:right;width:920px;}
.indexRight1 {float:right;width:920px;line-height:20px;padding:5px 0px 0px 0px;}
.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}


/*先*/
.yzbj{ background:url("../image/we_bj.jpg") no-repeat center;}
.yz{height:424px;padding-top:87px;}
.yz h3{text-align: center;font-size: 36px; font-weight: bold; color:#222222;line-height:50px;}
.yz h3 i{display: block;font-size: 18px;  font-weight: normal;color:#FFF;text-transform: uppercase; margin-top:12px; background:url("../image/bt1.png") no-repeat center;height:27px;font-size: 12px;line-height: 27px;}
.yz dl{width:592px; height:210px;float:left; background:url("../image/kk.png") no-repeat left; padding:22px 0 19px 21px;margin-top:50px;}
.yz dl dt{width:210px; height:38px; }
.yz dl dt img{}
.yz dl dd{margin-top:10px;}
.yz dl dd em{display: block; font-size: 16px; color:#555555; line-height: 30px;}
.yz .wry{width:553px; height:211px;float:right;margin-top:24px;}
.yz .wry h4{text-align: center; font-size: 22px; color:#222222; font-weight: normal;}
.yz .wry ul{height:175px;margin-top:9px;}
.yz .wry ul li{width:150px; height:150px; background:#f1f1f1; float:left; margin-top:15px; border-radius: 50%;  }
.yz .wry ul li span{display: block;width:117px; height:117px;margin:15px auto 0;border-radius: 50%;padding-top:80px;}
.yz .wry ul li.wr1 span{background:#FFF url("../image/wr1.png") no-repeat center 29%;text-align: center;}
.yz .wry ul li.wr2{width:175px; height:175px; margin:0 36px;}
.yz .wry ul li.wr2 span{width:136px; height:136px;line-height:56px;margin-top:20px; background: #fff url(../image/wr2.png) no-repeat center 80%;text-align: center;padding-top:0;padding-bottom:80px;}

.yz .wry ul li.wr2 span i{font-size:17px;color:#666;background:url("../image/hg.jpg") no-repeat bottom center;height:44px;padding-top:5px;line-height: 48px;}
.yz .wry ul li.wr3 span{background:#FFF url("../image/wr3.png") no-repeat center 29%;text-align: center;}
.yz .wry ul li span i{display: block; font-size: 15px; }
/*tit*/
.t{text-align: center;}
.t p{font-size:40px;color: #000;line-height:40px;font-weight: bold;position: relative;}
.t p:before{content:"";position: absolute;top:18px;margin-left: -36px; background:url(../image/20210925161758_994776095.png);width:16px;height:16px;}
.t p:after{content:"";position: absolute;top:18px;margin-left:36px; background:url(../image/20210925161841_1256024470.png);width:16px;height:16px;}
.t p>b{color: #c62b91;}
.t span{display:inline-block;font-size:18px;margin-top: 10px;position: relative;z-index: 2;}
.t span:after{content: '';display: block;position: absolute;width: 100%;height: 6px;z-index: -1;background: #d4dcd9;left: 0;bottom: 2px;-webkit-animation: widthchange 2s linear infinite;animation: widthchange 2s linear infinite;}
@-webkit-keyframes widthchange{0%{ width:20%}50%{ width:100%}100%{ width:20%}}
@keyframes widthchange{0%{ width:20%}50%{ width:100%}100%{ width:20%}}
/* case */
.case{padding: 60px 0;}
.case .title:after{content: '';display: inline-block;width: 38px;height: 2px;background: #0d2353;}
.casecenter{margin: 50px 0;}
.casebottom{font-size: 0;text-align: center;}
.casetel{font-size: 16px;color: #222222;font-weight: lighter;padding-left: 36px;background: url(../image/20211015194402_113711117.png) no-repeat left 25px;margin-right: 20px;}
.casetel em{font-size: 40px;color: #0d2353;font-family: fontDin1;     width: 320px; float: left;     font-weight: normal;}
.casetel b {line-height: 70px; font-weight: normal;  float: left;}

.casebottom p{display: inline-block;vertical-align: middle;}
.casebtn a{ display: inline-block;width: 227px;line-height: 50px;border-radius: 25px;background: #0d2353;font-size: 16px;color: #fff;font-weight: lighter;transition: all .3s ease;margin-top:10px;}
.casebtn a:hover{background: #ff7403;}
.caseleft{font-size: 0;width: 480px;}
.caseleft li{width: 230px;height: 185px;position: relative;cursor: pointer;background: #f2f6f2;display: inline-block;margin: 0 10px 10px 0; text-align: center;font-size: 22px;color: #333333; transition: all .3s ease;}
.caseicon{ position: relative;margin: 30px 0 10px 0;display: inline-block;width: 60px;height: 60px;border-radius: 50%;background: #0d2353;transition: all .3s ease;}
.caseleft li em{display: block;font-size: 14px;color: #9e9e9e; text-transform: uppercase;margin-top: 3px;transition: all .3s ease;}
.caseicon span{transition: all .3s ease;display: block;top: 0;bottom: 0;left: 0;right: 0;margin: auto;position: absolute;width: 28px;height: 30px;background: url(../image/20211015195943_880556904.png) no-repeat left -60px;}
.caseleft li:nth-child(2) .caseicon span{background-position-x:-42px;width: 36px;height: 36px; }
.caseleft li:nth-child(3) .caseicon span{background-position-x:-99px;width: 30px;height: 27px; }
.caseleft li:nth-child(4) .caseicon span{background-position-x:-139px;width: 36px;height: 29px; }
.caseleft li:nth-child(5) .caseicon span{background-position-x:-196px;width: 30px;height: 28px; }
.caseleft li:nth-child(6) .caseicon span{background-position-x:-252px;width: 30px;height: 30px; }
.caseleft li.on,.caseleft li.on em{color: #fff;}
.caseleft li.on{background: #0d2353;}
.caseleft li.on .caseicon{background: #fff;}
.caseleft li.on .caseicon span{background-position-y:0;}
.casecon .divdgweb_new_div .divdgweb_new_div_item{ width:920px; height:575px; overflow:hidden; position:relative; display: inline-block;vertical-align: top;}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{box-sizing: border-box;height: 130px;  width: 100%; position: absolute; left: 0;bottom: 0; overflow: hidden;background: rgba(0,0,0,.7);padding: 25px 40px; transition: all .3s ease;} 
.casecon .divdgweb_new_div_item_a{font-size: 25px; color: #fff;font-weight: lighter;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body{ font-size: 14px; color: #fff;font-weight: lighter; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 8px;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a{font-size: 14px; color: #fff;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body a:hover{color: #ff7403;}


@font-face {
 font-family:fontDin1;
 src: url(http://www.dgtianmeihb.com/cssnew/DIN-MEDIUM_otf.txt),url(http://www.dgtianmeihb.com/cssnew/DIN-MEDIUM_woff.txt),url(http://www.dgtianmeihb.com/cssnew/DIN-MEDIUM_eot.txt),url(http://www.dgtianmeihb.com/cssnew/DIN-MEDIUM_woff2.txt),url(http://www.dgtianmeihb.com/cssnew/DIN-MEDIUM_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #0d2353;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1400{ width:1400px;margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.hovermaincolor a:hover{ color:#0d2353;}
/*抬头*/
.htop{ border-bottom:1px solid #eee;}
.htop .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:39px;}
.htop,.htop a{ font-size:13px; color:#aaa; font-weight:lighter;}
.htop a i{ padding-right:15px;}
.htop a+a{ display:inline-block; margin-left:0px;}
.hsecond{ height:170px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft,.htel{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hleft p{ margin-left:25px;}
.hline{ width:1px; height:64px; background:#0d2353;}
.hmean{ font-size:16px; color:#0d2353; font-weight:lighter;}
.hmean b{ display:block; font-size:25px; color:#0d2353; margin-bottom:3px;}
.htel{ padding-left:52px; font-size:18px; color:#0d2353; font-weight:lighter; background:url(../image/20210130163952_806371171.png) no-repeat left center;}
.htel em{ font-size:33px; color:#0d2353; font-family:fontDin1;line-height: 36px;}
/*导航*/
.nav{ background:#0d2353; margin:1px 0; text-align:center;}
.nav>ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.nav>ul>li:after,.nav>ul>li:first-child:before{ content:''; position:absolute; right:0; top:0; bottom:0; margin: auto 0; height:11px; width:0; border-left:1px dotted #66aae2;}
.nav>ul>li:first-child:before{ right:inherit; left:0;}
.nav>ul>li{ width:10%; position:relative;}
.nav>ul>li:hover>a,.nav>ul>li.cur>a{ background:#29b84f;}
.nav>ul>li>a{ display:block; line-height:70px; font-size:15px; color:#ffffff; font-weight:lighter; transition:all .3s ease;}
.nav>ul>li .dropmenu{width:100%;position:absolute;top:100%;left:0;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 15px;display:block;line-height:45px;text-align:center;color:#fff;background:rgba(16,33,87,.8);transition:600ms ease; margin-top:1px;}
.nav>ul>li .dropmenu a:hover{background:#29b84f;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block; width:100%;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f1f1f1;}
.banner-box{ min-width:1300px; height:538px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:538px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:180px; left: 0; margin-left: 0; height: 320px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../image/20201225153227_518950701.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../image/20201225153227_518950701.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0d2353;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ background:#f5f5f5; margin-bottom:10px; box-shadow:0 0 10px #ccc;}
.search .w1400{ height:80px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword,.keyword a{ font-size:16px; color:#484848;}
.keyword span{color:#0d2353;}
.search_bg{ width:260px; padding:0 20px; background:#eaeaea;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.search_bg input{ background:none; border:none;}
#infoname{ height:50px; width:200px;}
/*二坤 · 热销产品*/
.product{ padding:55px 0 60px 0;}
.protitle{ text-align:center; position:relative;}
.protitle em{ position:absolute; left:0; right:0; margin:0 auto; top:0; font-size:72px; color:#f5f5f5; line-height:60px; text-transform:uppercase; font-family:impact; z-index:-1;}
.protitle b{ font-size:42px; color:#222222; line-height:60px;}
.protitle b i{ color:#0d2353;}
.protitle span{ display:block; font-size:18px; color:#999999; font-weight:lighter; margin:10px 0 20px 0;}
.protitle:after{ content:''; display:inline-block; width:60px; height:1px; background:#222222;}
.protab{ margin:30px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.protab li{float:left;}
.protab a{ display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; width:25%; height:121px; text-align:center; border:1px solid #e3e3e3; transition:all .3s ease; font-size:16px; color:#888888; font-weight:lighter;}
.protab a+a{ border-left:none;}
.protab a span{ display:block; margin-top:10px;}
.protab a i{ display:inline-block; width:32px; height:30px; background:url(../image/20201225171027_1965180028.png) no-repeat left top; transition:all .3s ease;}
.protab a:hover{ background:#0d2353; border-color:#0d2353; color:#fff;}
.protab a:hover i{ background-position-x:right;}
.protab a.on{ color:#fff; background:#0d2353;}
.protab a.on i{ background-position-x:right;}

.product_bg_c ul{position:relative; height:700px; font-weight:lighter;}

.proshow tr{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.proshow tr+tr{ margin-top:20px;}
.proshow td{ width:264px; padding:0 !important;}
.proshow td a,.proshow td span{ display:block; overflow:hidden; position:relative;}
.proshow td>a{ border:1px solid #e3e3e3;}
.proshow td>a:after,.proshow td>a:before{ content:''; display:block; position:absolute; transition:all .3s ease;}
.proshow td>a:after{ width:100%; height:100%; background:rgba(0,0,0,.8); top:0; left:0; opacity:0;}
.proshow td>a:before{ top:0; bottom:0; right:0; left:0; margin:auto; width:52px; height:52px; background:url(../image/20201225175059_1747006340.png) no-repeat center; transform:scale(0); z-index:3;} 
.proshow td:hover>a:after{ opacity:1;}
.proshow td:hover>a:before{ transform:scale(1);}
.proshow td>a img{ width:100%; height:auto;}
.proshow td br{ display:none;}
.proshow td span{ margin-top:10px; height:130px; background:#f3f3f3; padding:30px 0;transition:all .3s ease;}
.proshow td span a{ font-size:16px; color:#666666; font-weight:lighter;transition:all .3s ease;}
.proshow td span .promore{ display:inline-block; margin-top:15px; width:170px; line-height:30px; border-radius:15px; background:#e5e5e5; font-size:14px; color:#888888; font-weight:lighter; transition:all .3s ease;}
.proshow td:hover span{ background:#0d2353;}
.proshow td:hover span a{ color:#fff;}
.proshow td:hover span .promore{ background:#29b84f; color:#fff;}
/*二坤油雾收集器五大特性*/
.trait{ padding:70px 0 80px 0; background:#f5f5f5;}
.tratitl{ text-align:center; font-size:18px; color:#999999; font-weight:lighter;}
.tratitl b{ display:block; font-size:42px; color:#222222; margin-bottom:10px;}
.tratitl b i{color:#0d2353;}
.tratitl b em{ display:inline-block; vertical-align:middle; margin:0 18px; width:98px; height:1px; background:#dddddd;}
.trait ul{ height:553px; margin-top:45px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.trait ul li{ width:25%; background:#fff;transition:all .3s ease; position:relative;}
.traicon{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; height:113px; background:#222222;border-left:1px solid #383838; transition:all .3s ease;}
.tracen{ height:364px; border:1px solid #e5e5e5; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; padding:0 45px; transition:all .3s ease;}
.trait ul li+li .tracen{ border-left:none;}
.trait ul li.on+li .tracen{border-left:1px solid #e5e5e5;}
.tranum{ text-align:center; font-size:48px; color:#484848; font-family:fontDin1;}
.trawa { font-size:16px; color:#aaaaaa; font-weight:lighter; line-height:33px;}
.trawa span{ font-size:30px; color:#484848; text-align:center; display:block; margin:15px 0 20px 0;}
.trawa:after{ content:''; display:block; width:16px; height:14px; margin:30px auto 0 auto; background:url(../image/20201226085346_1776225978.png) no-repeat center;}
.trabtn{text-align:center; position:absolute; width:100%; opacity:0; left:0; bottom:50px; transform:scale(0); transition:all .3s ease;}
.trabtn a{ display:inline-block; width:109px; line-height:40px; background:#0d2353; font-size:18px; color:#fff; font-weight:lighter; transition:all .3s ease;}
.trait ul li.on{ transform:translateY(-20px);}

.trait ul li.on .trawa{ margin-bottom:70px;}
.trait ul li.on .traicon{ background:#0d2353; border-left:none; height:133px;}
.trait ul li.on .tracen{ border:none; box-shadow:0 0 15px rgba(0,0,0,.1); height:440px;}
.trait ul li.on .trabtn{ opacity:1; transform:scale(1);}
.trabtn a:Hover{ background:#29b84f;}
/*选择二坤五金的四大优势*/
.adv{ height:957px; background:url(../image/20201226102031_919526281.jpg) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.advtitle{ font-size:42px; color:#fff; text-align:center;}
.advtitle span{ display:block; margin:10px 0 20px 0; font-size:18px; font-weight:lighter;}
.advtitle:after{ content:''; display:inline-block; height:1px; background:#fff; width:60px;}
.advcon{ margin-top:40px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab{ width:250px; margin-right:1px;}
.advtab li{ height:160px; background:#e8f2fa; text-align:center; padding:30px 0; cursor:pointer; position:relative;}
.advtab li+li{ margin-top:1px;}
.advicon{ width:50px; height:48px; display:inline-block; background:url(../image/20201226102031_1661009458.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-65px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-130px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-218px;}
.advtab li .advtab_t{ font-size:25px; color:#484848; transition:all .3s ease;}
.advtab li .advtab_t em{ display:block; font-size:16px; font-weight:lighter; color:#999999; text-transform:uppercase; transition:all .3s ease;}
.advtab li:after{ content:''; display:block; position:absolute; width:0; height:100%; background:#29b84f; top:0; left:0; transition:all .3s ease;}
.advtab li:nth-child(2n):after{ left:auto; right:0;}
.advtab li.on:after{ width:100%;}
.advtab li p{ position:relative; z-index:9;}
.advtab li.on .advtab_t{ color:#fff;}
.advtab li.on .advtab_t em{color:#fff;}
.advtab li.on .advicon{ background-position-y:-69px;}
.advcen{width:1410px; margin-right:-260px; height:643px; background:#e7f1f9;}
.advcen ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advleft{ width:552px; padding:45px; background:#e7f1f9; height:643px;}
.adv_t em{ font-size:60px; color:#222222; font-weight:bold;}
.adv_t span{ display:block; font-size:30px; margin-bottom:30px;}
.adv_t i{ display:inline-block; width:1px; height:52px; margin-left:5px; background:#000000;}
.advwa{ font-size:16px; color:#999999; line-height:40px; font-weight:lighter; padding-left:30px; background:url(../image/20201226155733_1182798052.png) no-repeat 5px 10px; margin:35px 0 90px 0;}
.advcontact{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advtel{ font-size:30px; color:#29b84f;}
.advtel span{ display:block; padding-left:30px; font-size:16px; color:#484848; font-weight:lighter; background:url(../image/20201226110201_445339347.png) no-repeat left center;}
.advtel em{ font-weight:bold;}
.advbtn a{ display:inline-block; width:185px; line-height:52px; text-align:center; border-radius:10px; background:#0d2353; color:#fff; font-size:18px; transition:all .3s ease;}
.advbtn a:hover{ background:#29b84f;}
/*应用案例*/
.case{ padding:50px 0 60px 0;}
.casetop{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.casetitl{ font-size:18px; color:#aaaaaa; font-weight:lighter;}
.casetitl em{ font-size:40px; color:#222222; font-weight:lighter; text-transform:uppercase;}
.casetitl b{ display:block; font-size:36px; color:#222222; margin:10px 0 20px 0;}
.casetitl b i{color:#0d2353;}
.casebtn{ text-align:right;}
.casebtn a{ display:inline-block; vertical-align:top; text-align:center; width:182px; line-height:50px; border-radius:10px; background:#f3f3f3; font-size:16px; color:#222222; font-weight:lighter; transition:all .3s ease;}
.casebtn a+a{ margin-left:20px;}
.casebtn span+span{ display:block; margin-top:20px;}
.casebtn a:hover{ background:#0d2353; color:#fff;}
.casecon{ margin-top:30px; position:relative;}
.casejt{ position:absolute; width:42px; height:42px; cursor:pointer; background:url(../image/20201226112826_824108843.png) no-repeat left top; top:45%; left:-60px;}
.casejt.next{ left:auto; right:-60px; background-image:url(../image/20201226112826_1220418595.png);}
.casejt:hover{ background-position-y:bottom;}
.casecen{ overflow:hidden;}
.casecen table,.casecen tbody,.casecen tr{ display:block; font-size:0;}
.casecen td{ display:inline-block; vertical-align:top; padding:1px !important; width:335px !important; border:1px solid #dddddd !important; margin-right:20px; text-align:center;}
.casecen td a{ display:block; overflow:hidden; position:relative;}
.casecen td>a img{ width:100%; height:auto;}
.casecen td br{ display:none;}
.casecen td div{ padding:0 !important;}
.casecen td div a{ font-size:16px; color:#484848; font-weight:lighter; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:72px;}
.casemore{ margin-bottom:30px;}
.casecen td .casemore a{ display:inline-block; vertical-align:top; text-align:center; width:150px; line-height:42px; background:#666666; font-size:14px; font-weight:lighter; color:#fff; transition:all .3s ease;}
.casecen td .casemore a+a{ margin-left:1px; background:#0d2353;}
.casecen td .casemore a:hover{ background:#29b84f;}
.casecen td>a:after,.casecen td>a:before{ content:''; display:block; position:absolute; transition:all .3s ease;}
.casecen td>a:after{ width:100%; height:100%; background:rgba(0,0,0,.8); top:0; left:0; opacity:0;}
.casecen td>a:before{ top:0; bottom:0; right:0; left:0; margin:auto; width:52px; height:52px; background:url(../image/20201225175059_1747006340.png) no-repeat center; transform:scale(0); z-index:3;} 
.casecen td:hover>a:after{ opacity:1;}
.casecen td:hover>a:before{ transform:scale(1);}
/*二坤专属定制流程*/
.process{ padding:75px 0 80px 0; background:url(../image/20201226134738_938243926.jpg) repeat center;}
.pctitl{ text-align:center; font-size:42px; color:#e8e8e8;}
.pctitl b i{ color:#888888;}
.pctitl span{ display:block; font-size:18px; color:#5c5c5c; font-weight:lighter; margin:10px 0 20px 0;}
.pctitl:after{ content:''; display:inline-block; height:1px; width:60px; background:#666666;}
.process ul{ margin-top:40px; text-align:center;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; font-size:18px; color:#5c5c5c; font-weight:lighter;}
.pcicon{ display:inline-block; position:relative; margin-bottom:20px;}
.pcicon span{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; width:106px; height:106px; border-radius:50%; background:#424242; transition:all .3s ease;}
.pcicon em{ position:absolute; z-index:3; width:34px; height:34px; border-radius:50%; border:3px solid #212121; line-height:28px; font-size:16px; font-weight:bold; color:#fff; top:3px; right:-12px; background:#424242;transition:all .3s ease;}
.pcicon span i{ display:inline-block; width:41px; height:35px; background:url(../image/20201226140815_1584824433.png) no-repeat left top;transition:all .3s ease;}
.process ul li:nth-child(2) .pcicon span i{ background-position-x:-62px; width:37px; height:37px;}
.process ul li:nth-child(3) .pcicon span i{ background-position-x:-123px; width:42px; height:43px;}
.process ul li:nth-child(4) .pcicon span i{ background-position-x:-203px; width:41px; height:40px;}
.process ul li:nth-child(5) .pcicon span i{ background-position-x:-531px; width:42px; height:39px;}
.process ul li:nth-child(6) .pcicon span i{ background-position-x:-284px; width:54px; height:43px;}
.process ul li:nth-child(7) .pcicon span i{ background-position-x:-384px; width:31px; height:31px;}
.process ul li:nth-child(8) .pcicon span i{ background-position-x:-446px; width:40px; height:41px;}
.process ul li{ cursor:pointer; position:relative;}
.process ul li:hover .pcicon span{ background:#0d2353;}
.process ul li:hover .pcicon span i{ background-position-y:-69px;}
.process ul li:hover .pcicon em{ background:#29b84f; transform:rotate(360deg);}
.process ul li:hover{ color:#fff;}
.process ul li+li:before{ content:''; display:inline-block; width:40px; height:7px; background:url(../image/20201226134738_773098755.png) no-repeat center; position:absolute; top:50px; left:-60px;}
/*公司简介*/
.about{ height:756px; background:url(../image/20201226183853_721629247.jpg) no-repeat center; padding-top:85px;}
.about .w1400{ position:relative;}
.ableft{ width:660px;}
.ab_t span{ display:block; font-size:30px; color:#313131; margin:15px 0;}
.ab_t:after{ content:''; display:inline-block; width:70px; background:#c9c9c9; height:1px;}
.ab_c{ margin:35px  35px 35px 0; font-size:15px; font-weight:lighter; line-height:36px; color:#bfbebe;}
.ab_btn a{ display:inline-block; text-align:center; width:154px; line-height:39px; background:#0d2353; font-size:14px; color:#fff; font-weight:lighter; transition:all .3s ease;}
.ab_btn a:hover{ background:#29b84f;}
.video_x1{ position:absolute; top:270px; right:510px;}
.abnum{ margin-top:55px; padding-top:55px; border-top:1px solid #e4e4e4; font-size:0;}
.abnum li{ display:inline-block; vertical-align:top; font-size:16px; color:#222222;}
.abnum li span{ font-size:60px; color:#0d2353; font-family:impact; display:inline-block; vertical-align:sub;}
.abnum li+li{ margin-left:70px;}
.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:52%;height: 65px;width:65px;margin-top: -34px;margin-left: -33px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(34, 120, 234,0.64);-o-box-shadow: 0 0 0 0 rgba(34, 120, 234, 0.64);box-shadow: 0 0 0 0 #176dbd;animation: ripple 3s infinite;}
.ripple{background: rgba(34, 120, 234, 0.5);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.jquery-lightbox-move *{ box-sizing:content-box;}
/*企业形象*/
.qyxx{overflow:hidden; margin-top:20px;}
.qyxx table,.qyxx tbody,.qyxx tr{ display:block; width:100%;}
.qyxx td{ display:inline-block; width:300px; padding:0 !important; margin-right:20px; position:relative;}
.qyxx td a{ display:block; position:relative; overflow:hidden;}
.qyxx td a img{ width:100%; height:auto; transition:all .6s ease;}
.qyxx td:hover a img{ transform:scale(1.1);}
.qyxx td br{ display:none;}
.qyxx td div{ padding:0 !important; position:absolute; left:0; bottom:0; width:100%; height:50px;}
.qyxx td div a{ background:rgba(0,0,0,.7); line-height:50px; font-size:15px; font-weight:lighter; color:#fff; transition:all .3s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qyxx td:hover div a{background:rgba(0,114,206,.7);}
/*聚焦二坤动态*/
.news{ padding:60px 0;}
.newstitle{ text-align:center; font-size:18px; color:#aaaaaa; font-weight:lighter;}
.newstitle b{ display:block; font-size:42px; color:#222222; margin-bottom:10px;}
.newstitle b i{ color:#0d2353;}
.newstab{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #e1e1e1;margin: 30px 0;}
.newstab a{ display: inline-block;width: 120px;line-height: 40px;border-radius: 20px;background: #fff;font-size: 16px;color: #666666;font-weight: lighter;transition: all .3s ease;}
.newstab a+a{margin-left: 10px;}
.newstab a.on{background: #0d2353;color: #fff;}
.newsleft{width: 508px;height: 490px;box-sizing: border-box;background: #f5f5f5;padding: 40px;}
.newsright{width: 862px;height: 490px;}
.newsleft .news_div_item_pic{position: absolute;left: 0;top: 0;width: 426px;height: 306px; overflow: hidden;overflow: hidden; border: 1px solid #eee;}
.news .news_div_item_pic img{width: 100%;height: 100%;transition: all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{transform: scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#0d2353;}
.news .news_div_item{position: relative;}
.newsleft .news_div_item{padding-top: 330px;}
.newsleft .news_div_item_date{position: absolute;right:0;padding-top: 52px; bottom:0;text-align: center; background: #0d2353; width: 82px;height: 80px;box-sizing: border-box;}
.newsleft .news_div_item_date>div{display: inline-block;font-size: 14px;color: #ffffff;font-weight: lighter;}
.newsleft .news_div_item_date .news_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
.newsleft .news_div_item_content{width: 290px;}
.news .news_div_item_a{display: block;font-size: 18px;color: #222222;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative; overflow: hidden;} 
.news .news_div_item_body{font-size: 14px;color: #aaaaaa;font-weight: lighter;margin-top: 10px;line-height: 26px;height: 52px;overflow: hidden;}
.newsright .news_div_item{position: relative; display: inline-block;vertical-align: top;background: #f5f5f5; box-sizing: border-box;width: 430px;height: 162px;margin: 0 1px 1px 0;padding: 40px 0 0 120px;float:right;}
.newsright .news_div_item:nth-child(2n){margin-left: 0;}
.newsright .news_div_item_content{width: 260px;}
.newsright .news_div_item_date{position: absolute;left:30px;padding-top: 52px; top:40px;text-align: center;}
.newsright .news_div_item_date>div{display: inline-block;font-size: 14px;color: #555555;font-weight: lighter;}
.newsright .news_div_item_date .news_div_item_day{position:absolute;top: 5px;left: 0;right: 0;margin: 0 auto;font-size: 36px;font-weight: bold;}
/*版权*/
.copyright{ background:#333333;}
.crcon{ padding:90px 0 60px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.crcon ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcode img{ width:150px; height:150px; margin-bottom:15px; display:block;}
.crcode li{ text-align:center; font-size:14px; color:#888888; font-weight:lighter;}
.crcode li+li{ margin-left:20px;}
.crcontact p{ font-size:13px; color:#888888; font-weight:lighter; line-height:36px;text-transform: uppercase; padding-left:35px; background:url(../image/20201226152921_490613216.png) no-repeat left center;}
.crcontact .cr_tel{ font-size:30px; color:#ffffff; font-family:impact; margin-bottom:20px;}
.kslj p{ display:inline-block; font-size:18px; color:#ffffff; font-weight:lighter; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #515151;}
.kslj a{ display:block; font-size:13px; color:#888888; font-weight:lighter; line-height:30px; text-align:center;}
.crcontact p:nth-child(2){ background-image:url(../image/20201226152921_631044474.png);}
.crcontact p:nth-child(3){ background-image:none; text-indent:5em;}
.crcontact p:nth-child(4){ background-image:url(../image/20201226152921_74257450.png);}
.crcontact p:nth-child(5){ background-image:url(../image/20201226152921_106834659.png);}
.crcontact p:nth-child(6){ background-image:url(../image/20201226152921_822209370.png);}
.kslj a:hover{ color:#fff;}
.kslj li+li{ margin-left:65px;}
.links{ border-top:1px solid #3f3f3f; height:134px; background:url(../image/20201226152921_1073088298.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:18px; color:#fff;}
.links>p>span{ font-family:impact; padding:0 20px 0 5px; text-transform:uppercase;}
.end{ background:#0d2353;}
.end .w1400{ height:88px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.end,.end a{ font-size:14px; color:#fff;}
.end a:hover{ color:#ff0;}