﻿@charset "utf-8";
 .more{background: #2097b4; width: 185px;height:50px;text-align: left;font-size: 18px;line-height: 50px;color: #fff;padding-left: 30px;box-sizing: border-box;position: absolute; z-index: 999;bottom: 20px}
 .more:before{content: '';position: absolute;left: 0;top: 0;width: 4px;background: #f96a1b; height: 100%;transition: all 0.6s; -ms-transition: all 0.6s;z-index: -1}
 a:hover .more:before{content: '';position: absolute;left: 0;top: 0;width: 100%;background: #f96a1b; height: 100%;}
 .more img{position: absolute; left: 55px; top: 26px}

/*p_01*/
.szfjl_p_01{background: url(../images/index_bg_01.jpg) center no-repeat; height: 560px;text-align: center;padding-top: 80px;box-sizing: border-box;}
.szfjl_p_01_list{display: flex; flex-wrap: wrap;justify-content: space-around;margin-top: 80px;text-align: center;width: 1000px;}
.szfjl_p_01_list li{box-sizing: border-box;margin-bottom: 10px}
.szfjl_p_01_list li a{padding: 0 25px;background: #2097b4;border-radius: 30px;color: #fff; height: 40px;line-height: 40px;display: inline-block;}
.szfjl_p_01_list li a:hover{background: #ff6a00}

.szfjl_p_01_con{display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 80px;text-align: center;}
.szfjl_p_01_con dl{width: 20%;border-right: 1px solid #efefef;box-sizing: border-box;padding: 30px 0;}
.szfjl_p_01_con dl:last-child{border-right: 0 }
.szfjl_p_01_con dl dt{font-size: 60px;font-family: 'Impact';position: relative;color: #2097b4}
.szfjl_p_01_con dl dt span{width: 30px; height: 30px;background: #f96a1b;color: #fff;border-radius: 50%;position: absolute;display: inline-block; font-family:"Microsoft Yahei";font-size: 18px;line-height: 30px}
.szfjl_p_01_con dl dd{color:#999999;font-size: 16px;line-height: 240%}
.szfjl_p_01_con dl dt em{font-style: normal;}

/*product*/
.szfjl_product {padding: 40px 0;position: relative;box-sizing: border-box;background: url(../images/index_bg_02.gif) top center no-repeat ; height: 845px}
.szfjl_product ul{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0 0}
.szfjl_product ul li{width: 580px;border: 1px solid #efefef; box-sizing: border-box;padding: 20px;margin-bottom: 20px;position: relative;overflow: hidden;text-align: left;background: #ffffff}
.szfjl_product ul li a{display: block;width: 540px; box-sizing: border-box;}
.szfjl_product ul li span{font-size: 24px;color: #333;font-weight: bold;}
.szfjl_product ul li a img{ transition: all 0.6s; -ms-transition: all 0.8s;}
.szfjl_product ul li a:hover img{transform: scale(1.05);-ms-transform: scale(1.05);}
.szfjl_product ul li a .right{width: 265px; height: 230px;overflow: hidden;}
.szfjl_product ul li a .left{width: 240px;}
/*cases*/
.szfjl_cases{padding: 30px 0 20px}
.szfjl_cases ul{}
.szfjl_cases ul li{width: 285px; height: 220px;overflow: hidden;position: relative;float: left;margin-left: 35px;margin-bottom: 35px}
.szfjl_cases ul li img{position: relative;width: 100%; }
.szfjl_cases ul li .tit{background:rgba(32,151,180,0.95);position: absolute;bottom: 0;width: 100%; line-height: 40px;color: #fff;padding: 0 20px;box-sizing: border-box;font-size:14px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.szfjl_cases ul li .tit .description{display: none}
.szfjl_cases ul li:first-child{width: 625px; height: 475px;margin-left: 0}
.szfjl_cases ul li:first-child .tit{font-weight: bold;font-size: 16px;padding-top: 10px;}
.szfjl_cases ul li:first-child .description{display: block;line-height: 180%;padding-bottom: 20px;font-size: 14px;font-weight: normal;}
.szfjl_cases ul li:hover .tit{background:rgba(255,106,0,0.95);}

/*partner*/
.szfjl_partner{ overflow:hidden; position:relative;margin-bottom: 20px }
.szfjl_partner .next,.szfjl_partner .prev{width: 40px;font-size: 50px;color: #333;display: inline-block;font-family: 'Kaiti';cursor: pointer;float: left; height: 100px; line-height: 100px;font-weight: bold}
.szfjl_partner .next:hover,.szfjl_partner .prev:hover{color: #f96a1b}
.szfjl_partner .bd{width: 1200px;float: left}
.szfjl_partner .bd ul{ overflow:hidden; zoom:1; }
.szfjl_partner .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.szfjl_partner .bd ul li .pic{ text-align:center; }
.szfjl_partner .bd ul li .pic img{ width:200px; height:100px; display:block;  padding:2px; border:1px solid #ccc; box-sizing: border-box;}
.szfjl_partner .bd ul li .pic a:hover img{ border-color:#999;  }
.szfjl_partner .bd ul li .title{ line-height:24px;   }

/*Advantage*/
.szfjl_Advantage{background: url(../images/index_bg_03.jpg) no-repeat center top; height: 620px;padding: 30px 0 0}
.szfjl_Advantage ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 46px}
.szfjl_Advantage ul li{width: 275px; background: #2698b3;text-align:center;position: relative;cursor: pointer}
.szfjl_Advantage ul li span{height: 90px;font-size: 20px;font-weight: bold;color: #fff;display: inline-block;padding: 20px 20px 0;box-sizing: border-box;}
.szfjl_Advantage ul li em{display: inline-block;width: 50px; height: 50px;background: #ff6a00;color: #fff;line-height: 50px; border-radius: 50%;font-style: normal;font-size: 24px;position: absolute;bottom: 70px;left: 50%;margin-left: -25px;font-weight: bold}
.szfjl_Advantage ul li:hover{background: #ff6a00;}
.szfjl_Advantage ul li:hover em{background: #fff;color:#ff6a00 }

/*about*/
.szfjl_about{padding: 0 0;background: url(../images/index_bg_04.jpg) center;position: relative; height: 505px}
.szfjl_about .szfjl_about_con{}
.szfjl_about .szfjl_about_con .fr{ width: 545px;padding: 0 60px;box-sizing: border-box;}
.szfjl_about .szfjl_about_con .fr p{text-indent: 30px; font-size: 14px; line-height: 240%;color: #666;text-align: left;}
.szfjl_about .szfjl_about_con .fr  .more{bottom: 100px}

/*news*/
.szfjl_news{position: relative;padding: 40px 0;min-height: 400px}
.szfjl_news .parHd{width: 210px;float: left }

.szfjl_news .parHd ul{position: absolute;bottom: 30px}
.szfjl_news .parHd ul li{cursor:pointer;margin: 10px auto}
.szfjl_news .parHd ul li a{border: 2px solid #2097b4;padding: 8px 30px;background: #2097b4;border-radius: 30px;color: #fff;display: inline-block;box-sizing: border-box;}
.szfjl_news .parHd ul li.on a{border: 2px solid #ff6a00;background: #fff;color: #ff6a00}

.szfjl_news .parBd{width: 970px;float: right}
.szfjl_news .szfjl_news_pic{  zoom:1; width: 705px; position:relative;float: right;overflow:hidden; zoom:1; padding:0 20px; box-sizing: border-box;}
.szfjl_news_pic .sNext,.szfjl_news_pic .sPrev{width: 20px;font-size: 40px;color: #2097b4;display: inline-block;font-family: 'Kaiti';cursor: pointer;height: 164px; line-height: 164px;font-weight: bold;position: absolute;right: 0;top: 0}
.szfjl_news_pic .sPrev {left: 0}
.szfjl_news_pic .sNext:hover,.szfjl_news_pic .sPrev:hover{color: #f96a1b}
.szfjl_news .parBd ul{ overflow:hidden; zoom:1; }
.szfjl_news .parBd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.szfjl_news .parBd ul li .pic{ text-align:center; }
.szfjl_news .parBd ul li .pic img{ width:200px; height:110px; display:block; border-radius: 10px }
.szfjl_news .parBd ul li .title{ line-height:30px;font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 200px}
.szfjl_news .parBd ul li .date{ line-height:24px;font-size: 14px; color: #999}

.szfjl_news .parBd .top{border-bottom: 1px solid #efefef;padding-bottom: 30px;margin-bottom: 30px}
.szfjl_news .parBd .top .left{width: 250px;float: left}
.szfjl_news .parBd .top .left .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 16px;line-height: 25px}
.szfjl_news .parBd .top .left .jj{font-size: 14px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin: 5px 0}
.szfjl_news .parBd .top .left .date{font-size:40px;color: #f60;font-weight: bold;position: relative;margin-bottom: 10px;display: inline-block;}
.szfjl_news .parBd .top .left .date:before{content: ''; width: 100%; height: 20px;background: #2097b4;position: absolute;bottom: 0;z-index: -1}

.szfjl_news .parBd .bottom{ display: flex;flex-wrap: wrap;justify-content: space-between; }
.szfjl_news .parBd .bottom .t{width: 45% ;position: relative;font-size: 14px;line-height: 35px;box-sizing: border-box;padding-right: 100px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left: 20px}
.szfjl_news .parBd .bottom .t:after{content: '>';color: #666;position: absolute;left: 0;font-family: 'Kaiti'}
.szfjl_news .parBd .bottom .t .date{position: absolute;right: 0;color: #666}