@charset "utf-8";
/* CSS Document */

/* fullSlide */
.fullSlide{width:100%;position:relative;background:#000;}

.about{height: 500px;margin-top: 80px;box-sizing: border-box;display: flex;}
.about .box{position: relative;}
.about .img{position: relative;width: 607px;height: 500px;color: #fff;}
.about .img:after{content: ' ';position: absolute;right: 0;top: 0;width: 425px;height: 100%;background:#001149;}
.about .img > div{position: relative;z-index: 1;}
.about .img .en{position: relative;margin: 25px 0;margin-left: 40px;color: #fff;font-size: 47px;font-weight: bold;line-height: 37px;text-align: left;}
.about .img .en:after{content: ' ';position: absolute;top: 50%;left: -38px;width: 23px;height: 4px;transform: translateY(-50%);background: #000;}
.about .img .en span{color: #111;}
.about .img .pic{width: 520px;height: 300px;}
.about .img .pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.about .img .pic:hover img{transform: scale(1.1);}
.about .img .tit{width: 520px;padding-top: 25px;text-align: right;}
.about .img .tit h3{font-size: 16px;padding-bottom: 10px;}
.about .img .tit p{font-size: 12px;font-family: 'Arial';}
.about .txt{width: 520px; margin-left: 73px;}
.about .txt .in_title{color: #001149; padding-bottom: 0;text-align: left;font-size: 48px;line-height: 80px;font-weight: bold;}
.about .txt .in_title span{color: #111;}
.about .txt .con{margin-top: 30px;}
.about .txt .con h3{position: relative;font-size: 24px;}
.about .txt .con p{color: rgba(0,0,0,.7);font-size: 16px;line-height: 30px;text-align: justify;margin-top: 18px;}
.about .btn {margin-top: 20px;}
.about .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #001149;color: #fff;padding: 0 30px;}

.three_bg{ background:#001149; margin-top: 80px;}
.three01 { height: 150px;padding:25px 0 0;}
.three01_m ul li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:40px;}
.three01_m ul li b{display: block;font-size: 24px;color: #0051a2; padding:33px 0 0;}
.three01_m ul li:hover{ background:#0051a2;}
.three01_m ul li:hover,.three01_m ul li:hover b{color: #fff;}

.service{ margin-top: 50px;}
.service .title{ float: left; width: 100%; text-align:center;}
.service .title h3{ color: #001149; font-size: 48px; line-height: 72px; font-weight: bold;}
.service .title h3 span{ color: #dc0000; font-weight: bold;}
.service .title p{ color:#787878; font-size: 20px; margin: auto;}
.service ul{ float: left; margin-top: 40px;}
.service ul li{float: left;}
.service ul li .box{width: 232px;padding-bottom: 47px;background: #f4f3f3;margin-right: 10px;text-align: center;cursor: pointer;transition: all .5s;}
.service ul li:last-child .box{margin-right: 0;}
.service ul li img{margin-top: 40px;width: 132px;height: 132px;}
.service ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg); /* IE 9 */-moz-transform: rotateY(180deg); /* Firefox */-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-o-transform: rotateY(180deg); /* Opera */transition: all .5s;}
.service ul li p{font-size: 20px;margin-top: 42px;margin-bottom: 22px;font-weight: bold;padding: 0 10px;}
.service ul li i{width: 60px;height: 1px;background: #595757;display: block;margin: auto;margin-bottom: 36px;transition: all .5s;}
.service ul li span{display: block;font-size: 16px;line-height: 26px;padding: 0 10px;height: 75px;overflow: hidden;}
.service ul li .box:hover{background: #001149;box-shadow: 0px 0px 20px #aaa;color: #fff;}
.service ul li:hover i{background: #fff;}



/* 本例子css */
.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }








.section-ys {padding: 60px 0; height: 175px; margin-top: 80px;}
.bg-ys {background: url(../images/ys-bg-ys.jpg) no-repeat center / cover;}
.in-ys-list {}
.in-ys-list li {float: left;width: 20%;position: relative;background: url(../images/ys2-line.png) no-repeat center;}
.in-ys-list li .ys-circle {-webkit-animation: circle 10s infinite linear;animation: circle 10s infinite linear;width: 154px;height: 146px;margin: 0 auto;}
.in-ys-list li .ys-circle img {display: block;width: 100%;height: 100%;}
.in-ys-list li .icon_ys {position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: #fff;}
.in-ys-list li .icon_ys img {display: block; margin: 40px auto 4px;}
.in-ys-list li .icon_ys h3 {margin: 0;font-weight: normal;font-size: 15px;}
@media screen and (min-width:1200px) {
    @-webkit-keyframes circle {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    @keyframes circle {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
}


.product{width:100%;overflow:visible; margin-top:80px; margin-bottom: 20px; height: 100px; text-align:center;}
.product h3{ height: 50px; line-height: 50px;color: #001149; font-weight: normal; font-size: 48px; font-weight: bold;}
.product span{ float: left; width: 100%; color:#787878; font-size: 16px; margin: 20px 0;}
.picScroll{margin-bottom:10px; overflow:hidden; }
.picScroll .tempWrap{overflow:hidden; width:100%;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:200px; overflow:hidden; display:inline; position:relative;}
.picScroll ul li img{ float: left; width:100%; height:200px; z-index: -1}
.picScroll ul li span{display: block; height: 40px; line-height: 40px; font-size: 16px; width: 100%; text-align: center; position: absolute; bottom: 0;background: linear-gradient(to bottom,rgb(255,255,255,.1), #001149); z-index: 999; color: #fff;}



.news{margin-top: 80px;}
.news h3{  text-align:center; height: 50px; line-height: 50px;color: #001149; font-weight: normal; font-size: 48px; font-weight: bold;}
.news span{  text-align:center; float: left; width: 100%; color:#787878; font-size: 18px; margin: 20px 0; font-weight: bold;text-transform: uppercase;}




/* 本例子css */
.slideGroup{ width:100%; display: flow-root; margin-top:30px;}
.slideGroup .parHd{ height:50px; line-height:50px;  position:relative; }
.slideGroup .parHd ul{ margin: 0 auto; width: 520px; height:50px; }
.slideGroup .parHd ul li{ display: inline-block; width: 148px; font-size: 16px; line-height: 50px; text-align: center; border-radius: 50px; border: 1px solid #e3e3e3; background: #fff; transition: all .5s; margin: 0 10px;}
.slideGroup .parHd li i{ display: inline-block; width: 25px; height: 21px; margin-right: 10px; position: relative; top:5px;}
.slideGroup .parHd .i01{ background: url("../images/news01.png") no-repeat repeat center top;}
.slideGroup .parHd .i02{ background: url("../images/news02.png") no-repeat repeat center top;}
.slideGroup .parHd .i03{ background: url("../images/news03.png") no-repeat repeat center top;}
.slideGroup .parHd ul li.on{ background-color: #001149; border-color: #001149; color: #fff;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; margin-top: 70px; }
/* 本例子css */
.leftwen{ float: left; width: 585px;}
.leftwen img{ float: left; width: 100%; height: 240px; margin-bottom: 20px;}
.leftwen h3{ float: left; width: 100%; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px;}

.leftwen:hover h3{ color: #0051a2;}
.leftwen p{ font-size: 14px; line-height: 20px; color: #999;text-indent:24px;}
.infoList{ overflow:hidden; position:relative; width: 530px; float: right; height:335px;   }
.infoList li{overflow: hidden; width: 100%; height: 85px;}
.infoList li .time{ float: left; overflow: hidden; width: 68px; height: 63px; border: 1px solid #999;}
.infoList li .wen { float: right; overflow: hidden; width: 440px;}
.infoList li em { display: block; text-align: center; font-size: 18px; color: #333; margin: 5px 0;}
.infoList li span { display: block; text-align: center; font-size: 14px; color: #999;}
.infoList li h4 {margin: 0;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;}
.infoList li p {font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;}
.infoList li h4 a {color: #333;}
.infoList li:hover .time {background-color: #001149;border-color: #001149;}
.infoList li:hover em {color: #fff;}
.infoList li:hover h4 {color: #0051a2;}


.links{ float: left; width: 100%; margin: 80px 0 40px 0; height: 30px; line-height: 30px;}
.links span{ float: left; font-size: 18px;}
.links span i{font-style:normal;}
.links li{float: left; font-size: 16px; margin:0 10px;}
.links li a{color: #999;}