@charset "utf-8";
.iab_box{margin:80px auto}
.iab_box .iab_l{float:left;width:44%;position:relative}
.iab_box .iab_l img{width:100%;height:auto;position:relative;z-index:1}
.iab_box .iab_l span{display:block;position:absolute;width:100%;height:100%;right:-20px;bottom:-20px;background:#b3b3b3}
.iab_box .iab_l ins{display:block;position:absolute;width:140px;height:2px;right:-120px;bottom:50%;background:#b3b3b3;z-index:2}
.iab_box .iab_r{float:right;width:45%}
.iab_box .iab_r h3{font-size:27px;font-weight:800}
.iab_box .iab_r p{font-size:14px;color:#808080;line-height:24px;margin-top:30px}
.iab_box .iab_r a{display:block;margin-top:30px;width:110px;line-height:34px;font-size:13px;color:#fff;text-align:center;background:#014da1;transition:0.3s}
.iab_box .iab_r a:hover{background:#f8b300}
.new_box{margin:60px auto 0}
.new_box .news li{width:100%;padding:20px 0;border:1px solid #eee;margin-bottom:30px;position:relative;overflow:hidden;;box-sizing:border-box}
.new_box .news li a{display:block}
.new_box .news li h4{text-align:right;font-size:14px;color:#404040;margin-top:-15px}
.new_box .news li em{font-size:40px;font-style:normal;font-weight:bold;text-align:right;color:#404040}
.new_box .news li img{float:left;width:160px;height:auto}
.new_box .news li div{float:left}
.new_box .news li .n01{margin-left:60px}
.new_box .news li strong{float:left;width:30px;height:2px;background:#ccc;margin:auto 20px;margin-top:28px}
.new_box .news li .n02{width:45%;margin:auto 4%}
.new_box .news li .n02 h3{font-size:15px;color:#404040;margin-bottom:15px;transition:0.3s}
.new_box .news li .n02 p{font-size:12px;color:#999;line-height:18px;height:36px;overflow:hidden}
.new_box .news li .n03{width:120px;border:1px solid #d9d9d9;border-radius:13px;line-height:26px;margin:27px 0;transition:0.3s}
.new_box .news li .n03 h5{float:left;line-height:26px;color:#999;font-size:12px;margin-left:25px;transition:0.3s}
.new_box .news li .n03 span{display:block;width:16px;height:26px;float:right;margin-right:25px;background:url("more01.png") center no-repeat;background-size:16px;transition:0.3s}
.new_box .rmore{margin-top:60px}
.new_box .news li ins{display:block;width:4px;height:100%;position:absolute;top:0;right:-6px;transition:0.4s;background:#014da1}
.new_box .news li:hover .n03{background:#014da1;border:1px solid #014da1}
.new_box .news li:hover .n03 h5{color:#fff}
.new_box .news li:hover .n03 span{background:url("more02.png") center no-repeat;background-size:16px}
.new_box .news li:hover ins{right:0}
.new_box .news li .n02 h3:hover{color:#014da1}
.ititle{margin:auto;text-align:center;padding-bottom:50px;background:#fff}
.ititle h1{font-size:30px;font-weight:bold;text-transform:uppercase}
.ititle ins{display:block;margin:10px auto;width:46px;height:4px;background:#014da1}
.ititle h2{font-size:20px}
.rmore{margin-top:50px}
.rmore a{display:block;margin:auto;text-align:center;font-size:14px;color:#fff;line-height:36px;width:130px;border-radius:18px;background:#014da1;transition:0.3s}
.rmore a:hover{background:#f8b300}
.tese_box ul li{float:left;width:25%;overflow:hidden;}
.tese_box ul li a{display:block;position:relative;overflow:hidden}
.tese_box ul li img{width:100%;height:auto;transition:0.4s}
.tese_box ul li a:hover img{transform:scale(1.08)}
.tese_box ul li div{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.50)}
.tese_box ul li div h4{font-size:16px;color:#fff;text-align:center;margin-top:45%;text-transform:uppercase}
.tese_box ul li div ins{position:absolute;height:30px;width:100%;background:url("tsm.png") center no-repeat;background-size:54px 30px;left:0;bottom:100px}
@media screen and (max-width: 959px){
.iab_box{margin:50px auto}
.iab_box .iab_l{width: calc(100% - 40px);margin:0 auto;box-sizing:border-box}
.iab_box .iab_l ins,.tese_box ul li div ins{display:none;}
.iab_box .iab_l span{width:95.5%;}
.iab_box .iab_r{width:100%;margin:0 auto;box-sizing:border-box}
.iab_box .iab_r h3{font-size:3em;font-weight:800;margin-top:3em;}
.tese_box ul li{float:left;width:46.5%;overflow:hidden; margin:2.5% 0 0 2.5%}
.tese_box ul li div h4{font-size:16px;margin-top:25%;}
.new_box .news li .n01{margin-left:20px}
.new_box .news li .n02{width:100%;margin:2em auto 0;box-sizing:border-box; padding:0 1.5em;}
.new_box .news li .n03{ display:none;}
.new_box .rmore{margin-top:3em; margin-bottom:3em}

}