@charset "utf-8";
/*公共样式*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#444;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
	
}
a:hover{
	text-decoration: none;
	color: #929292;
}
body{
	font-size:16px;
	font-family:effra,sans-serif;
	color:#444;
	line-height:32px;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (max-width:1400px ) {
	html{
	
		
	}
}
@media only screen and (max-width:1600px ) {
	html{
	
		
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
	
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}
/*banner*/
#banner {
	width: 1920px;
	margin-top: 82px;
}
#banner .swiper-pagination-bullet {
	height: 15px;
	width: 15px;
	background: #fff;
	opacity: 1;
}
#banner .swiper-pagination-bullet-active {
	background: #0c86e0;
}
#banner .swiper-slide img {
    width: 100%;
    display: block;
    min-height: 200px;
	height:auto;
	
	
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}
@media only screen and (max-width:1199px ) {
	#banner {
		margin-top: 0;
	}	
}
/*引子*/
.content{width: 1200px;margin: 0 auto;}
/*搜索*/
.s_bg{background: #fafafa;height: 80px;overflow: hidden;}
.search{ width:1200px; margin:0 auto;height: 80px;overflow: hidden;}
.search p{ float:left;font-size: 14px; color:#666; width:890px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#666; padding:0 10px 0 0;}
.search p a:hover{color: #000;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:160px; height:80px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#999; line-height:80px; outline:none;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:40px; height:80px;}
input::-webkit-input-placeholder {color: #999;}



.search{ height:75px; border-bottom:1px solid #d3d3d3; width:1200px; margin:0 auto;overflow: hidden;}

.search p{line-height:75px;height:75px;overflow: hidden; font-size: 14px; color:#333; font-family:"Microsoft Yahei"; float: left;}

.search p a{display: inline-block;padding:0 20px 0 10px;color:#949494; font-weight:normal; background:url(../images/sou_line.png) no-repeat right center;}

.search p a:last-child{ background:none;}

.search p a:hover{ font-weight:bold; color:#0054a5; text-decoration:underline;}

.sea_in{ margin-top:13px;float:right;}

.inp01{width:205px;height:49px;line-height:49px;border:none; color:#949494;font-size:14px;padding-left:20px; float: left;font-family:"Microsoft Yahei"; float: left; background:url(../images/sou1.png) no-repeat; outline:none;}

.inp02{background:url(../images/sou2.png) no-repeat center center;width:64px;height:49px;border:0; float: left;outline:none; cursor:pointer;}

.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0; padding:43px 0 0;height: 880px;overflow: hidden;}
.about dl{width: 940px;padding: 38px 0 0;margin: 0 auto;}
.about dl dt{width: 940px;height: 434px;overflow: hidden;line-height: 0;}
.about dl dt img{width: 940px;height: 434px;}
.about dl dd{padding: 30px 0 0;width: 940px;text-align: center;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 16px;color: #333;}
.about .ab_desc{font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden;padding: 10px 0 0;}
.about ul{display: block;width: 940px;padding: 40px 0 0;margin: 0 auto;}
.about ul li{width: 195px;float: left;padding: 0 20px;}
.about ul li a{font-size: 16px;color: #000;display: block;width: 195px;height: 73px;line-height: 73px;overflow: hidden; background:url(../images/ab_k01.png) no-repeat;font-weight: bold;}
.about ul li a:hover,.about ul li.cur a{ background:url(../images/ab_k02.png) no-repeat;}
.about ul li b{width: 40px;height: 40px;float: left;line-height: 0;padding: 17px 0 0;}
.about ul li b img{width: 40px;height: 40px;}
.about ul li span{width: 140px;float: left;display: block;text-align: center;}
.sp_01{ width:384px;height:344px;overflow:hidden;}
/*产品中心*/
.wzbox{max-width: 1200px; margin: 0 auto;margin-top: 25px;}
.axal_tit{ padding-top: 20px;}
.axal_tit{text-align: center; padding-top: 90px;}
.axal_tit h2{ color: #0e2b5c; font-size: 32px;  font-family: color1; line-height: 64px; }
.axal_tit p{font-size: 30px;color: #646464;}
.cpzx_tit{padding-top: 30px;background: url(../images/a6.png) left 94px;	background-repeat: repeat-x;
	 height: 72px; }
.cpzx_tit ul{text-align: center;}
.cpzx_tit li{display: inline-block;*display: inline;}
.cpzx_tit a{display: inline-block;*display: inline; height: 71px;}
.cpzx_tit span{display: inline-block;*display: inline; line-height: 30px; padding: 0 15px; font-size: 16px;color: #969696;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.cpzx_tit .hover_b a span{background: #0e2b5c;color: #fff;}
.cpzx_tit .hover_b a {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_tit a:hover span{background: #0e2b5c;color: #fff;}
.cpzx_tit a:hover {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_box{width:380px}
.cpzx_tp{width:380px; height: 380px;position: relative; overflow: hidden;}
.cpzx_tp img{width:380px; height: 380px; }
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }
.cpzx_tp span{display: block;background: url(../images/a4.png); width:31px; height: 38px; position: absolute;top:27px; right:17px; z-index: 1;}
.cpzx_box p{transition: All 0.4s ease-in-out;font-size: 16px; color: #969696; line-height: 66px; border-bottom: 1px solid #646464;}
.qh2 a:hover p span{display: none;}
.qh2 a:hover p{text-align: center;color: #fff;background: #0e2b5c; border-bottom: 1px solid #0e2b5c;}

.cptpxq a:hover p span{display: none;}
.cptpxq a:hover p{text-align: center;color: #fff;background: #0e2b5c; border-bottom: 1px solid #0e2b5c;}

.cpzx_nr ul{overflow: hidden;}
.cpzx_nr li{float: left; padding: 0 30px 85px 0;}
.cpzx_nr ul li:nth-child(3){padding-right: 0;}
.cpzx_nr ul li:nth-child(6){padding-right: 0;}
.cpzx_nr ul li:nth-child(9){padding-right: 0;}
.cpzx_nr ul li:nth-child(12){padding-right: 0;}
.cpzx_nr ul li:nth-child(15){padding-right: 0;}


.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#424242; font-weight:bold; overflow:hidden; }
.tit1 a{ display:block; color:#424242;}
.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#626262; margin-top:8px; padding-top:30px; background:url(../images/line.png) no-repeat center top;}
/*二代*/
.w1280 {
  width: 1280px;
  margin: 0 auto; }
.color-list4 {
  color: #333;
  padding: 2.4rem 0;
  position: relative;
  overflow: hidden; }
  .color-list4 .list4-right-img {
    position: absolute;
    display: block;
    width: 28rem;
    right: 0;
    bottom: 0; }
  .color-list4 .title1-dl {
    float: left;
    max-width: 16rem;
    margin-right: 10px; }
    .multi-list4 .title1-dl {
      max-width: 17rem;
    }
    .fast-list4 .title1-dl {
      max-width: 20rem;
    }
  .color-list4 .title1 {
    font-size: 0.7rem;
line-height: 1;
margin-bottom: .4rem;
display: block;
font-weight: bold; }
  .color-list4 .title1-detail {
    font-size: .4rem;
    line-height: 1.8;
    display: block; }
  .color-list4 .list4-img1 {
    float: left;
    display: inline-block;
    width: 3.55rem; }
  .color-list4 .four-item-wrap1 {
    padding-top: 168px; }
    .color-list4 .four-item-wrap1 .h4 {
      font-size: .55rem;
      line-height: 1.3;
      color: #333;
      margin-bottom: 10px;
	padding-top: 14px;
	  }
    .color-list4 .four-item-wrap1 .h5 {
      font-size: 16px;
      line-height: 1.5;
      color: #9b9b9b; }
      .color-list4 .four-item-wrap1 .h5 .small {
        font-size: 15px;
      }
    .color-list4 .four-item-wrap1 .item {
      min-height: 2.35rem;
      padding-left: 3.6rem;
      background-size: 2.35rem;
      background-repeat: no-repeat;
      background-position: left center;
      margin-bottom: 1.6rem; }
      /*.gold .color-list4 .four-item-wrap1 .item {
        padding-left: 2.6rem;
      }*/
  .color-list4 .four-item-wrap2 {
    margin-top: 1.8rem; }
    .color-list4 .four-item-wrap2 .item {
      display: inline-block;
      margin-right: .5rem;
      width: 1.85rem; }
    .color-list4 .four-item-wrap2 .h4 {
      text-align: center;
      padding-top: 10px;
      font-size: .4rem;
      line-height: 1.5;
      color: #333; 
	  }
.bgf8 {
  background: #f8f8f8; 
  }
  
  .js-to-left {
	  opacity: 0;
	  transform: translateX(30px);
	  transition-property: transform opacity;
	  transition-duration: 1s;
	  transition-timing-function: ease; 
  }
  .js-m.animate, .js-to-left.animate, .js-to-right.animate {
	  opacity: 1;
	  transform: translate(0, 0); 
  }
  .delay12 {
    transition-delay: 1.2s;
}
.delay14 {
    transition-delay: 1.4s;
}
.delay2 {
    transition-delay: .2s;
}
.delay4 {
    transition-delay: .4s;
}
.delay6 {
    transition-delay: .6s;
}
.delay8 {
    transition-delay: .8s;
}
.img100 {
    display: block;
    width: 100%;
}
.js-to-right {
    opacity: 0;
    transform: translateX(-30px);
    transition-property: transform opacity;
    transition-duration: 1s;
    transition-timing-function: ease;
}
/*小广告*/
.h_gg1{height:584px;background:url(../images/h_gg01.jpg) no-repeat center 0;position: relative;color: #fff;line-height: 34px;}
.gg01{position: absolute;left: calc((100% - 690px)/2);;top:175px;width: 690px;text-align: center;white-space: nowrap;}
.gg01 p{height: 83px;font-size: 44px;}
.gg01 a{width: 30%;
display: inline-block;}
.gg01 p b{display: block;font-family: Arial;font-size: 30px;line-height: 38px;}
.gg01 span{display: block;line-height:43px;border: solid 1px #fff;color: #fff;font-size: 16px;}
.gg01 a:hover span,.gg01 span:hover,.gg01:hover span{border-color:#0e2b5c;background:#0e2b5c;color:#fff;}
/*四大介绍*/
.pro_bj{overflow: hidden; background:#fff;padding-top:55px; box-sizing: border-box; font-family: "Microsoft YaHei"; height: 752px;  }
.pro h3{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 24px;color: #0e2b5c; font-weight: bold;margin-bottom: 15px; height: 65px; line-height: 65px;border-bottom: 1px solid #e2e2e2;  }
.pro h3 i{ font-size: 30px; display: inline-block; color: #0e2b5c;width: 54px; float: left; }
.pro h3 a{color:#0e2b5c;text-decoration: none;}
.pro dl{width: 1200px; height: 420px;box-sizing: border-box;position: relative; }
.pro dl dt {width: 560px; height: 420px; overflow: hidden; }
.pro dl dt img{width: 560px; height: 420px;  display: block;}
.pro dl dt img{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro dl dt img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.pro dl dd{ width: 600px;}

.pro dl dd p{line-height: 32px; height: 92px; font-size:16px; overflow: hidden; color: #666666; text-align: justify;}
.pro dl dd span a{font-size:16px; overflow: hidden; display:block;line-height: 46px; width: 192px; float: left; background:url(../images/xqbtn.png) no-repeat; text-align: left;color: #fff;padding-left: 47px;box-sizing: border-box; }

.pro ul{margin-top:63px;}
.pro ul li {float: left;width: 291px; margin-right: 17px; box-sizing: border-box;  overflow: hidden;}
.pro ul li img{width: 291px;height: 218px;  display: block;}
.pro ul li a{text-decoration: none;}
.pro ul li:last-child{margin-right: 0;}
.pro ul li img{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro ul li img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pro ul li:hover{box-shadow: 0 0 5px #eeeeee;}


.pro_bj2{overflow: hidden; background:#f3f3f3;padding-top:25px; box-sizing: border-box; font-family: "Microsoft YaHei"; height: 587px;  }
.pro_bj1{background: #fff;}
/*安全系统*/

.aqxt {
	height: 950px;
	width: 100%;
	background: #f7f7f7;
}

.aqxt_1 {
	padding: 135px 0 25px 0;
	font-size: 38px;
	font-weight: 600;
	display: block;
	text-align: center;
}

.aqxt_2 {
	padding-bottom: 55px;
	font-size: 16px;
	display: block;
	text-align: center;
}

.aqxt_banner {
	height: 500px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.aqxt_banner .swiper-slide {
	height: 500px;
	width: 1200px;
}

.aqxt_banner .swiper-pagination {
	margin-top: 20px;
	width: 1200px;
}

.aqxt_banner .swiper-pagination-bullet {
	margin: 0 5px;
	width: 24px !important;
	background: #cdcdcd;
}

.aqxt_banner .swiper-button-next {
	right: -90px;
	background-image: url(../images/next.png);
	background-size: 60px 60px;
}

.aqxt_banner .swiper-button-prev {
	left: -90px;
	background-image:url(../images/prev.png);
	background-size: 60px 60px;
}

.swiper-button-next,
.swiper-button-prev {
	width: 60px !important;
	height: 60px !important;
}

.aqxt_banner_box {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 25px 50px 0px rgba(220, 220, 220, 0.75);
	width: 481px;
	height: 339px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

.aqxt_banner_box span:nth-child(1) {
	font-size: 32px;
	font-weight: 600;
	margin: 50px 0 24px 60px;
}

.aqxt_banner_box p:nth-child(2) {
	font-size: 17px;
	color: #888888;
	margin-left: 60px;
	line-height: 22px;
}

.aqxt_banner_box a:nth-child(3) {
	border-width: 2px;
	border-color: rgb(0, 78, 162);
	border-style: solid;
	border-radius: 21px;
	width: 151px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	margin-top: 60px;
	margin-left: 60px;
}

.aqxt_banner_box a:nth-child(3):hover {
	background: #004ea2;
	color: #fff;
	cursor: pointer;
}

.aqxt_banner_img {
	width: 1000px;
	height: 498px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.aqxt_banner_img img {
	position: absolute;
	right: 0;
	top: 0;
}

/* 底部新闻 开始 */
.left { float: left; }
.right { float: right; }
.xinwen { padding-top: 80px; margin-bottom: 80px; }
.xinwen .container { margin-left: auto; margin-right: auto; width: 1200px; }
.soltitle { text-align: center; height: 110px; }
.soltitle .sol { height: 58px; border: 1px solid rgba(0, 0, 0, 0.1); width: 435px; margin: 0 auto; display: block; }
.soltitle .sol p { background: #fff; width: 50%; height: 49px; position: relative; margin: 0 auto; top: -26px; }
.soltitle .soltit { position: relative; z-index: 999; padding: 0 14px; top: -84px; font-size: 40px; color: #333; display: block; font-weight: bold; }
.soltitle .solsubt { position: relative; top: -65px; z-index: 999999; font-size: 16px; color: #fff; background: #006cb8; padding: 0 14px; border-radius: 2px; height: 30px; line-height: 30px; display: inline-block; }
.gonshi { width: 577px; overflow: hidden; }
.gotit { background: #eee; width: 100%; height: 60px; }
.gotit p { font-size: 22px; font-weight: bold; color: #333; line-height: 60px; float: left; padding-left: 36px; }
.gotit span { float: left; color: #999; font-size: 14px; line-height: 60px; text-transform: uppercase; padding: 0 10px; }
.gotit i { display: block; width: 47px; height: 60px; background: url("../images/nico.png")no-repeat 3px center; float: right; }
.gotit a { display: block; height: 60px; }
.newlist { margin: 35px 0; overflow: hidden; }
.toutiao { overflow: hidden; margin: 30px 0 20px; }
.toutiao:hover p { color: #2a6eb5; }
.gonr .toutiao img { float: left; display: block; width: 220px; height: 165px; overflow: hidden; border: 1px solid #eee; }
.touwen { width: 328px; float: left; margin: 25px 7px 0 20px; }
.touwen p { font-size: 16px; color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.touwen i { display: block; height: 1px; width: 30px; background: #ff8c00; margin: 16px 0 12px; }
.touwen span { font-size: 14px; color: #999; line-height: 25px; display: block; }
.gonr ul li:first-child { border-top: 1px solid #e5e5e5; }
.gonr ul li { border-bottom: 1px solid #e5e5e5; padding: 0 0 0 20px; background: url(../images/nico2.png)no-repeat left center; line-height: 55px; }
.gonr ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #777; }
.gonr ul li a:hover { color: #006db8; }
.gonr ul li .date { float: right; color: #999; font-size: 16px; }
.partit { background: #2a6eb5; width: 205px; height: 266px; padding: 55px 27px 52px; }
.partit p { font-size: 20px; font-weight: bold; color: #fff; }
.partit span { font-size: 70px; color: #3c82cc; font-family: "Arial"; letter-spacing: -1.5px; text-transform: uppercase; display: block; height: 70px; line-height: 70px; margin-top: 10px; }
.partit a { display: block; }
.partit i { display: block; background: url("../images/nico4.png")no-repeat; width: 45px; height: 45px; margin-top: 25px; }
.problem { overflow: hidden; margin-top: 20px; }
.txtScroll-left77 { width: 965px; float: left; position: relative; border-left: none !important; border: 1px solid #dddddd; }
.txtScroll-left77 .bd { width: 996px; overflow: hidden; padding: 52px 0 0; }
.txtScroll-left77 .bd ul { overflow: hidden; zoom: 1; }
.txtScroll-left77 .bd ul li { width: 320px; float: left;display: inline; border-left: 1px solid #e4e4e4; padding: 0 24px; }
.txtScroll-left77 .bd ul li p { font-size: 16px; color: #333; display: block; background: url(../images/q.png)no-repeat left center; padding-left: 59px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.txtScroll-left77 .tempWrap { width: 100% !important; }
.txtScroll-left77 .bd ul li i { display: block; width: 100%; height: 1px; background: #e4e4e4; margin: 15px 0; }
.txtScroll-left77 .bd ul li span { font-size: 14px; color: #999; background: url(../images/a.png)no-repeat left 5px; display: block; padding-left: 59px;
    line-height: 25px; }
.txtScroll-left77 .bd ul li em { display: block; width: 20px; height: 20px; background: url("../images/nico3.png"); margin: 20px 0 0 60px; }
/* 底部新闻 结束 */
/*方案案例*/
.titis h2 {
    height: 83px;
    font-size: 44px;
    color: #333333;
    font-weight: normal;
    padding-top: 30px;
    box-sizing: border-box;
	
	font-size: 36px;
font-weight: bold;
line-height: 36px;
}
.wrapper {
    margin: 0 auto;
    width: 1200px;
}
 h2{height: 122px;text-align: center;font-size: 48px;font-weight: bold;color: #666;font-weight: bold;}
 h2 a{color: #666;}
 h2 em{display: block;font-size: 22px;color: #666666;font-weight: normal;line-height: 40px;
height: 40px;}
/* 工程案例 */
.case{padding: 0 2.5%;background: #f7f7f7;}
.case-daohang dl{text-align: center;margin-top: 48px;}
.case-daohang dl dd{display: inline-block;*display: inline-block;*zoom: 1;margin-left: 16px;}
.case-daohang dl dd:first-child{margin-left: 0;}
.case-daohang dl dd:first-child a{background: none;}
.case-daohang dl dd a{display: block;padding-left: 40px;background: url(../images/case-ht.png) no-repeat left;line-height: 20px;}
.case-daohang dl dd a:hover{color: #ff6600;}

.case-ul{margin-top: 26px;width: 100%;overflow: hidden;}
.case-ul ul{width: 100%;}
.case-ul ul li{width: 24.4%;float: left;margin:0 .3%;text-align: center;padding-bottom: 55px;}
.case-ul ul li a{display: block;width: 100%;overflow: hidden;}
.case-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;height:308px;}
.case-ul ul li:hover a img{transform: scale(1.1);}
.case-ul ul li p{font-size: 16px;color: #333;margin-top: 18px;margin-bottom: 14px;}
.case-ul ul li p a{font-size: 16px;color: #333;}
.case-ul ul li span{font-size: 14px;color: #666;/* display: block; */line-height: 25px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 47px;}
.case-ul ul li span:first-child{margin-top: 20px;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 70px 0 80px;}
.ys .yin_t,.ys .yin_t span{color: #fff;}
.ys_t{padding: 60px 0 0;height: 100px;}
.ys_t ul li{width: 240px;float: left;color: #fff;cursor: pointer;line-height: 26px;height: 70px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 46px;height: 42px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;width: 170px;}
.ys_t ul li i{display: block;font-size: 12px;color: #8b98a7;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line.png) no-repeat 0 58px;}
.ys_m dl{width: 1200px;height: 600px;position: relative;}
.ys_m dl dt{width: 1200px;height: 600px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 600px;}
.ys_m dl dd{background:url(../images/ys_k.png) no-repeat;width: 545px;height: 512px;position: absolute;top: 0;right: 0;z-index: 20;}
.ys_m .ys_no{width: 200px;height: 180px;color: #fff;}
.ys_m .ys_no b{display: block;font-size: 80px;line-height: 120px;width: 200px;text-align: center;height: 120px;overflow: hidden;}
.ys_m .ys_no em{display: block;font-size: 24px;text-transform: uppercase;text-align: right;padding-right: 10px;height: 60px;line-height: 50px;overflow: hidden;}
.ys_m dl dd h5{font-size: 18px;color: #057fd9;line-height: 30px;margin: 15px 0 10px 115px;height: 65px;border-bottom: #d6d6d6 1px solid;width: 375px;padding: 0 0 0 15px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #8c8c8c; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys_m dl dd p{font-size: 14px;color: #333;line-height: 28px;overflow: hidden;width: 375px;margin: 0 0 0 115px;background:url(../images/ys_ico06.png) no-repeat 0 13px;padding: 0 0 0 15px;}
/* About我们 开始 */
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0; padding:43px 0 0;height: 880px;overflow: hidden;}
.about dl{width: 940px;padding: 38px 0 0;margin: 0 auto;}
.about dl dt{width: 960px;height: 455px;overflow: hidden;line-height: 0;background-color: white;box-shadow: 5px 5px 5px 5px #d0cbcb;}
.about dl dt img{width: 940px;height: 434px;padding-left: 10px;padding-top: 10px;}
.about dl dd{padding: 30px 0 0;width: 940px;text-align: center;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 16px;color: #333;}
.about .ab_desc{font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden;padding: 10px 0 0;}
.about ul{display: block;width: 940px;padding: 40px 0 0;margin: 0 auto;}
.about ul li{width: 195px;float: left;padding: 0 20px;}
.about ul li a{font-size: 16px;color: #000;display: block;width: 195px;height: 73px;line-height: 73px;overflow: hidden; background:url(../images/ab_k01.png) no-repeat;font-weight: bold;}
.about ul li a:hover,.about ul li.cur a{ background:url(../images/ab_k02.png) no-repeat;}
.about ul li b{width: 40px;height: 40px;float: left;line-height: 0;padding: 17px 0 0;}
.about ul li b img{width: 40px;height: 40px;}
.about ul li span{width: 140px;float: left;display: block;text-align: center;}

/* About我们 结束 */
/*新闻中心*/
.news_bg{background:url(../images/news_bg.jpg) no-repeat center 0;height: 692px;overflow: hidden;padding: 0 0 70px;}
.news .yin_t{height: 112px;}
.news .yin_t:before{left: 38%;}
.news .yin_t:after{right: 38%;}

.news_t{width: 210px;height: 466px; background:#f0f0f0;padding: 14px 0 0;text-align: center;overflow: hidden;font-size: 14px;color: #333;}
.news_t p{width: 183px;height: 244px;margin: 0 auto;}
.news_t p img{width: 183px;height: 244px;}
.news_t em{width: 27px;height: 27px;display: block;margin: 0 auto;padding: 35px 0 0;}
.news_t em img{width: 27px;height: 27px;}
.news_t i{display: block;font-family:Arial, Helvetica, sans-serif;padding: 5px 0;font-weight: bold;text-transform: uppercase;}
.news_t b{font-family:Arial, Helvetica, sans-serif;display: block;font-size: 20px;color: #272d3b;line-height: 24px;}
.news_t span{display: block;width: 112px;margin: 0 auto;padding: 10px 0 0;}
.news_t span a{display: block;font-size: 14px;color: #fff;background:url(../images/news_btn.gif) no-repeat;width: 112px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;}
.news_t span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.news_bt{height: 70px;line-height: 60px;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.news_bt a,.wd_t a{font-size: 20px;color: #333;}
.news_bt a:hover,.news_l dl dd a:hover,.news_c ul li a:hover,.wd_t a:hover,.about dl dd h5 a:hover{color: #f68100;}
.news_bt em{font-size: 14px;color: #333; padding:0 0 0 15px;}
.news_bt span,.wd_t span{float: right;}
.news_bt span a,.wd_t span a{font-size: 14px;color: #666;}

.news_c{ width:506px; background:url(../images/news_line.gif) no-repeat 45px 0; padding:0 45px 0 90px; height:480px;overflow:hidden;}
.news_pic{width: 506px;height: 284px;overflow: hidden;margin-bottom: 30px;}
.news_pic img{width: 506px;height: 284px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news_c ul li{width: 508px; height:46px;line-height: 46px;overflow: hidden; border-bottom:#d6d6d6 1px dashed;}
.news_c ul li a{width: 400px;font-size: 14px;color: #000;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_c ul li span{float: right;font-size: 14px;color: #7b7b7b;display: block;width: 100px; text-align: right;}

.news_l{ width:300px;height: 480px;overflow:hidden; background:url(../images/news_line.gif) no-repeat;padding: 0 0 0 45px;}
.wd_t{height: 70px;line-height: 60px; background:url(../images/wd_ico.gif) no-repeat 0 16px;text-transform: uppercase;color: #333;font-size: 20px;font-weight: normal;}
.wd_t a{ padding:0 0 0 40px;}
.wd_m{height: 400px;overflow: hidden;}
.news_l dl{width: 300px; padding:0 0 26px;}
.news_l dl dt{width: 300px;height: 60px;overflow: hidden;}
.news_l dl dt a{display: block; padding:0 20px 0 75px;width: 205px; background:url(../images/wen02.gif) no-repeat;font-size: 14px;color: #333;height: 60px;line-height: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_l dl dt a:hover{color: #f68100;}
.news_l dl dd{ background:url(../images/da.gif) no-repeat;width: 180px;height: 50px; overflow:hidden; margin:25px 0 0;font-size: 14px;color: #333; padding:10px 80PX 0 40px;line-height: 20px;}
.section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  clear: both;
  overflow: hidden;
}

/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px;background-color: #fff;}
.contact-section .content .left {width: 58%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #0e2b5c;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #0e2b5c;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #00bf86;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 38%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #0e2b5c;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #0e2b5c;}

.jmpart2{padding:88px 0 100px;}
.jmpart2 .wrap{width: 1300px;margin:0 auto;}
.jmpart2 .infor {text-align:center; color:#666;}
.jmpart2 .infor .tit a{display:block;}
.jmpart2 .infor .tit a:hover{color:#929292;}
.jmpart2 .infor .tit{font-size:36px; font-weight:bold; line-height:36px; margin-bottom:16px;}
.jmpart2 .infor .con{font-size:16px; line-height:26px; padding:0 21%;}
.jmpart2 .content{margin-top:70px;}
.jmpart2 .content .list li{width:25%; float:left; text-align:center;}
.jmpart2 .content .list li .li_box .icon{width:64px; height:64px; margin:0 auto 10px; transition:all 0.5s ease;}
.jmpart2 .content .li_box:hover .icon{transform:rotateY(180deg);}
.jmpart2 .content .list li .li_box .t{font-size:18px; line-height:30px; color:#666; margin-bottom:10px;height: 60px;}
.jmpart2 .content .list li .li_box .number{font-size:20px; color:#666;}
.jmpart2 .content .list li .li_box .number .num{font-size:48px; line-height:60px; color:#0e2b5c; font-family:Impact;}
.jmpart2 .content .list li .li_box sup{font-size:36px; font-family:Arial;}

.jmpart2 .content .list li .li_box img{width:64px;height:64px;}


.news{ height:560px; overflow:hidden;padding-top: 30px;}
.news h3{ height:71px;text-align:center; line-height:160%;}
.news h3 a{ color:#0e2b5c; font-size:40px; text-transform:uppercase; }
.news dl{ width:400px; float:left; padding-bottom:39px;}
.news dl dt{ font-size:0; float:left; width:66px;}
.news dl dt img{ width:66px; height:66px; border-radius:66px;}
.news dl dd{ float:left; width:280px; padding-left:23px;}
.news dl dd h4 a{ color:#1a1a1a; font-size:14px; font-weight:bold; line-height:28px;}
.news dl dd h4 a:hover{ color:#0e2b5c;}
.news dl dd p{ padding-top:15px; color:#7b7a7a; font-size:14px;}



.p1-s01 {
	padding: 100px 0 100px
}

.p1-s01 .container{
	
	box-sizing: border-box;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
.p1-s01 h2 {
	text-align: center;
}

.p1-s01 .industry-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p1-s01 li {
	width: 49%;
	max-width: 580px;
	-webkit-box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	background-color: #fff;
	position: relative
}

.p1-s01 li:last-child {
	margin: 0 auto;
	margin-right: 0
}

.p1-s01 li:hover h4 {
	color: #0e2b5c
}

.p1-s01 .text-wrap {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 25px 60px
}

.p1-s01 h4 {
	margin-bottom: 15px;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}

.p1-s01 i {
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

.p1-s01 a.btn {
	display: inline-block;
	border-radius: 50px;
	text-align: center;
	padding: 9px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #0e2b5c;
	font-size: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #0e2b5c;
	position: absolute;
	bottom: -25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	-webkit-box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1)
}

.p1-s01 a.btn i {
	margin-right: 10px;
	font-size: 24px
}

.p1-s01 a.btn:hover {
	background-color: #0e2b5c;
	color: #fff
}

@media (max-width:1450px) {
	.p1-s01 {
		padding: 50px 0 100px
	}
}


.list1 {
    background: #f2f2f2;
	padding-top: 20px;
}
.al_bj{background:white;height: 780px;padding-top:60px;box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;background: #f2f2f2;}
@media (min-width: 1200px) {.al_bj {height: 500px; }}
@media (min-width: 1600px) {.al_bj {height: 500px; }}
.al_nr{background: #fff;height: 503px;padding:24px 20px 21px 25px;box-sizing: border-box;position: relative;}
.al_n{border:1px solid #d2d2d2;height: 456px;padding-left:19px;}
.al_n .tempWrap {
    width: 100% !important;
}
.al_n li{float:left;padding:19px 21px 0 0px;border-right:1px solid #d2d2d2;height:437px;margin-right:21px;width: 390px;}
.al_n li i {font-size:0;line-height: 0;overflow: hidden;width:100%;display: block;}
.al_n li i img{height: 193px;transition:all 0.5s;object-fit: cover;width:100%;}
.al_n li:hover i img{transform:scale(1.1);}

.al_n li h4 a{display: block;text-decoration: none;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:20px;}
.al_n li:hover h4 a{color:#00284f;}
.al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px;border-bottom:1px dashed #c3c3c3;}
.al_n li em{display: block;text-align: right;}
.al_n li em a{font-size:14px;color: #00284f;padding-right:18px;background: url(../images/al_ico1.jpg) no-repeat right;display: inline-block;margin-top:20px;font-style: normal;}
.al_n li:last-child{margin:0;border:0;}
.al_j1,.al_j2{position: absolute;top:246px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
.container .w1200 .title h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 55px;
    color: #333;
    font-family: "sycn";
}
.container .w1200 .tablist {
    text-align: center;
    line-height: 37px;
    margin-top: 10px;
    position: relative;
}
.container .w1200 .tablist ul {
    width: 1210px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.container .w1200 .tablist ul li {
    width: 280px;
    height: 50px;
    float: left;
    margin: 0 10px;
    text-align: center;
    line-height: 50px;
    color: #00284f;
    background: #dbdbdb;
    border-radius: 6px;
}
.mb5 {
    margin-bottom: 3%;
}
.container .w1200 .list {
    font-size: 14px;
    float: left;
    width:100%;
}
.container .w1200 .tablist ul li a {
    font-weight: 300;
    text-decoration : none;
    color: #00284f;
    font-family: MicrosoftYaHeiLight;
}
.container .w1200 .list ul li a img {
    width: 100%;
}
.container .w1200 .list ul li a span {
		font-weight: 300;
    background: #0e2b5c;
    color: white;
}
.container .w1200 .list ul li {
    margin-right: 22px;
    width: 23%;
    float: left;
    border: 1px solid #ededed;
    transition: 0.5s all;
    overflow: hidden;
}
.container .w1200 .list ul li span {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    display: block;
}
.container .w1200 .tablist ul li:hover{
    color: #fff;
    background: #00284f;
}
.container .w1200 .tablist ul li:hover a{
    color: #fff;
}
.section-title {margin-bottom: 40px;font-size: 24px;font-weight: bold;line-height: 1;}
.section-title small {display: block;font-size: 42px;text-transform: uppercase;}
.section-title strong {display: block;position: relative;color: #0e2b5c;font-size: 30px;margin-top: 10px;}
.section-title strong:after {position: absolute;right: 0;top: 50%;height: 1px;width: 86%;content: "";background: #e5e5e5;}
.section-title-more .more-big {float: right;margin-top: -77px;}
.section-title-1 {text-align: center;font-size: 0;margin-bottom: 40px;}
.section-title-1 strong {display: block;font-size: 30px;text-transform: uppercase;}
.section-title-1 h4 {margin: 0;display: inline-block;vertical-align: middle;font-size: 24px;position: relative;padding: 0 42px;color: #0e2b5c;}
.section-title-1 h4:after,.section-title-1 h4:before {position: absolute;content: '';height: 1px;width: 22px;top: 50%;background-color: #0e2b5c;}
.section-title-1 h4:after {right: 0;}
.section-title-1 h4:before {left: 0;}

.section-sub {padding: 60px 0;}

.in-prd-menu {margin-top: -77px;position: relative;z-index: 1;margin-bottom: 40px;}
.in-prd-menu .hform {float: right;position: relative;margin-left: 10px;}
.in-prd-menu .hform input {display: block;padding: 11px 58px 11px 15px;font-size: 14px;border: 1px solid #ddd;background-color: #fff;width: 150px;}
.in-prd-menu .hform button {position: absolute;right: 0;top: 0;height: 44px;width: 44px;border: 0;padding: 0;cursor: pointer;background: url(../images/901_top9.png) center no-repeat #0e2b5c;}
.in-prd-menu ul {float: right;margin: -10px 0 0 -10px;}
.in-prd-menu li {float: left;}
.in-prd-menu li a {display: block;line-height: 44px;font-size: 16px;padding: 0 16px;background-color: #363e45;color: #fff;margin: 10px 0 0 10px;}
.in-prd-menu li.active a {background-color: #0e2b5c;}

.list-1 {margin: -50px 0 0 -20px;padding-bottom: 28px;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;padding: 20px 20px 50px;background-color: #f0f0f0;-webkit-transition: all 0.5s;transition: all 0.5s;margin: 50px 0 0 20px;position: relative;}
.list-1 li .img-cover {padding-top: 66%;}
.list-1 li .text {line-height: 40px;font-size: 18px;margin-top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.list-1 li .desc {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;color: #888;}
.list-1 li .more {;border: 4px solid #f0f0f0;background: #ffffff;line-height: 48px;width: 48px;height: 48px;text-align: center;color: #b3b3b3;font-size: 12px; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;position: absolute;left: 50%;bottom: -28px;margin-left: -28px;}
.list-1 li a:hover {background-color: #363e45;color: #fff;}
.list-1 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-1 li a:hover .more {background-color: #0e2b5c;color: #fff;border-color: #0e2b5c;}
.list-1-1 .img-cover {margin: -20px -20px 0 -20px;}

.bg1 {background: url(../images/902_ys_bg.jpg) no-repeat center / cover #0e2b5c;color: #fff;}
.bg1 .section-title strong {color: #fff;}

.in-adv {margin: -20px 0 0 -20px;}
.in-adv li {float: left;width: 33.333333%;}
.in-adv li a {display: block;margin: 20px 0 0 20px;background: rgba(0,0,0,0.5);padding: 30px;overflow: hidden;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-adv li .img-center {float: left;width: 92px;line-height: 92px;height: 92px;border-radius: 50%;background-color: rgba(255,255,255,0.1);}
.in-adv li .text {margin-left: 116px;}
.in-adv li .text h4 {margin: 0;font-weight: normal;font-size: 20px;line-height: 1.8;}
.in-adv li .text p {margin: 10px 0 0;}
.in-adv li a:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);background-color: rgba(16,68,146,0.9);}

.list-2 {margin: -20px 0 0 -20px;}
.list-2 li {float: left;width: 33.333333%;}
.list-2 li a {display: block;margin: 20px 0 0 20px;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li .img-cover {padding-top: 66%;}
.list-2 li .more {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(49, 179, 120, 0.7);;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(0);transform: scale(0);}
.list-2 li .more i {text-transform: uppercase;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 54px;line-height: 54px;border-radius: 50%;text-align: center;margin: -28px 0 0 -28px;}
.list-2 li .text {line-height: 68px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding: 0 15px;}
.list-2 li a:hover {background-color: #0e2b5c;color: #fff;}
.list-2 li a:hover .more {-webkit-transform: scale(1);transform: scale(1);}
.list-2-1 li a {background-color: #f0f0f0;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.more-big {display: block;background-color: #363e45;width: 184px;line-height: 44px;color: #fff;position: relative;overflow: hidden;}
.more-big:after {position: absolute;right: 0;top: 0;width: 37px;content: "";height: 0;border-top: 44px solid #0e2b5c;border-left: 28px solid transparent;-webkit-transition: all .5s;transition: all .5s;}
.more-big span {display: block;padding: 0 15px 0 30px;font-size: 16px;position: relative;z-index: 1;}
.more-big span i {float: right;font-size: 20px;font-weight: bold;font-style: normal;}
.more-big:hover {color: #fff;}
.more-big:hover:after {width: 100%;height: 100%;}