@charset "utf-8";
/* CSS Document */


.h1,.h2,.h3,.h4,.h5{padding: 0;margin: 0;}
.h1,.h2,.h3,.h4,.h5{ font-weight:normal;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #555;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0378bb;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

div.box-absolute{ position:absolute; width:100%; height:100%; z-index:10}
div.table{ display:table; width:100%; height:100%; table-layout: fixed;}
div.table-cell{ display:table-cell; vertical-align:middle;}

.row {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row1,.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row1 {	-webkit-line-clamp: 1;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.row4 {	-webkit-line-clamp: 4;}
.row5 {	-webkit-line-clamp: 5;}
.row6 {	-webkit-line-clamp: 6;}
.fl{ float:left}
.fr{ float:right}

.auto{ margin:0 auto; position:relative}
.auto_1440{ max-width:1435pxpx; padding:0 15px}
.auto_1680{ max-width:1680px;}

.f-30{ font-size:30px; line-height:36px;}
.f-24{ font-size:24px;}
.f-18{ font-size:18px; line-height:32px;}
.f-16{ font-size:16px; line-height:30px;}
.f-12{ font-size:12px;}
@media(max-width:960px){
.f-30{ font-size:22px; line-height:30px;}
.f-24{ font-size:18px;}
.f-18{ font-size:16px; line-height:25px;}
.f-16{ font-size:15px; line-height:24px;}
}
@media(max-width:640px){
.f-30{ font-size:20px; line-height:26px;}
}

.news_list .photo{ overflow:hidden;}
.news_list .photo img{ width:100%;transition: .5s;}

.news_list .intro{ padding-left:5%; position:relative;}
.news_list .intro .h3{ line-height:40px; height:40px; overflow:hidden; color:#333333}
.news_list .intro .h3 a{ color:#333333}
.news_list .intro .txt{  overflow:hidden;color:#999}
.news_list .hot{ padding-top:4%; margin-bottom:4%; position:relative}
.news_list .hot:after{ position:absolute; content:''; left:0; width:86%; bottom:25px; height:1px; background-color:#eeeeee;}
.news_list .hot .photo{ width:51.4%}
.news_list .hot .intro h5{ font-size:16px; color:#999999}
.news_list .hot .intro .txt{ max-height:120px; margin:20px 0;}
.news_list .hot .slick-dots{ width:auto; position:absolute; right:60px; bottom:18px;}
.news_list .hot .slick-dots li{ display:none; padding:0}
.news_list .hot .slick-dots li button{ font-size:14px; width:auto; color:rgba(2,56,148,0.5);border-radius:inherit; background:none}
.news_list .hot .slick-dots li.slick-active{ display:block;}
.news_list .hot .slick-prev,
.news_list .hot .slick-next{ top:auto; border:none; bottom:-4px; width:30px; height:30px;}
.news_list .hot .slick-prev{ left:auto; right:90px; background-image: url(../images/slick-prev2.png);}
.news_list .hot .slick-next{ background-image: url(../images/slick-next2.png);}
.news_list .hot .slick-prev:hover{background-image: url(../images/slick-prev2-on.png);}
.news_list .hot .slick-next:hover{ background-image: url(../images/slick-next2-on.png);}
.news_list .hot .num{ font-size:14px; line-height:16px; position:absolute; right:36px; bottom: 18px; color:rgba(2,56,148,0.5)}
.news_list .hot .num em{ font-style:normal; padding-left:13px; padding-right:5px;}

.news_list .list .item{ padding:25px 20px;}
.news_list .list .item:nth-child(odd){ background-color:#f9f9f9;}
.news_list .list .item:nth-child(even){ background-color:#fff;}

.news_list .list .item a{ display:block; color:#999}
.news_list .list .photo{ width:27.2%}
.news_list .list time{ display:block; padding:10px 0}
.news_list .list .txt{ max-height:60px;}

.news_list .item:hover .photo img{transform:scale(1.1);}
.news_list .item:hover .intro .h3,
.news_list .item:hover .intro .h3 a{ color:#014099}

@media(max-width:769px){
.news_list .hot:after{ width:65%}
.news_list .photo,
.news_list .intro{ display:block!important; width:100%!important; padding:1% 0}
.news_list .hot .intro .txt,
.news_list .list .txt{ max-height:none}
.news_list .list .item{ padding:2%;}
.news_list .hot .intro .txt{ margin:5px 0}
}
.solutions_list { padding:5% 0}
.solutions_list .item{ position:relative}
.solutions_list .icon{ position:absolute; width:100%; top:85px; text-align:center; z-index:5}
.solutions_list .icon span{ display:inline-block; border-radius:100px; position:relative; width:80px; height:80px; line-height:80px; background-color:#014099; color:#fff; text-align:center; font-size:36px;font-family: Impact Regular;}
.solutions_list .icon span:before,
.solutions_list .icon span:after{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; border-radius:100px;}
.solutions_list .icon span:before{ z-index:6; box-shadow:0 0 0 10px rgba(221,221,221,0.3);}
.solutions_list .icon span:after{ z-index:5; animation: waveMove1 2s linear infinite;  box-shadow:0 0 0 20px rgba(221,221,221,0.3);}
.solutions_list .icon img{ border-radius:100px;}
.solutions_list .icon.num{ top:50%; margin-top:-40px;}
.solutions_list .intro{ padding-top:3%; padding-bottom:3%}
.solutions_list .title{ font-size:18px; color:#014099; padding:3% 0;}
.solutions_list .title b{ font-size:22px;}
.solutions_list .info1,
.solutions_list .info2{ padding:2% 0}
.solutions_list .info2 ul li{ position:relative; padding-left:15px;}
.solutions_list .info2 ul li:before{ position:absolute; left:0; top:15px; content:''; display:block; width:3px; height:3px; background-color:#555555;}
.solutions_list .info2 .h3{ font-weight:bold;}
.solutions_list .photo img{ width:100%}
@keyframes waveMove1 {
	from {box-shadow:0 0 0 0px rgba(221,221,221,0.3);}
	to {box-shadow:0 0 0 20px rgba(221,221,221,0.3);}
}

.list_have_tab .tab_pic .slick-dots{ position:absolute; bottom:30px; width:auto; z-index:5;}
.list_have_tab .tab_title a{ margin-right:20px; display:inline-block!important; float:none!important; color:#999999; font-size:20px; width:auto!important; padding:10px 0;}
.list_have_tab .tab_title a:last-child{ margin-right:0}
.list_have_tab .tab_title .slick-current{ color:#014099; border-bottom:solid 2px #014099}
.list_have_tab .tab_title .slick-track{ width:auto!important}
 
@media(min-width:768px){
.solutions_list .intro{font-size:18px; line-height:30px;}
.solutions_list .title{ font-size:30px;}
.solutions_list .title b{ font-size:36px;}
.solutions_list .info2 .fl,
.solutions_list .info2 .fr{ width:48%}
.solutions_list .table-cell{ width:50%}
.solutions_list .item:nth-child(even) .intro{ padding-right:10%}
.solutions_list .item:nth-child(odd) .intro{ padding-left:10%}
.solutions_list .item:nth-child(even) .title,
.solutions_list .item:nth-child(even) .tab_title{ text-align:right}
.list_have_tab .item:nth-child(odd) .tab_pic .slick-dots{ right:5%;}
.list_have_tab .item:nth-child(even) .tab_pic .slick-dots{ left:5%;}

}
@media(max-width:1024px){
.solutions_list .title{ font-size:22px;}
.solutions_list .intro{ font-size:14px;}
}
@media(max-width:768px){
.solutions_list { padding:2% 0}
.solutions_list .item{ padding-bottom:5%}
.solutions_list .icon,
.solutions_list .icon.num{ left:10px; top:3%; width:auto; margin-top:auto}
.solutions_list .icon span{ width:42px;  height:42px; line-height:42px; font-size:24px;}
.solutions_list .title{ font-size:18px; line-height:30px; padding:15px 0}
.solutions_list .have-icon .title{ padding-left:70px;}
.solutions_list .item .intro{ padding:2% 0!important}
.solutions_list .info2 .fl,
.solutions_list .info2 .fr{ width:100%; float:none}
.solutions_list .table-cell{ width:100%; display:block;}
.list_have_tab .tab_title a{ font-size:16px;}
}