@charset "utf-8";
/* CSS Document */
@import "rubik.css";
body{ margin:0; padding:0; width:100%; color:#333; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham';overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#333}
a:active,a:focus,a:hover{outline:none; color:#2756a8}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}
*{box-sizing:border-box}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:30px; height:30px; background:url(../images/totop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/totophover.png) no-repeat;background-size:100% 100%;opacity:1.0}

.container {
    width: 96%;
	 max-width:1440px; 
    margin: 0 auto;
    position: relative;
}
.boxTop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: 130px;
	background-color: #fff;
	background-image: url(../images/topbg.png);
	background-repeat: repeat-x;
	background-position: center top;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.boxTop1{position:relative;box-sizing:border-box; width:100%; max-width:1440px;text-align:right; margin:auto;}
.logo{position:absolute; left:0; top:35px; height:64px;}

@font-face {
  font-family: "DINCond";
  src: url("../fonts/dincond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../fonts/dincond.ttf") format("truetype"),
       url("../fonts/dincond.eot") format("embedded-opentype"),
       url("../fonts/dincond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
.w1440{ width:100%; max-width:1440px; margin: 0 auto;}
.boxNav{height:90px; text-align:center;display:inline-block;  vertical-align:middle; margin-top:40px;}
.boxNav li{display:inline-block;position:relative; /*padding:0 25px; margin:0 20px; */padding:0 13px; margin:0 10px; }
.boxNav li span a{display:block;font-size:18px; line-height:60px; color:#555}
.boxNav li span a:hover{color:#2756a8}
.boxNav li span i{ height:3px; background:#2756a8; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}
.boxNav li .on a{color:#2756a8}
.boxNav li div{position:absolute; top:90px; left:0;width:100vw;text-align:left;background:rgba(28,68,141,0.8); z-index:2; display:none; padding:0 0 0 10px}
.boxNav li div a{display:inline-block;font-size:14px; padding:0 15px;color:#fff;line-height:60px; text-align:center; opacity:1}
.boxNav li div a:hover{color:#fff; opacity:1}
.boxNav li:last-child{}

.icoTop{display:inline-block;vertical-align:middle; float:right;margin-top:55px; margin-left:20px;}
.icoTop a{ position:relative;display:inline-block;vertical-align:top;}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:inline-block; width:30px; height:60px; font-size:14px;vertical-align:top;}
.icoTop a div{position:absolute; top:80px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0}
.icoTop a span{display:inline-block; width:120px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}
.icoTop a:hover {background-color:#2756a8}


.topSearch{ padding:0 20px;background:#2756a8; border-radius:40px;}
.topSearch font{background:url(../images/icosearchtophover.png) no-repeat center left;color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 0 0 20px; font-size:15px;}
.topSearch:hover{background:#306ad0; color:#fff} 
.topSearch:hover font{background:url(../images/icosearchtophover.png) no-repeat center left; }

.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoclose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:14px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#2756a8; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#ff000d}



/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; display:none; background:#fff}
.logoM{ position:absolute;left:15px; top:15px; height:40px;}
.boxTopM font{background:url(../images/icolinktop.png) no-repeat center left; display:inline-block; height:70px; line-height:70px; padding:0 0 0 24px; font-size:16px;    position: absolute;top: 0;right: 60px;}

.openMenu{width:55px; height:70px; position:absolute; top:0; right:0;background:url(../images/openmenu.png) no-repeat center/cover;}
.closeMenu{width:70px; height:70px; position:absolute; top:0; left:-70px;background:#fff url(../images/closemenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 70px); height:100%;background:#2756a8 url(../images/bgnavm.png) no-repeat right bottom/80% auto;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:16px;line-height:50px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff;}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:14px; text-align:left; color:rgba(255,255,255,0.7);}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icosearchtopm.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/


.banner{width:100vw;height:40vw;overflow:hidden; position:relative; margin:80px 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:50px; height:4px; background:url(../images/icobanner.png); opacity:1.0; border-radius:0;}
.banner .swiper-pagination-bullet-active{background:url(../images/icobannerhover.png);}
.banner .swiper-button-prev{left:30px;margin-top:-25px; width:60px; height:60px; background:url(../images/bannerjtleft.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerjtlefthover.png) center no-repeat;opacity:1.0}
.banner .swiper-button-next{right:30px;margin-top:-25px;width:60px; height:60px; background:url(../images/bannerjtright.png) center no-repeat;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerjtrighthover.png) center no-repeat;opacity:1.0}

.bannerM{width:100vw;height:80vw;overflow:hidden;position:relative; margin:70px 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:11px; height:11px; background:url(../images/icobanner.png); opacity:1.0; border-radius:0;}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icobannerhover.png);}

.about{ margin:110px auto;}
.jieshao{ width:48%;display:inline-block;vertical-align:top;}
.jieshao .lmbt{ line-height:50px;font-size:40px; color:#333;font-weight: bold; margin-bottom:25px;}
.jieshao .lmbt span{ font-size:38px; color:#2756a8;text-transform: uppercase; margin-left:10px;}
.jieshao p{ font-size:16px; color:#555; line-height:36px;}
.jieshao ul{ width:100%; margin-top:45px;display: flex;justify-content: space-between;flex-flow: wrap;}
.jieshao ul li{text-align:center;}
.jieshao ul li h2{ font-size:18px; color:#005bad; line-height:50px;}
.jieshao ul li img{ height:50px;transition: all .5s;}
.jieshao ul li:hover img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg)}
.jieshao ul li a{color:#005bad; }

.video{ width:47%; float:right;}
.video img{ width:100%;}


.new{ width:100%; padding:95px 0; background-color:#edf3f9;}
.lm2{ text-align:center;}
.lm2 h1{ font-size:34px;font-weight: bold; color:#333; line-height:40px; margin-bottom:8px;}
.lm2 p{ font-size:18px; color:#555;}
.news_content{ width:100%; max-width:1480px;margin:0 auto; }
.news_content .scrollbar_news{ width:100%; margin:0 auto; overflow:hidden; margin-top:50px;}
.news_content .swiper-wrapper{ width:100%; margin:0 auto;}
.news_content .swiper-slide{ display:inline-block; width:33.33333%; padding:0 20px; list-style:none}
.news_content .moudle{ display:block; width:100%; overflow:hidden}
.news_content .moudle a.images{ display:block; width:100%; overflow:hidden; border-radius:5px}
.news_content .moudle a.images img{ display:block; width:100%; transition:all .5s}
.news_content .moudle:hover .images img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)}
.news_content .moudle .wrap{ display:block; width:100%; padding:18px 0 0; overflow:hidden; text-align:left}
.news_content .moudle .wrap .jj{ display:block; color:#7d7d7d; font-size:14px; margin-bottom:25px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_content .moudle .wrap a.title{ display:block; color:#222; font-size:20px; line-height:40px; height:40px; font-weight:700; overflow:hidden; margin:10px 0 10px 0; box-sizing:border-box; width:100%; transition:all .5s;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.news_content .moudle:hover .wrap a.title{ color:#005aac}
.news_content .moudle .wrap a.more{ display:inline-block; line-height:35px; color:#666; font-size:16px; transition:all .5s}
.news_content .moudle .wrap a.more img{ display:inline-block; margin:-2px 0 0 9px; transition:all .5s; width:12px;}
.news_content .moudle .wrap a.more:hover{ background:#0965c2; color:#fff; padding:0 20px; border-radius:25px; color:#fff}
.news_content .moudle .wrap a.more:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	
	.news_content .scrollbar_news .swiper-button-prev{    top: 40%;left:0;width:25px;height:49px;margin-top:1;background-image:url(../images/icojtlefthover.png);background-size:cover;transition:background-image .15s}
.news_content .scrollbar_news .swiper-button-next{    top: 40%;right:0;width:25px;height:49px;margin-top:1;background-image:url(../images/icojtlefthover.png);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.news_content .scrollbar_news .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(../images/icojtleft.png);transition:background-image .2s}


@media only screen and (max-width: 1100px) { 
	.news_content .tab_list{ padding-bottom:45px}
	.news_content .swiper-slide{ width:50%; padding: 0 15px}
	.news_content .moudle .wrap a.title{ font-size:18px; overflow: hidden;padding-right: 3%}
}
@media only screen and (max-width: 768px) { 
	.news_content .swiper-slide{ width:100%; padding: 0 15}
	.news_content .moudle .wrap a.title{ font-size:20px; margin: 0 0 5px 0;}
}


@media only screen and (max-width: 768px) {  
.news_content .index_text{ font-size:17px; margin-top:15px}
}

.n2{ padding:90px 0; display: flex;justify-content: space-between;flex-flow: wrap;}
.new2{ width:47%;}
.lm3{ width:100%; height:35px; margin-bottom:35px;}
.lm3 i{ height: 35px; width:3px; background: #2756a8; float:left; margin-right:10px;display:inline-block;}
.lm3 h1{ font-size:34px;font-weight: bold; line-height:35px;display:inline-block; margin-right:10px;}
.lm3 h2{ font-size:34px;font-weight: bold; line-height:35px;display:inline-block; color:#0965c2;text-transform: uppercase;}
.lm3 .more{ font-size:14px; line-height:30px; color:#fff; background-color:#0965c2; padding:0 20px;border-radius: 40px; float:right; margin-top:3px;transition: all .5s;}
.lm3 .more a{color:#fff;}
.lm3 .more:hover{background-color:#2a81da;transition: all .5s;}


.indNewsList li{
	display: block;
	font-size: 16px;
	line-height: 48px;
	background: url(../images/dian.jpg) no-repeat 2px 22px;
	padding: 0 100px 0 16px;
	color: #333;
	overflow: hidden;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.indNewsList li span{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    font-size: 14px;
    color: #999;
}
.end{ width:100%; padding:40px 0; background-color:#2855a8;display: flex;justify-content: space-between;flex-flow: wrap;}
.end .bq{ font-size:14px; line-height:43px; color:#fff;}
.end .bq { float:left;}
.end .wx{ float:right;}
.end .bq a{color:#fff;}


.subBanner{ width:100vw; height:16vw;background-size:cover!important;  position:relative; margin:130px 0 0 calc((100% - 100vw)/2)}
.subBanner div{position:absolute; top:50%; left:0; margin:-29px 0 0 0; color:#fff; width:100%; text-align:center;}
.subBanner div span{ display:inline-block; width:100%; padding:0 30px; max-width:1440px; margin:0 auto; text-align:right; box-sizing:border-box;}
.subBanner div h1{ font-size:18px; line-height:26px;margin-top:5px; /* font-family:'RajdhaniBold'; */text-transform:uppercase; opacity:0.8}
.subBanner div h2{ font-size:30px; line-height:30px; opacity:1;font-weight: bold;}
.subBanner a{color:#fff}
.subBanner a:hover{color:#fff}


.subNavBox{background:#fff; border-bottom:1px solid #e6e6e6; height:70px;position:relative; z-index:1;width:100%;}

.subNav{text-align:right; margin:0 auto;}
.subNav a{ padding:0 35px;/*padding:0 5px; margin:0 0 0 33px;*/font-size:14px; height:70px; line-height:70px;display:inline-block; box-sizing:border-box; text-align:center;position:relative;}
.subNav a i{ height:3px; background:#0965c2; width:100%;position:absolute; bottom:0; left:0; display:none; z-index:-1;}
.subNav .on{}
.subNav .on i{ display:block;animation:ANavI 0.3s}

.curNav{ font-size:14px; color:#666; line-height:70px; float:left;}
.curNav a{ font-size:14px; color:#666; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJt.png) no-repeat center left/7px 13px; }
.curNav a:hover{color:#0965c2}
.curNav a:first-child{background:url(../images/icoHome.png) no-repeat center left/13px 13px;padding:0 0 0 20px;}


.boxJtgs{ width:100%; max-width:1440px;  display:block; margin:70px auto 130px auto; position:relative; background:#fff url(../images/bgJtgs.png) no-repeat right top;}
.boxJtgs img{ width:40%; float:left; margin-right:5%;}
.boxJtgs span{ display:inline-block; width:55%;font-size:16px; line-height:40px; text-align:justify;}

.conTitle{ font-size:26px; font-weight:bold; line-height:50px; margin-bottom:25px;}
.conTitle i{display:block; line-height:25px; font-size:16px; color:#cacaca;text-transform: uppercase;}


.bgMain{background:url(../images/bgMain.jpg) no-repeat top center/100% auto; width:100%; overflow:hidden}
.mainMax{width:100%; max-width:1440px; margin:0 auto; display:block; overflow:hidden; background:url(../images/bgMainLine.png) no-repeat 330px 0/1px 100%; min-height:500px;}


.newsList{width:100%; max-width:1440px; margin:0 auto; display:block; overflow:hidden;}
.newsList a{border-bottom:1px solid #e5e5e5;padding:30px 0; display:block;	-webkit-transition: .4s;transition: .4s;}
.newsList a:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.newsList a div{ width:250px;display:inline-block; vertical-align:top; overflow:hidden}
.newsList a div img{ width:100%;transition:transform 0.5s;}
.newsList a span{     width: calc(100% - 280px); padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:top}
.newsList a span h1{ position:absolute; right:0; top:18px; font-size:17px; line-height:18px; color:#0965c2; font-weight:bold}
.newsList a span h2{ font-size:18px; line-height:30px; font-weight:bold; margin:12px 0 15px 0; padding:0 130px 0 0}
.newsList a span h3{ font-size:14px; line-height:24px; color:#999}
.newsList a:hover img{transform:scale(1.1);}


.boxPage{width:100%; max-width:1440px; overflow:hidden; margin:30px auto 100px auto; font-size:0;}
.boxPage a{ display:inline-block;font-size:16px;color:#555;width:36px; height:36px;text-align:center; line-height:36px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#0965c2;}
.page-num-current{color:#fff!important; background-color:#0965c2!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) no-repeat center; border:2px solid #0965c2}
.prePage:hover{background:url(../images/pagePreHover.png) no-repeat center}
.nextPage{background:url(../images/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #0965c2}
.nextPage:hover{background:url(../images/pageNextHover.png) no-repeat center}
.boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}



.rongyulist{padding: 60px 0 40px 0;width:100%;    display: flex; justify-content:flex-start;flex-flow: wrap;}
.rongyulist a{ display:inline-block; width:23%; margin-left:1%; margin-right:1%; height:270px;overflow:hidden; background:#fff; margin-bottom:10px; position:relative}
.rongyulist a div{width:100%; height:200px; overflow:hidden;vertical-align:top}
.rongyulist a div img{width:100%; height:100%; transition:transform 1s;}
.rongyulist a span{display:block;vertical-align:top; text-align:justify; padding:15px 20px 0 20px}
.rongyulist a h1{font-size:16px;line-height:22px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.rongyulist a h2{line-height:14px;font-size:14px;color:#aaa;font-family:'rubik';position:absolute; bottom:20px; right:20px;}
.rongyulist a:hover h1{color:#c7000a;}
.rongyulist a:hover div img{transform:scale(1.2);}

/*--------------------------------show--------------------------------*/
.bgShow{ background:#f3f3f3 url(../images/bgshow1.jpg) no-repeat center 360px; width:100%; overflow:hidden}

.showCur{background:url(../images/bannerNews.jpg) no-repeat top center; margin-top:130px; text-align:center; height:300px; padding:90px 0 0 0}
.showCur1{ width:100%; max-width:1400px; margin:0 auto}
.showCur1 .navCur{ float:left; display:inline-block; width:auto}

.navCur{ line-height:50px;}
.navCur a{ font-size:14px; color:#fff; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icocurjtwhite.png) no-repeat center left/7px 13px; }
.navCur a:hover{color:#fff}
.navCur a:first-child{background:url(../images/icohomewhite.png) no-repeat center left/10px 10px;padding:0 0 0 20px;}


.showCenter{display:block; width:100%; max-width:1400px; vertical-align:top; margin:-150px auto 70px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 80px 60px 80px;}
.showTitle{padding:0 0 10px 0;font-size:28px;line-height:36px; color:#333;font-weight: bold; text-align:center; }
.showInfo{color:#999; font-size:13px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:32px; margin-bottom:30px;text-align:center;}
.showInfo i{ margin-right:10px}
.showCon{width:100%;  font-size:16px; line-height:26px; overflow:hidden; font-family:'微软雅黑'!important; text-align:justify}
.showCon img{width:auto; max-width:80%;height:auto!important; margin-bottom:20px; /*display:block; margin:0 auto*/}

.showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0}
/*--------------------------------show--------------------------------*/

.editor{ margin: 50px auto 100px auto;font-size: 16px; line-height:40px;}

.lx{ width:100%; height: auto;display: block;overflow: hidden; margin-top:70px; margin-bottom:100px; background-color:#edf3f9}
.lxwm{ width:40%; padding:30px 60px 30px 60px;float:left;}
.lxwm ul li{ font-size:16px; border-top: 1px solid #e4e4e4; line-height:25px; padding-top:30px; margin-bottom:30px; color:#333;}
.lxwm ul li span{ color:#888888; }
.lxwm ul li img{ float:left; margin-right:15px; border-radius:50px;}

.map{
	width: 60%;
	height: 500px;
	background-color: #069;
	float: right;
	text-align: center;
}

.n-news{ margin-top:60px;}

.n-news a {
  display: block;
}
.n-news .ul .li {
  width: 31.3%;
  box-sizing: border-box;
  margin-right: 3%;
  margin-bottom: 3%;
  float: left;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.n-news .ul .li.cp{
  width: 23.5%;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.n-news .ul .li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.17, 1, 1);
          transition: all 0.5s 0s cubic-bezier(0.86, 0.17, 1, 1);
}
.n-news .ul .li:nth-child(3n) {
  margin-right: 0;
}
.n-news .ul .li.cp:nth-child(4n) {
  margin-right: 0;
}
.n-news .ul .li.cp:nth-child(3n) {
    margin-right: 2%;
}

.n-news .ul .li:hover .img img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-news .ul .p-text{
  position: relative;
}
.n-news .ul .p-text:before {
    content: "";
    width: 100%;
    height: 0px;
    background: #0965c2;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s 0s ease-in-out;
            transition: all .5s 0s ease-in-out;
            z-index: 1;
  }
  .n-news .ul .li:hover .p-text:before {
    height: 100%;
    visibility: visible;
  }
  .n-news .ul .li:hover .p-text .h,.n-news .ul .li:hover .p-text .p,.n-news .ul .li:hover .p-text .h2{
    color: #fff;
  }

.n-news .ul .li .img {
  overflow: hidden;
  width: 100%;
}
.n-news .ul .li .img img {
  width: 100%;
  max-width: 100%;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .li .p-text {
  padding: 28px;
  background: #fff;
}
.n-news .ul .li .h {
  font-size: 18px;
  color: #000;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .li .h2 {
  font-size: 18px;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .li .p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-bottom: 12px;
   position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .bot {
  border-top: 1px solid #e5e5e5;
  background: #fff;
  padding: 16px 20px;
}
.n-news .ul .more {
  font-size: 14px;
  color: #b7b7b7;
  line-height: 22px;
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul .time {
  font-size: 14px;
  color: #b7b7b7;
  line-height: 22px;
  font-family: "Arial";
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .dlbox {
  background: #fff;
  margin-bottom: 20px;
}
.n-news .dlbox .dd {
  width: 540px;
}
.n-news .dlbox .dd img {
  width: 100%;
}
.n-news .dlbox .dt {
  width: calc(100% - 540px);
  padding: 64px 6%;
  box-sizing: border-box;
}
.n-news .dlbox .dt .h {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 18px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.n-news .dlbox .dt .p {
  font-size: 14px;
  color: #666;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
  margin-bottom: 45px;
}
.n-news .dlbox .dt .ex-more {
  font-size: 14px;
  color: #fff;
  background: #36bef0;
  width: 145px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
}
.n-news .dlbox .dt .ex-more:hover::after {
  right: 30px;
}
.n-news .ul-two .li {
  padding: 40px 0;
  border-bottom: 1px solid #dedede;
}
.n-news .ul-two .li:hover .li-r img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.n-news .ul-two .li:hover .li-l .h {
  color: #36bef0;
}
.n-news .ul-two .li-l {
  width: calc(100% - 300px);
}
.n-news .ul-two .li-l .h {
  font-size: 18px;
  line-height: 24px;
  width: calc(100% - 90px);
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 15px;
  -webkit-transition: all .8s;
          transition: all .8s;
}
.n-news .ul-two .li-l .time {
  margin-left: 15px;
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.n-news .ul-two .li-l .p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  height: 56px;
  overflow: hidden;
}
.n-news .ul-two .li-r {
  width: 190px;
  overflow: hidden;
}
.n-news .ul-two .li-r img {
  width: 100%;
  -webkit-transition: all .8s;
          transition: all .8s;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}