.about { width:100%; margin:0px auto; clear:both; overflow:visible; background:url(../images/i_a_bg.jpg) repeat-y center top; height:890px; }

.about .fl { width:49.9%; float:left; text-align:right; padding-top:100px; }
.about .fr { width:50%; float:right; text-align:center; padding:5%;}
.about .fr h2 { padding-top:20px; padding-bottom:10px; color:#DF5B09; font-size:20px;}
.about .fr .bt1 {  color:#000; font-size:45px; text-transform:uppercase; line-height:67px;padding-top: 70px;font-weight: 600;}
.about .fr .bt2 { color:#000; font-size:25px; text-transform:uppercase;}
.about .fr .nr { color:#6e6e6e; font-size:16px; line-height:28px; padding-top:50px; font-family: "Rubik", sans-serif;}




.youshi { width:100%; margin:0px auto; clear:both; overflow:visible; background:url(../images/i_y_bg.jpg) no-repeat center top; height:821px; padding-top:310px;  }
.youshi .con { width:1200px; height:385px; margin:0px auto; background: url(../images/i_y_bg1.jpg) no-repeat right bottom #00479b;}

.youshi .con dl { width:33.3%; float:left; margin-top:70px; text-align:center; color:#fff; border-right:2px solid #163f7f; height:255px;  }
.youshi .con dl:nth-child(3) { border:none;}

.youshi .con dl dt { font-family:"Akz"; font-size:95px; padding-top:30px; }
.youshi .con dl dt i { font-size:60px; font-style:normal;}
.youshi .con dl dd { font-size:14px; width:70%; margin:0px auto; line-height:30px; padding-top:50px;}



.pro { width:100%; margin:0px auto; clear:both; overflow: hidden; background:#f0f0f0;  padding-bottom:80px;}

.pro .nr { width:1200px; margin:0px auto;}
.pro .nr .list_1 dl { width:100%; float:left; margin-bottom:18px;}
.pro .nr .list_1 dl dt { width:794px; height:416px;  overflow:hidden; }
.pro .nr .list_1 dl dt img {width:794px; height:416px;  }

.pro .nr .list_1 dl dd { background:#fff; text-align:left;height:416px; width:388px; padding-left:83px; padding-top:115px; transition:all 0.4s;    }
.pro .nr .list_1 a:hover dl dd { padding-top:105px;  }

.pro .nr .list_1 dl dd i { font-style:normal; font-size:65px; height:68px; width:80px; line-height:68px; border-right:0px solid #333; text-align:left; font-family: "Times New Roman", Times, serif; color:#333;}
.pro .nr .list_1 dl dd p { font-family:"微软雅黑"!important; font-size:45px; color:#333; }
.pro .nr .list_1 a dl dd p { font-family:"微软雅黑"!important; font-size:45px; color:#333; }
.pro .nr .list_1 dl dd span { font-size:30px; color:#bcbcbc; line-height:50px; font-family: "Times New Roman"; letter-spacing:5px;}

.pro .nr .list_2 { width:100%; float:left;} 
.pro .nr .list_2 dl { width:288px; height:288px; position:relative; margin-top:12px;}






.pro .nr .list_2 dl dt {width:288px; height:288px; }
.pro .nr .list_2 dl dt img {width:288px; height:288px;  }
.pro .nr .list_2 dl dd {bottom:30px; color:#2b2b2b; left:40px; z-index:2; transition:all 0.4s;text-align: center;width: 100%;padding-top:20px; }
.pro .nr .list_2 a:hover dl dd {bottom:40px; }
.pro .nr .list_2 dl dd i { font-style:normal; font-size:40px; height:68px; width:80px; line-height:48px; border-right:0px solid #fff; text-align:left; font-family: "Times New Roman", Times, serif; }
.pro .nr .list_2 dl dd p { font-family:"微软雅黑"!important; font-size:37px; }
.pro .nr .list_2 a dl dd p { font-family: microsoft yahei; font-size:28px; }
.pro .nr .list_2 dl dd span { font-size:18px; color:#2b2b2b; line-height:25px; font-family: Arial, Helvetica, sans-serif;padding-top:10px; }




.yy { width:100%; margin:0px auto; clear:both; overflow:visible; background:url(../images/i_s_bg.jpg) no-repeat center top #0d2e62; height:679px; padding-top:0px;  }
.yy .b1 { width:100%; text-align:center; font-size:45px; color:#fff; padding-top:60px; font-weight: 600;}
.yy .b2 { font-size:18px; text-align:center;  color:#fff; margin-top:30px;line-height: 30px; }
.yy .b3 {  color:#fff; margin-top:40px;}
.yy .nr { width:1012px; margin:0px auto; padding-top:70px;}


.nr{padding-bottom:48px;height:auto;overflow:hidden}
.nr h2{padding-top:20px;padding-bottom:24px;text-align:center;position:relative;font-size:24px;color:rgba(0,0,0,0.85);line-height:32px;font-weight:normal}
.nr ul li{float:left;width:216px;height:215px;border-radius:4px;margin-right:20px;overflow:hidden;position:relative;cursor:pointer;background:#ccc}
.nr ul li a{position:relative;display:block;width:100%;height:100%}
.nr ul li a img{width:100%;height:auto;transition: all .4s;}
.nr ul li .mask1 {text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(14,22,32,0.4);opacity:0;transition:all .4s}
.nr ul li .mask1 {opacity:1;text-align:center}
.nr ul li .mask1 i{display:inline-block;font-size:50px;color:#fff;margin-top:35px}
.nr ul li .mask1 p{text-align:center;font-size:18px;color:#fff;margin-top:20px}
.nr ul li:last-child{margin-right:0}
.nr ul li .mask-hover{text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(14,22,32,0.4);opacity:0;transition:all .4s ease-in;line-height:170px;font-size: 24px;color: #fff;}
.nr ul li:hover .mask1 {opacity: 0;}
.nr ul li:hover .mask-hover{opacity: 1;}
.nr ul li:hover img{transform: scale(1.1);}



@media (max-width: 991px){

    .nr ul li{float:left;width:20%;height:70px;}}




.news {  padding-bottom:80px; overflow:hidden;}

.news .nr dl { width:378px; height:524px; background:#fff; box-shadow:0px 15px 15px 0px rgba(0,0,0,.05) }
.news .nr dl dt {width:378px; height:228px; float:left; overflow:hidden;  position:relative;}
.news .nr dl dt img {width:378px; height:228px;  position:absolute;}
.news .nr dl dd { width:85%; text-align:left; margin:0px auto;}
.news .nr dl dd h2 { width:100%; float:left; font-size:19px; color:#4d4d4d; padding-top:30px; line-height:25px; float:left; font-weight:600;}
.news .nr dl dd p { font-size:15px; color:#989898; padding-top:20px; line-height:25px; float:left; font-weight:400;}
.news .nr dl dd span {width:102px; height:36px; line-height:36px; font-size:15px; text-align:center; margin:40px auto 0px; color:#7c7c7c; border-bottom:1px solid #7c7c7c; border-top:1px solid #7c7c7c; font-family:Arial, Helvetica, sans-serif; float:left;}

.news dl dt { }
.news dl dt:after { transition:all 0.4s; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; content:" + "; font-size:42px; font-family:Arial, Helvetica, sans-serif; background: #0a60c6; position:absolute;  bottom:-50px; z-index:9999999; }
.news a:hover dl dt:after { width:100%; height:50px; line-height:50px; text-align:center; color:#fff; content:" + "; font-size:42px; font-family:Arial, Helvetica, sans-serif; background: #0a60c6; position:absolute;  bottom:0px; z-index:9999999;}

.shlbiao1{background:url(../images/biao1.png) no-repeat center center #0d5cba; width:120px; height:120px; margin:0 auto;border-radius: 100%;}
.shlbiao2{background:url(../images/biao2.png) no-repeat center center #0d5cba; width:120px; height:120px; margin:0 auto;border-radius: 100%;}
.shlbiao3{background:url(../images/biao3.png) no-repeat center center #0d5cba; width:120px; height:120px; margin:0 auto;border-radius: 100%;}