@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h4, h5{font-size:100%; font-weight:bold;}
img{border:none; vertical-align:middle;}
ul{list-style:none;}
li{list-style-type:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
a{text-decoration:none; color:inherit;}
i{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}

/*html5*/
section{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/

/*文字截断*/
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*transition*/
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}

/*网页限定宽度*/
.w1520{width: 90%;margin: 0 auto;max-width: 1520px;}

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/

.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz36{font-size: 36px;}

.iTitle{margin-bottom: 45px;padding-left: 22px;position: relative;}
.iTitle::before{content: "";width: 3px;height: 100%;position: absolute;left: 0;top:0;background: #513F74;}
.iTitle .en{color: #333333;line-height: 1;font-weight: normal;text-transform: uppercase;font-family: "Didot";}
.iTitle p{line-height: 14px;color: #CACACA;max-width: 428px;}

.line{width: 100%;height: 100%;position: absolute;top:0;left: 50%;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);z-index: 0;}
.line i{width: 1px;height: 100%;position: absolute;top: 0;left: 0;background: #F2F2F2;}
.line i:nth-child(2){left: 20%;}
.line i:nth-child(3){left: 40%;}
.line i:nth-child(4){left: 60%;}
.line i:nth-child(5){left: 80%;}
.line i:nth-child(6){left: 100%;}

.isect4{background: url(isect4Bg.jpg) no-repeat center top;background-size: cover;}
.isect4 .w1520{position: relative;padding: 68px 0 78px;}
.isect4 .line i:nth-child(2),.isect4 .line i:nth-child(4),.isect4 .line i:nth-child(5){opacity: 0;}
.isect4 .line i{background: #FFFFFF;opacity: 0.22;}
.isect4 .iTitle{padding-top: 8px;}
.isect4 .iTitle:before{background: #FFFFFF;}
.isect4 .iTitle .en,.isect4 .iTitle p{color: #fff;}
.isect4 .content{width: 608px;margin-right: 10%;position: relative;}
.isect4 .content b{width: 46px;height: 46px;position: absolute;}
.isect4 .content b:nth-child(1){left: -1px;top:-1px;border-left: 1px solid rgba(255,255,255,0.72);border-top: 1px solid rgba(255,255,255,0.72);border-radius: 22px 0 0 0;}
.isect4 .content b:nth-child(2){right: 2px;top:-1px;border-right: 1px solid rgba(255,255,255,0.72);border-top: 1px solid rgba(255,255,255,0.72);border-radius: 0 22px 0 0;}
.isect4 .content b:nth-child(3){right: 2px;bottom:-1px;border-right: 1px solid rgba(255,255,255,0.72);border-bottom: 1px solid rgba(255,255,255,0.72);border-radius: 0 0 22px 0;}
.isect4 .content b:nth-child(4){left: -1px;bottom:-1px;border-left: 1px solid rgba(255,255,255,0.72);border-bottom: 1px solid rgba(255,255,255,0.72);border-radius: 0 0 0 22px;}
.isect4 .content li{width: 50%;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);margin: -1px 0 0 -1px;}
.isect4 .content li:nth-child(1){border-radius: 22px 0 0 0;}
.isect4 .content li:nth-child(2){border-radius: 0 22px 0 0;}
.isect4 .content li:nth-last-child(2){border-radius: 0 0 0 22px;}
.isect4 .content li:last-child{border-radius: 0 0 22px 0;}
.isect4 .content li a{display: block;height: 120px;padding: 0 20px;display: flex;align-items: center;text-align: center;}
.isect4 .content li a .wrap{width: 100%;}
.isect4 .content li a h5{line-height: 24px;font-weight: normal;color: #fff;margin-top: 15px;}
.isect4 .content li a:hover .icon{transform: rotateY(180deg);}
/* .pageStyle table{margin:auto;} */

@media screen and (max-width: 1480px){
.fz14{font-size: 13px;}
.fz16{font-size: 15px;}
.fz36{font-size: 30px;}

.iTitle{margin-bottom: 30px;}

.isect4 .w1520{padding: 52px 0 58px;}
.isect4 .content{width: 40%;}

}


@media screen and (max-width: 1024px){
.line{display: none;}

.iTitle .en{font-size: 26px;}

.isect4 .content li a h5{font-size: 14px;}
}

@media screen and (max-width: 760px){


.fz14{font-size: 12px;}
.fz16{font-size: 14px;}
.fz36{font-size: 26px;}

.isect4 .iTitle,.isect4 .content{width: 100%;}
.isect4 .content{margin: 20px auto 0;}
.isect4 .content li a{height: 100px;}
.isect4 .content li a .wrap .icon{height: 26px;}
.isect4 .content li a h5{margin-top: 8px;line-height: 20px;}
/* .page a.num.on{display: inline-block;} */

}

@media screen and (max-width: 468px){


.iTitle{margin-bottom: 18px;}
.isect4 .w1520{padding: 30px 0;}
.isect4 .content{margin-top: 0;}


}