@charset"utf-8";
/*inx_pro*/
.inx_pro{background: #003589;padding:2.6vw 0 2.18vw;position: relative;}
.inx_pro_l{float:left;width: calc(50% - 9.88vw);text-align: center;padding:8px 4.94vw;position: absolute;top: 50%;transform: translateY(-50%);}
.inx_pro_r{float: right;width:calc(50% - 3.125vw);padding:0 1.5625vw;}
.inx_pro_l h3{color:#FFFFFF;font-size: 1.77vw;line-height: 3vw;letter-spacing: 0.2vw;}
.inx_pro_r span,.inx_pro_r a,.inx_pro_r h3{ color:#FFFFFF;}
.inx_pro_r ul li{ float: left; border:1px solid #FFFFFF;  width:calc(46.8% - 2px);  margin-bottom:4.16vw; }
.inx_pro_r ul li:nth-of-type(2n+1){margin-right:6.4%; }
.inx_pro_r .t_fl{ float:left; padding-bottom: 15px;}
.inx_pro_r .t_fr{float:right;line-height: 156px;}
.a_more{display:block;font-size: 16px;position: relative;width: 80px; transition:all 0.5s ease 0s; line-height:22px; top:68px;padding-left:20px;}
a.a_more:after {content: '';display: block;width: 20px;height: 20px;position: absolute;background: #fff;top: 0;right: 0;}
a.a_more:before {content: '';display: block;width: 8px;height: 8px;position: absolute;border-top:1px solid #333;top: 6px;right: 7px;border-right:1px solid #333333;transform: rotate(45deg);z-index: 1;}
.inx_pro_r ul li a{display:block;padding:4.86vw 0;text-align: center;}
.inx_pro_r ul li a img{ margin:0 auto 2.7vw;}
.inx_pro_r ul li a h4{ font-size:4vw; line-height:1; font-weight:normal;}
.inx_pro_r .title span{ display:block; text-align:left;}
.fts{ font-size:24px; font-weight:normal;}
.inx_pro_r .fts:last-child{line-height: 50px;}
.ftb{font-size:40px;font-weight:bold;line-height: 60px;}
.inx_nav.col div a {
    cursor: default;
}

.inx_pro div.col {  
    -webkit-column-count: 4;  
    /*-webkit-column-gap: 30px;  */
	column-count: 4; 
    -webkit-column-rule:0px solid red;  
      
    -moz-column-count: 4;  
    /*-moz-column-gap: 20px;  */
          -moz-column-rule:0px solid red;  

    font-size:14px;  
}  
.inx_pro div.col>div{
	text-align:center;
	border:1px solid #e2e2e6;
	height: 159px;
	}
 .inx_pro div.col>div a{ display:block;}
  
.inx_pro  div.col>div a img{display:block;margin: 20px auto;max-width: 100%;}
 .inx_pro div.col>div a h4{font-size: 1.04vw;padding-bottom:17px;line-height:20px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 /*inx_news*/
 .inx_news_hou li{ background:#f7f7f7;}
 .inx_news_l{ float:left; width:50%;}
 .inx_news_r{ float:right; width:50%;}
.inx_news ul li img{ float:left; width:50%;}
.inx_news ul li>a{ display:block; position:relative;}
.inx_news ul li>a:before{ content:''; width:16px; height:16px; background:#F7f7f7; position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; transform:rotate(45deg);}
.inx_news ul li>a>div{ float:left; width:calc(50% - 7.29vw); padding:5.2vw 4.43vw 1.5vw 2.86vw;}
.inx_news_title h3 {font-size: 2.08vw;color: #003589; line-height:1.5; display:inline-block; padding-bottom:1.04vw;}
.inx_news_title span {font-size:1.46vw;color: #003589; line-height:1.5; font-weight:normal; display:inline-block; font-family:arial;}
.inx_news_title h4 {font-size: 1.46vw;color: #222; line-height:1.5; display:block; font-weight:normal; padding-bottom:0.83vw;}
.inx_news_title p {font-size: 0.84vw;color: #222;  line-height:1.5;font-weight:normal; font-family:arial; display: -webkit-box;-webkit-box-orient: vertical; box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}

.content-pos { overflow: hidden;}
.content-pos{ margin: 0 auto;  width: 96%;}
/*index-content*/
.index-content { clear: both;}
.content1-box { padding:3.64vw 0 0.5vw;}
.index-content .page, .index-content .load_more { display: none;}
/*index-news*/
.index-content .NewsList_d1 li { padding: 40px 0 60px;margin:0 1vw 0 1vw;margin:calc(0 1vw 0 0);   background: #fff; float: left;  width: 27.5vw ; position:relative;}
.index-content .NewsList_d1 li:before{transition:0.3s linear 0s; content:'';width:100%; height:100%; display:block; position:absolute; z-index:-1; top:0px;}
.index-content .NewsList_d1 li:hover:before {transition:0.3s linear 0s; transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.index-content .NewsList_d1 a { display: block; width: 100%; font-size: 20px;color: #222;font-weight: normal; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }

.index-content .NewsList_d1 a:after {content: '了解更多 >';display: block;font-size: 14px;color: #222; margin-top:80px;}
.index-content .NewsList_d1 h3 {line-height: 24px; height:48px; font-weight: normal;font-size: 14px; color: #999; display: -webkit-box;-webkit-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.index-content .NewsList_d1 em {position: absolute; font-size: 14px; display: block; color: #999; font-style: normal; top:5px; left:0;}
.index-content .NewsList_d1 h3, .index-content .NewsList_d1 h2, .index-content .NewsList_d1 em { margin: 1.5vw 5% 0 5%; width: 90%;}
/*.index-content .NewsList_d1 em:after {position:absolute;right:0; top:0;	transition:0.3s linear 0s;    content:'';	background:url(/images/jiantou.png) no-repeat top center;width:22px;	height:13px;}
*/.index-content .NewsList_d1 h3 {max-height:90px;overflow:hidden; margin-top:10px; margin-bottom:10px; text-indent:0em;}
.tempWrap{padding:20px 0;}
.tempWrap ul{ overflow:visible !important;}
.index-content .NewsList_d1 ul {display: inline-block;}
.index-content .NewsList_d1 h2{height:25px;}
div#PhotoList_i1 .tempWrap{ margin:0 auto;}
.index-content .hd a {cursor:pointer;right: 0; position: absolute; width: 30px; display: inline-block; height: 30px; line-height: 30px;text-align: center; top:50%; transform: translateY(-50%); background: #CCCCCC;}
.index-content .leftLoop {	 padding:3vw 0; position: relative; height:17vw;}
.index-content .hd .prev { left:0;}
.index-content .hd { }

/*.index-content .NewsList_d1 li:nth-child(3n+1){ margin-left:0;}*/
/*index-title*/
.index-title span:last-child { font-size:18px;   color: #222; text-align:center; display:block;}
.index-title span:first-child {  display:block; font-size: 32px; text-transform: uppercase; color: #222; font-weight: bold; vertical-align: sub; text-align:center;}
.index-title { position: relative;}
span.line {bottom: 0; position: absolute;width: 40px; display: none; height: 4px; background: #585858; left: 0;}
/*hd*/
.hd a { font-weight: bold; font-size: 16px; font-family: "宋体","SimSun"; color:#FFFFFF;}
/*bd*/
.bd {
    margin: 0 3vw;
    overflow: hidden;
}

/*content2*/
.content2 span.line { position: relative;display: block;}
.content2 .index-title span:last-child { margin-top: 3.125vw;	 margin-top:clac(3.125vw); display: block;}
.content2-l, .content2-r { width: 50%; float: left;overflow:hidden;}
.content-img>div:first-child{margin-left:0;}
.content-img>div { margin-left: 2%; float: left; width: 32%; overflow: hidden;}
.contact1 {padding-bottom: 3.125vw; margin-bottom: 70px;border-bottom: 1px solid #ddd;}
/*contact inx_logo*/
 .inx_contact{ width:86% ; margin:0 auto; padding-top:3.125vw; margin-bottom:3.64vw;}
/*.inx_logo ul li{ float:left; width:15%; margin-right:2%;  }
.inx_logo ul li div{display:table-cell;vertical-align:middle;height:90px; width:300px; line-height:90px; text-align:center;}
.inx_logo ul li:last-child{ margin-right:0;}
 .inx_logo ul li img{ max-width:100%; max-height:100%;margin:0 auto; display:block;}
  .inx_logo{ margin-top:2.6vw;}

 */
 /*index_pro*/
.PListist_i1>ul{margin-left:0;}
.PhotoList_i1 {padding:15px 0 0 0;height: 176px;overflow: hidden;  width:100%; margin-left:10px;}
.PhotoList_i1 li{width: 204px;margin-right: 20px;margin-bottom:30px;float:left;}
.PhotoList_i1 li span{ font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.PhotoList_i1 li img{display: inline-block; width:100%; height:100%;}
.PhotoList_i1 li ah4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#demo2 { float: left; }
.PhotoList_i1 ul.clearfix{ float:left;}
 
 
 /*hover效果*/
 @media only screen and (min-width:721px){
/*	 .a_more:hover{ background: #e30911;  color:#003589;}*/	  
.mob_inx_nav{ display:none;}
.index-content .NewsList_d1 li:hover>h2 a,.index-content .NewsList_d1 li:hover>h2 a:after{color:#003589;}
.index-content .hd a:hover { border-color: transparent;background: #003589; color: #fff;}

	 }
 @media only screen and (max-width:1200px){
	 	 .PhotoList_i1{ height: auto;}
	 .PhotoList_i1 li{max-width: 204px;width: 31.25vw;margin-right: 2.5vw;margin-bottom:30px;float:left;}
.PhotoList_i1 li a img{display: inline-block; width:100%;}
	 .PhotoList_i1.bd{ margin:0;}

	 }
@media only screen and (max-width: 720px){
.index-content .leftLoop { height: auto;}
.inx_nav{  display:none;}	
.pc-ban{ display: none;}
.mob-ban{ display:block;}
div#PhotoList_i1{height:auto;}
.bd {
    margin: 0 10vw;
    overflow: hidden;
}
.tempWrap{padding:10px 0;}

.index-content .NewsList_d1 li {transition:0.3s linear 0s;  padding: 40px 0 40px 0;margin:0 1vw 0 1vw;  background: #fff; float: left;  width:80vw;position:relative;}
	 .PhotoList_i1 li{margin-bottom:0;}

.content1-box .content-pos{ width:100%;}
.mob-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{	width: 11px;height: 11px;margin:0 4px;display: inline-block;background: #a7bbe4;opacity: 1;border:1px solid #a7bbe4;}
.mob-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {opacity: 1;background: #e7252d; border: 1px solid #e7252d;}
.mob-ban .swiper-pagination{ bottom:14px;}
/*inx_pro*/
.inx_pro_l {float: none;position: static;transform: inherit;width: 100%;padding: 0;margin-bottom: 8.33vw;}
.inx_pro_l h3 {font-size: 5.56vw;line-height: 2;} 
.inx_pro_r {float: none;width: 92%;padding: 0 4%;}
span.fts {font-size: 4vw;}
span.ftb{font-size: 5.55vw;line-height: 8.33vw;}

a.a_more {font-size: 4vw;}
.inx_pro{ padding:6.2vw 0 2.18vw;}
.inx_pro_r .fts:last-child{ line-height:6.94vw;}
.title.clearfix { position: relative;}
.inx_pro_r .t_fr { position: absolute;transform: translateY(-50%);top: 50%;right: 0;}
a.a_more {top: 0;}
.inx_pro_r .t_fl{ padding-bottom:2.7vw;}
.content1-box { padding:8vw 0 0;}

 .inx_news_l{ float:none; width:100%;}
 .inx_news_r{ float:none; width:100%;}
 .inx_news_title p{ display:none;}
 .inx_news_title h3 {font-size: 4.16vw;color: #003589; line-height:1.5; display:inline-block; padding-bottom:1.04vw;}
.inx_news_title span {font-size:2.77vw;color: #003589; line-height:1.5; font-weight:normal; display:inline-block; font-family:arial;}
.inx_news_title h4 {font-size: 3.5vw;color: #222; line-height:1.5; display:block; font-weight:normal; padding-bottom:0.83vw;}
.inx_news ul li>a>div{float:left;width:calc(50% - 7.29vw);padding: 5.2vw 1.32vw 1.5vw 5.97vw;position: relative;transform: translateY(50%);}
.index-title span:first-child{ font-size:26px;}
.index-title span:last-child{ font-size:16px;}
.index-content .NewsList_d1 a{ font-size:16px;}
.index-content .NewsList_d1 h3, .index-content .NewsList_d1 h2, .index-content .NewsList_d1 em { margin: 1.5vw 0 0 0; width: 100%;}
.inx_contact{ padding-top:6.94vw;}
.inx_logo{margin-top: 6.94vw;}
.inx_logo ul li{ width:30%;  text-align:center; margin-right:5%;}
.inx_logo ul li:nth-child(3n){margin-right:0%;}
 .inx_logo ul li img{display:block;max-width:100%; max-height:60%;margin:0 auto;}


	}