﻿#iabout {display:flex;}
#iabout .text {width:65.625%;}
#iabout .profile {padding:100px 23% 100px 23%;}
#iabout .profile h1 {font-size:42px;}
#iabout .profile h1:after {display:block;margin:60px 0px 35px 0px;width:104px;height:10px;content:"";background-color:#054c95;}
#iabout .profile .text1 {float:left;width:46%;color:#888;}
#iabout .profile .text2 {float:right;width:46%;color:#888;}
#iabout .profile .text2 > a {display:block;margin-top:22px;width:192px;height:42px;line-height:42px;font-size:14px;font-weight:bold;text-align:center;border:4px solid #333;}
#iabout .profile .text2 > a:hover {color:#fff;border-color:#054c95;background-color:#054c95;}
#iabout .profile .editorc {line-height:1.9;}
#iabout .biaoyu {color:#fff;background-color:#054c95;}
#iabout .biaoyu li {display:inline-block;padding:30px 0px 35px 0px;width:50%;color:#fff;text-align:center;vertical-align:top;}
#iabout .biaoyu li:last-child {background-color:#000;}
#iabout .biaoyu li div {font-size:40px;font-weight:bold;}
#iabout .biaoyu li div span { position:relative;top:-5px;padding:0px 10px;font-size:20px;}
#iabout .imgs {width:34.375%;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.ititle {position:relative;z-index:2;padding-top:100px;text-align:center;}
.ititle h2 {margin-top:5px;font-size:40px;}
.iads {font-size:0px;}
.iads img {width:100%;}
.ibtn span {display:inline-block;margin-right:20px;width:40px;height:40px;vertical-align:top;border-radius:50%;border:5px solid #dcdcdc;background:url(../images/arrow3.png) no-repeat center center;cursor:pointer;}
.ibtn span:first-child {transform:rotate(-180deg);}
.ibtn span:last-child {margin-right:0;}
.ibtn span:hover {border-color:#054c95;background-image:url(../images/arrow5.png);}
/*===================================================================================*/

#iyoushi_box {position:relative;overflow:hidden;}
#iyoushi_box:before {position:absolute;top:0px;right:0px;z-index:1;display:block;width:392px;height:312px;content:"";background:url(../images/iyoushi_bg1.png) no-repeat;}
#iyoushi_box:after {position:absolute;bottom:90px;left:0px;z-index:1;display:block;width:236px;height:430px;content:"";background:url(../images/iyoushi_bg2.png) no-repeat;}
#iyoushi {display:flex;flex-flow:row wrap;position:relative;z-index:2;padding-bottom:100px;}
#iyoushi .rows {position:relative;margin:5% 6.4% 0px 0px;padding:60px 50px 80px 50px;width:29.066%;text-align:center;box-sizing:border-box;background-color:#f7f7f7;overflow:hidden;}
#iyoushi .rows:after {position:absolute;bottom:0px;left:0px;display:block;width:100%;height:4px;content:"";background-color:#333;}
#iyoushi .rows:nth-child(3n) {margin-right:0;}
#iyoushi .rows > div {font-size:0px;}
#iyoushi .rows > div img {opacity:1;height:50px;}
#iyoushi .rows > h3 {padding:20px 0px 30px 0px;font-size:28px;font-weight:normal;}
#iyoushi .rows > p {color:#888;font-size:20px;line-height:1.6;}
#iyoushi .rows .flex-column {position:absolute;top:0px;left:0px;z-index:2;padding:15px;width:100%;height:100%;box-sizing:border-box;}
#iyoushi .rows .flex-column:after {position:absolute;top:0px;left:0px;z-index:1;display:block;width:100%;height:100%;content:"";opacity:0;background-color:#054c95;transition:all 500ms;}
#iyoushi .rows .flex-column div {display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;margin:0px auto;width:130px;height:130px;border-radius:50%;text-align:center;opacity:0;background-color:#3770aa;transform:translateY(-30px);transition:all 300ms;overflow:hidden;}
#iyoushi .rows .flex-column h3 {position:relative;z-index:2;margin-top:30px;color:#fff;font-size:28px;font-weight:normal;opacity:0;transform:translateY(30px);transition:all 300ms;}
#iyoushi .rows:hover > div > img {opacity:0;}
#iyoushi .rows:hover .flex-column:after {opacity:1;}
#iyoushi .rows:hover .flex-column div {opacity:1;transform:translateY(0);}
#iyoushi .rows:hover .flex-column h3 {opacity:1;transform:translateY(0);}

/*===================================================================================*/

#iproducts_box {background-color:#f7f7f7;}
#iproducts_box > div {display:flex;position:relative;padding-top:100px;padding-bottom:200px;}
#iproducts_box > div:after {position:absolute;bottom:90px;right:0px;display:block;width:385px;height:44px;content:"";background:url(../images/prowz.png) no-repeat;}
#iproducts_tis {width:15%;}
#iproducts_tis .ititle {padding-top:0px;text-align:left;}
#iproducts_tis .ititle:after {display:block;margin:50px 0px 30px 0px;width:104px;height:10px;content:"";background-color:#054c95;}
#iproducts_tis .text {font-size:20px;line-height:1.6;}
#iproducts_tis .ibtn {margin-top:55px;}
#iproducts {margin-left:9.6%;width:75.4%;}
#iproducts .swiper-container {width:100%;font-size:0px;}
#iproducts .swiper-wrapper {width:100%;height:auto;}
#iproducts .swiper-slide {position:relative;padding-bottom:21px;}
#iproducts .swiper-slide img {width:100%;}
#iproducts .swiper-slide .name {position:absolute;bottom:0px;right:30px;padding-right:52px;width:0;height:52px;border-radius:26px;box-sizing:border-box;background-color:#054c95;transition:all ease-out 300ms;}
#iproducts .swiper-slide .name:after {position:absolute;top:6px;right:6px;display:block;width:40px;height:40px;content:"";border-radius:50%;background:url(../images/arrow4.png) no-repeat center center #fff;}
#iproducts .swiper-slide .name h2 {padding-left:20px;color:#fff;font-size:20px;font-weight:normal;text-align:center;line-height:52px;}
#iproducts .swiper-slide:hover .name {width:calc(100% - 60px);}

/*===================================================================================*/

#icases_box {display:flex;}
#icases_image {width:56.875%;}
#icases_image .swiper-container {width:100%;font-size:0px;}
#icases_image .swiper-wrapper {width:100%;height:auto;}
#icases_image .swiper-slide img {width:100%;}
#icases_tis {padding:0px 13% 0px 7%;width:43.125%;box-sizing:border-box;}
#icases_tis .ititle {padding-top:0px;text-align:left;}
#icases_tis .ititle:after {display:block;margin:50px 0px 30px 0px;width:104px;height:10px;content:"";background-color:#054c95;}
#icases_tis .ibtn {margin-top:80px;}
#icases_texts .swiper-container {width:100%;}
#icases_texts .swiper-wrapper {width:100%;height:auto;}
#icases_texts .swiper-slide h2 {font-size:24px;font-weight:normal;}
#icases_texts .swiper-slide p {padding:25px 0px 80px 0px;color:#888;line-height:1.8;}
#icases_texts .swiper-slide a {display:block;width:266px;height:80px;color:#fff;line-height:80px;text-align:center;background-color:#054c95;}
#icases_texts .swiper-slide a:after {position:relative;top:-1px;display:inline-block;margin-left:10px;width:16px;height:17px;content:"";vertical-align:middle;background:url(../images/arrow6.png) no-repeat;}

#icases_image2 {display:none;}
#icases_image2 .swiper-container {width:100%;font-size:0px;}
#icases_image2 .swiper-wrapper {width:100%;height:auto;}
#icases_image2 .swiper-slide img {width:100%;}
#icases_text2 {display:none;}
#icases_text2 .swiper-container {width:100%;}
#icases_text2 .swiper-wrapper {width:100%;height:auto;}

/*===================================================================================*/

#ihonor_box {padding-bottom:100px;background-color:#f7f7f7;}
#ihonor {margin-top:90px;width:100%;font-size:0px;}
#ihonor .swiper-wrapper {width:100%;height:auto;}
#ihonor .swiper-slide div {overflow:hidden;}
#ihonor .swiper-slide img {width:100%;transition:all ease-out 400ms;}
#ihonor .swiper-slide p {margin-top:15px;color:#000;font-size:16px;text-align:center;}
#ihonor .swiper-slide:hover img {transform:scale(1.05);}
#ihonor .swiper-pagination {position:static;left:0px;bottom:0px;z-index:2;margin-top:100px;width:100%;height:10px;font-size:0px;}
#ihonor .swiper-pagination span {margin:0px;width:10px;height:10px;font-size:0px;border-radius:5px;background:#bfbbaf;opacity:1;transition:all linear 300ms;overflow:hidden;}
#ihonor .swiper-pagination span.swiper-pagination-bullet {margin:0px 5px;}
#ihonor .swiper-pagination span.swiper-pagination-bullet-active {width:40px;background:#054c95;}

#ipartner {padding-bottom:100px;}
#ipartner ul {padding-top:3%;}
#ipartner ul li {display:inline-block;margin:3% 2.85% 0px 0px;width:14.292%;font-size:0px;vertical-align:top;overflow:hidden;}
#ipartner ul li:nth-child(6n) {margin-right:0;}
#ipartner ul li img {width:100%;transition:all ease-out 300ms;}
#ipartner ul li img:hover {transform:scale(1.05);}

/*===================================================================================*/

#inews {padding-bottom:100px;}
#inews .tjs {margin-top:90px;}
#inews .tjs li {display:inline-block;margin-right:1.4%;width:23.95%;vertical-align:top;}
#inews .tjs li:last-child {margin-right:0;}
#inews .tjs li > a {display:block;font-size:0px;overflow:hidden;}
#inews .tjs li > a img {width:100%;transition:all ease-out 400ms;}
#inews .tjs li h2 {padding:20px 0px 10px 0px;font-size:20px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#inews .tjs li p {color:#888;}
#inews .tjs li:hover img {transform:scale(1.05);}

#inews .list {padding-top:50px;}
#inews .list li {position:relative;display:inline-block;margin-top:20px;padding-left:100px;width:49.3%;height:80px;box-sizing:border-box;overflow:hidden;}
#inews .list li:nth-child(even) {margin-left:1.4%;}
#inews .list li div {position:absolute;top:0px;left:0px;width:80px;height:80px;color:#fff;text-align:center;border-radius:5px;background-color:#054c95;overflow:hidden;}
#inews .list li div i {display:block;margin:0px auto;width:60px;height:50px;line-height:50px;font-size:38px;font-style:normal;text-align:center;border-bottom:1px solid #fff;}
#inews .list li div span {position:absolute;bottom:5px;left:0px;display:block;width:100%;}
#inews .list li h2 {font-size:20px;font-weight:normal;}
#inews .list li p {padding:8px 20px 0px 0px;height:48px;line-height:24px;font-size:14px;overflow:hidden;}