.pro_center02{margin-top:40px; background: url(../images/index-bg1.jpg) bottom center no-repeat;}
.pro_center02 .infor{text-align:center;}
.pro_center02 .infor .title{font-size:36px; font-weight:bold;}
.pro_center02 .infor .form_box{width:45%; margin:30px auto 0; border-radius:50px;border:1px solid #d5d5d5; height:52px; line-height:52px; padding:0 1%; position:relative;}
.pro_center02 .infor .form_box input{width:90%; line-height:52px; border:none; padding:0; margin:0; background:transparent; float:left; text-indent:5px; height:52px;}
.pro_center02 .infor .form_box button{width:41px; height:41px; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
/*:root .pro_center02 .infor .form_box button i{vertical-align:middle;}*/
.pro_center02 .infor .form_box button i{margin:0; font-size:20px; color:#fff; height:22px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-11px;}
.pro_center02 .infor .form_box:hover button{background:#fcb026;}
.pro_center02 .infor .infor_link{text-align:center; padding:40px 11.5%;}
.pro_center02 .infor .infor_link a{display:inline-block; position:relative; font-size:16px; color:#666; line-height:30px; padding:0 23px;}
.pro_center02 .infor .infor_link a:after{content:''; width:1px; height:14px; background:#999; position:absolute; left:0; top:50%; margin-top:-7px;}
.pro_center02 .infor .infor_link a:first-child:after{display:none;}
.pro_center02 .infor .infor_link a:hover,.pro_center02 .infor .infor_link a.on{color:#fcb026;}

.pro_center02 .content{ padding-bottom: 40px}
.pro_center02 .content .rect-1061{padding-bottom:75%; position: relative}
.pro_center02 .content .li_{background-color: white;box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);;width:24%; float:left; margin-right:1.3%; padding-bottom:137px; position:relative; transition:all 0.5s ease; margin-bottom:35px;}
.pro_center02 .content .li_four{margin-right:0;}
.pro_center02 .content .li_ .rect-1061:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:opacity .2s ease;}
.pro_center02 .content .li_ .intro{background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}
.pro_center02 .content .li_ .intro .box{padding:15px;}
.pro_center02 .content .li_ .intro .box .tit{margin-bottom:10px;}
.pro_center02 .content .li_ .intro .box .tit a{display:block; font-size:24px; line-height:30px; color:#666; font-weight:bold;}
.pro_center02 .content .li_ .intro .box .tit a p{font-size: 14px;font-weight: normal}
.pro_center02 .content .li_ .intro .box .con{height:0; overflow:hidden; transition:all 0.5s ease; text-align:left;}
.pro_center02 .content .li_ .intro .box .con a{display:block; float:left; width:48%; margin-right:2%; line-height:27px; font-size:13px; color:#303030;}
.pro_center02 .content .li_ .intro .box .intro_more{margin-top:15px}
.pro_center02 .content .li_ .intro .box .intro_more a{margin-right:13px; display:inline-block; font-size:14px; position:relative; color:#666;}
.pro_center02 .content .li_ .intro .box .intro_more a:before{content:''; display:block; position:absolute; left:0; bottom:0; width:0px; height:1px; background:#666; transition:all 0.5s ease;}
.pro_center02 .content .li_ .intro .box .intro_more a:after{content:''; width:10px; height:10px; background:url(../images/proCen02_3.png) no-repeat center; position:absolute; right:-15px; top:50%; margin-top:-5px}
.pro_center02 .content .li_ .intro .box .intro_more a.ask{ margin-right: 25px}
.pro_center02 .content .li_ .intro .box .intro_more a.ask:after{content:''; width:14px; height:14px; background:url(../images/ask.png) no-repeat center; position:absolute; right:-17px; top:50%; margin-top:-7px}
.pro_center02 .content .li_ .li_line{width:0; height:5px; background:#ffcb2d; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_center02 .content .bd_more{width:220px; height:45px; line-height:45px;border-radius: 3px; text-align:center; color:#fff; font-size:16px; cursor:pointer; margin:0 auto; transition:all 0.5s ease;background-color: #237aff}
.pro_center02 .content .li_ .intro .box .tit a:hover{color:#666;}
.pro_center02 .content .li_ .intro .box .con a:hover{color:#666;}
.pro_center02 .content .li_:hover .intro .box .con{height:135px;}
.pro_center02 .content .li_:hover .li_line{width:100%;}
.pro_center02 .content .li_:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.pro_center02 .content .li_:hover .rect-1061:after{opacity:1; visibility:visible;}
.pro_center02 .content .bd_more:hover{background: rgba(35,122,255,0.8); color:#fff;}
.pro_center02 .content .li_ .intro .box .intro_more a:hover:before{width:100%;}

/*.pro_center03{padding:60px 0; background:url(../images/pro_detail03_1.jpg) no-repeat center top;}*/
.pro_center03{padding-top:50px; }
.pro_center03 .infor{ margin-bottom:40px; position:relative;}
.pro_center03 .infor .tit{text-align: center}
.pro_center03 .infor .tit a{display:inline-block; font-size:40px; line-height:40px; font-weight:bold; color:black;}
.pro_center03 .infor .tit_bott{position:relative; padding-bottom:5px; display:inline-block;}
.pro_center03 .infor .con{float:right; font-size:16px; color:black; line-height:28px; color:rgba(255,255,255,.6); margin-top:28px}
.pro_center03 .infor .tit a:hover{color:#facd00}
.pro_center03 .content{position:relative;}
.pro_center03 .content .rect-6225{padding-bottom: 80%; overflow: hidden}
.pro_center03 .content .item{display:none;}
.pro_center03 .content .owl-item .item{display:block;}
.pro_center03 .content .intro .t{font-size:18px; color:#fff; margin:20px 0 5px;}
.pro_center03 .content .intro .more{font-size:14px; color:#fff; transition:all 0.5s ease;}
.pro_center03 .content .intro .more:hover{color:#facd00;}
.pro_center03 .content .intro{background: #fff;}
.pro_center03 .content .intro .box {
    padding: 15px;
}
.pro_center03 .content .intro .box .line {
    width: 49px;
    height: 3px;
    background: #fcb026;
}
.pro_center03 .content .intro .box .t {
    font-size: 24px;
    line-height: 26px;
    color: #000e2e;
    margin-top: 15px;
}
.pro_center03 .infor .smal_tit {
    font-size: 36px;
    line-height: 36px;
    font-weight: lighter;
    color:black;
    margin-bottom: 20px;
    text-align: center;
}
.fl{float: left}
.fr{float: right}
.pro_center03 .infor .line{width:1px; height:23px; background:#999; position:absolute; right:32px; top:85px;}
.pro_center03 .infor .proCen3_btn{position:absolute; top:85px; right:10px; width:60px; height:15px;}
.pro_center03 .infor .proCen3_btn>div{width:9px; height:13px; position:absolute; top:50%; margin-top:-6px; z-index:2; font-size:14px; color:#666; cursor:pointer;font-weight: bold }
.pro_center03 .infor .proCen3_btn .owl-prev {left:0; background-position:0 0;}
.pro_center03 .infor .proCen3_btn .owl-next {right:0; background-position:-9px 0px;}

.about-box{ overflow:hidden;}
.about-pic-scroll{
    /*width:692px; height:424px; border:1px solid #ECECEA;*/
    position:relative; overflow:hidden;}
.about-pic-scroll .hd{ width:100%; height:40px; position:absolute; z-index:1; left:0; bottom:0; background:rgba(0,0,0,0.57)}
.about-pic-scroll .hd ul{ padding-left:12px;}
.about-pic-scroll .hd ul li{ width:9px; height:9px; border-radius:50%; background:#fff; display:inline-block; margin-right:5px; margin-top:17px; font-size:0}
.about-pic-scroll .hd ul li.on{ background:#0354A3}
/*.about-pic-scroll  span{ display:block; width:12px; height:19px; position:absolute; bottom:9px; z-index:9; cursor:pointer; color:#fff}*/
.about-pic-scroll  span.prev{ right:52px}
.about-pic-scroll  span.next{ right:13px}
.about-pic-scroll .bd li img{ width:auto; max-width:100%; height:100%;}
/*.about-txt{ margin-left:25px}*/
.about-txt .title{ line-height:48px; font-size:42px; color: black ; margin-top: 40px}
.about-txt .info{ padding-top:20px; font-size:16px; text-indent:2em; line-height:30px; color:#333; }
.about-txt .more{ width:166px; height:33px; line-height:33px; text-align:center; color:#fff; background:#172D83; position:relative; border:1px solid #3E58F3; font-size:18px}
.about-txt .more a{font-size:18px; color:#fff}
.about-txt .more:after{}
.index-honor-scroll{position:relative;}
.about-txt ul{ padding-top:20px;}
.about-txt ul li{text-align:center}
.about-txt ul li .pic{ border:1px solid #ccc; display:flex;justify-content:center;align-items:center}
.about-txt ul li .pic img{ width:auto; max-width:100%; height:auto}
.about-txt ul li p{ line-height:34px; font-size:12px; color:#393939;display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.about-txt ul li p a{ font-size:12px; color:#393939}
.ipart05 .owl-controls{display:none }
.index-honor-scroll .owl-controls{ display: none}
.w400{
     margin-bottom: 30px;
}
.w400 p{
    display: block;
    font-size: 40px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.w400 .red{
    color: #ef1f1f;
    font-weight: bold;
    text-align: center;
    font-size: 40px;
}
.about-tit{
    width: 100%;
    border-bottom: 3px solid #ffeb3c;
    overflow: hidden;
}
.about-tit span{
    display: block;
    float: left;
    width: 200px;
    padding:15px 0px;
    text-align: center;
    background-color: #ffeb3c;
    font-size: 27px;
    color: #000;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}
.banner .owl-controls{position: absolute; bottom: 20px;width: 100%; text-align: center}
.banner_jt .owl-prev,.banner_jt .owl-next{
    position: absolute;
    width: 48px;
    height: 48px;
    top: 52%;
    margin-top: -24px;
    cursor: pointer;
    background-color: rgb(0,0,0);
    background-color: rgba(22,22,22,.1);
    background-size: 100%;
    border-radius: 30px;
    border: 2px solid #fff;
    z-index: 4;
    transition: 0.3s;
    opacity: 1;
}
.banner_jt .owl-prev{
    left: 20px;
    background-image: url("../images/s_btn-prev.png");
}
.banner_jt .owl-next{
    right: 20px;
    background-image: url("../images/s_btn-next.png");
}
.banner_jt .owl-prev:hover,.banner_jt .owl-next:hover {background-color: rgba(22,22,22,.6)}

.top50 {
    top:50% !important;
    margin-top: -270px;
    /*transform: translate(0%,-50%) !important;*/
}

.icon-outer{position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-30px;display:block;width:60px;height:60px;border-radius:50%;text-align:center;}
.icon-outer:before{content:'';position:absolute;left:-10px;top:-10px;width:80px;height:80px;background:rgba(255,255,255,0.30);border-radius:50%;}
.icon-outer .icon{
    position:relative;
    width:60px;height:60px;
    z-index:99;
    display:inline-block;
    color:#0f897b;
    font-size:20px;
    border-radius:50%;
    line-height:60px;
    background-color:#fff;
    transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.15);
    z-index:2;
}
.icon-outer .icon:before{content:""; border: 8px solid;
    border-color: transparent transparent #fc862f #fc862f;
    transform: rotate(-135deg); position: absolute;top:20px; left: 20px}
.icon-outer .icon:after{content:'';position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;background:rgba(255,255,255,0.30);border-radius:50%;z-index:-1;}
.icon-outer .ripple,
.icon-outer .ripple:before,
.icon-outer .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 60px;
    width: 60px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.icon-outer .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}
.icon-outer .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}