.footer{border-top: 1px solid #E5E5E5;}

/*banner*/
.banner{position: relative;}
.banner img{display: block;max-width: 100%;margin: 0 auto;}
.banner .position{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.3);line-height: 35px;font-size: 12px;}
.banner .position *{color: #FFFFFF;}
.banner .position a{font-size: 13px;}
.banner .position .iconfont{margin-right: 10px;font-size: 18px;}

@media screen and (max-width: 800px) {
    .banner{padding-top: 24%;overflow: hidden;}
    .banner img{
        position: absolute;
        max-width: none;
        width: auto;
        height: 100%;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .banner .position{line-height: 25px;}
    .banner .position .iconfont{font-size: 14px;margin-right: 5px;}
}

/*main*/
.main{padding: 50px 0;}

.main_left{width: 21%;}
.main_left .title{line-height: 55px;font-size: 24px;color: #FFFFFF;font-weight: bold;background-color: #005bac;padding-left: 30px;}
.main_left .title1{margin-top: 20px;}

.cl-nav{border: 1px solid #E5E5E5;padding: 15px 10px;border-radius: 0 0 3px 3px;}
.cl-nav li a{display: block;line-height: 42px;font-size: 16px;padding-left: 14px;background: url(../images/tb11.png)no-repeat center left -2px;background-size: 10px;}
.cl-nav .active{color: #005bac;font-weight: bold;}

.subnav_wap{width:45px;height: 45px;display: none;position: absolute;top: 0;right: 0;cursor: pointer;}
.subnav_wap span{display:block;background-color:#FFFFFF;width:27px;height:2px;position:absolute;left:9px;border-radius: 5px;transition: ease-in-out 0.35s;top: 50%;}
.subnav_wap span:nth-of-type(1){margin-top: -10px;}
.subnav_wap span:nth-of-type(2){margin-top: -1px;}
.subnav_wap span:nth-of-type(3){margin-top: 8px;}
.subnav_wap_se span:nth-of-type(1){
    margin-top: -1px;
    transform:rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.subnav_wap_se span:nth-of-type(2){width:0}
.subnav_wap_se span:nth-of-type(3){
    margin-top: -1px;
    transform:rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.cl-lx{border: 1px solid #E5E5E5;padding:15px;line-height: 30px;border-radius: 0 0 3px 3px; font-size:15px;}
.cl-lx a{color: #666666;}
.cl-lx .tel{position: relative;padding-left: 62px;line-height: 25px;margin-bottom: 10px; min-height: 35px;}
.cl-lx .tel font{display: block;font-size: 22px;color: #005bac;font-family: impact;}
.cl-lx .tel font a{ color: #005bac;}
.cl-lx .tel i{position: absolute;line-height: 45px;left: 0;bottom: 0;font-size: 40px;color: #005bac;}

.cl-cp{border: 1px solid #E5E5E5;padding:15px 10px;border-radius: 0 0 3px 3px;}
.cl-cp li{margin-bottom: 10px;}
.cl-cp li:last-child{margin-bottom: 0;}
.cl-cp li a{display: block;position: relative;padding-left: 75px;}
.cl-cp li a span{line-height: 25px;display: block;}
.cl-cp li a p{line-height: 20px;height: 40px;overflow: hidden;font-size: 12px;color: #666;}
.cl-cp .pic-box{width: 65px;height: 65px;position: absolute;left: 0;top: 0;overflow: hidden;}

.main_right{width: 76%;}
.main_right .position{border: 1px solid #E5E5E5;border-radius: 3px;padding: 15px;margin-bottom: 15px;}
.main_right .position a{color: #666;}
.main_right .position span{color: #005bac;}

.main_right .content_box{border: 1px solid #E5E5E5;border-radius: 3px;padding: 15px;}
.main_right .page{padding-top: 15px;}

@media screen and (max-width: 1200px) {
    .main{padding: 5% 0;}
    .main_left .title{line-height: 45px;font-size: 20px;padding-left: 15px;}
    .cl-nav li a{padding-left: 20px;background-position-x: 3px;line-height: 30px;font-size: 14px;}
    .cl-lx{padding: 5px;line-height: 25px;font-size: 12px;}
    .cl-lx .tel{padding-left: 45px;}
    .cl-lx .tel i{font-size: 30px;}
    .cl-lx .tel font{font-size: 16px;}
}
@media screen and (max-width: 800px) {
    .main_left{width: 100%;position: relative;margin-bottom: 15px;}
    .main_left .title1,.cl-lx,.cl-cp{display: none;}
    .cl-nav{padding: 10px;display: none;}
    .subnav_wap{display: block;}
    .main_right{width: 100%;}
    .main_right .position{padding: 10px;font-size: 12px;}
    .main_right .content_box{padding: 10px;}
}

@media screen and (min-width: 801px) {
    .cl-nav{display: block !important;}
}

/*photo*/
.photo_list li{width: 32%;float: left;margin: 0 2% 2% 0;}
.photo_list li:nth-child(3n){margin-right: 0;}
.photo_list li a{display: block;color: #666666;}
.photo_list li a:hover .img{box-shadow: 3px 3px 0 0 #DFDFDF;}
.photo_list .img{border: 1px solid #E5E5E5;padding: 2px;transition: ease-in-out 0.2s;}
.photo_list .img .box{position: relative;padding-top: 62%;overflow: hidden;}
.photo_list .img .box img{
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.photo_list .bt{line-height: 30px;text-align: center;}

@media screen and (max-width: 640px) {
    .photo_list li{width: 49%;margin-right: 2% !important;}
    .photo_list li:nth-child(2n){margin-right: 0 !important;}
    .photo_list .bt{font-size: 12px;line-height: 25px;}
    .main_right .page{padding-top: 10px;}
}

/*case*/
.case_list li{width: 32%;float: left;margin: 0 2% 2% 0;}
.case_list li:nth-child(3n){margin-right: 0;}
.case_list li a{display: block;padding: 5px;box-shadow: 3px 3px 0 0 #DFDFDF;border: 1px solid #E5E5E5;}
.case_list li a:hover{background-color: #005bac;color: #FFFFFF !important;}
.case_list .pic-box{position: relative;padding-top: 62%;overflow: hidden;}
.case_list .bt{line-height: 30px;text-align: center;margin-top: 5px;}

@media screen and (max-width: 640px) {
    .case_list li{width: 49%;margin-right: 2% !important;}
    .case_list li:nth-child(2n){margin-right: 0 !important;}
    .case_list .bt{font-size: 12px;line-height: 20px;}
}

/*message*/
.message_box{padding: 15px;}
.message_box .box{max-width: 300px;margin-bottom: 15px;position: relative;}
.message_box .box input{width: 100%;height: 38px;box-sizing: border-box;border: 1px solid #bbbbbb;padding: 0 10px 0 25px;color: #666666;}
.message_box i{width: 25px;line-height: 38px;position: absolute;top: 1px;left: 0;color: #f00;font-style: normal;text-align: center;}
.message_box .box1{position: relative;max-width: 500px;}
.message_box .box1 textarea{width: 100%;box-sizing: border-box;border: 1px solid #bbbbbb;padding: 10px 10px 10px 25px;color: #666666;resize: none;}

.message_box .yzm{max-width: none;margin-top: 15px;}
.message_box .yzm input{width: 140px;float: left;text-transform: uppercase;}
.message_box .yzm img{border: 1px solid #bbbbbb;cursor: pointer;float: left;margin: 0 10px;box-sizing: border-box;height: 38px;padding: 4px;background-color: #f1f1f1;}
.message_box .yzm span{float: left;line-height: 38px;cursor: pointer;}
.message_box .yzm span:hover{color: #005bac;text-decoration: underline;}
.message_box .btn input{float: left;width: 120px;line-height: 38px;color: #FFFFFF;cursor: pointer;background-color: #005bac;}
.message_box .btn input:hover{opacity: 0.8;}

@media screen and (max-width: 640px) {
    .message_box{padding: 0;}
}

/*join*/
.join_list{padding: 5px 5px 0;}
.join_list li{margin-bottom: 20px;border: 1px solid #E5E5E5;}
.join_list .bt{cursor: pointer;line-height: 24px;font-weight: bold;padding: 10px 25px;position: relative;color: #005bac;}
.join_list .info{padding: 15px 20px;border-top: 1px solid #E5E5E5;line-height: 2em;display: none;}
.join_list .bt i{position: absolute;width: 14px;height: 2px;background-color: #989898;right: 10px;top: 50%;margin-top: -1px;transition: ease-in-out 0.3s;}
.join_list .bt_c{color: #666;}
.join_list .bt_c .i1{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform:rotate(90deg);
}
@media screen and (max-width: 800px) {
    .join_list{padding: 0;}
    .join_list li{margin-bottom: 15px;}
    .join_list .bt{padding: 5px 15px;}
    .join_list .info{padding: 10px;}
}

/*news*/
.news_list li{padding: 15px 0;border-bottom: 1px dashed #ccc;}
.news_list li a{display: block;position: relative;padding-left: 135px;padding-right: 20px;}
.news_list li a .bt{line-height: 35px;font-weight: bold;font-size: 18px;}
.news_list li a .info{line-height: 25px;height: 80px;overflow: hidden;color: #666;}
.news_list li a .info p{ float:left;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news_list li a .info p img{ height: 80px; margin-right: 10px;}
.news_list .date{position: absolute;left: 25px;top: 0;color: #464646;font-family: verdana;font-size: 18px;line-height: 25px;height: 100%;width: 80px;border-right: 1px solid #CCCCCC;}
.news_list .date span{color: #b5b5b5;font-size: 16px;}
.news_list .date font{display: block;font-size: 16px;}
.news_list li a:hover .date *{color: #005bac;}
.news_list li a:hover .date{border-color: #005bac;color: #005bac;}

@media only screen and (max-width: 1200px) {
    .news_list li a .bt{line-height: 25px;font-size: 14px;}
    .news_list li a .info{line-height: 20px;height: 40px;font-size: 12px;}
    .news_list .date{line-height: 20px;}
}

.article{padding: 15px 0;}
.article .bt{text-align: center;color: #333333;font-size: 22px;font-weight: normal;}
.article .date{padding: 15px 0;border-bottom: 1px dashed #CCCCCC;text-align: center;font-size: 12px;color: #999;}
.article .date span{margin-right: 15px;}
.article .date a{color: #005bac;}
.article .date a:hover{text-decoration: underline;}
.article .body{margin: 20px 0;}
.article .body p{
    font-size: 16px;
    line-height: 2;
}
.article .prenext{overflow: hidden;line-height: 35px;padding: 0 15px;background-color: #f7f7f7;}
.article .prenext p{width: 48%;}
.article .prenext p.fr{text-align: right;}
.article .prenext a{color: #666666 !important;font-weight: bold;}
.article .prenext a:hover{text-decoration: underline;}

.body img{max-width: 100%;height: auto !important;}
.body table{max-width: 100%;}

@media screen and (max-width: 640px) {
    .news_list li{padding: 10px 0;}
    .news_list li a{padding: 0 5px 0 95px;}
    .news_list .date{left: 10px;font-size: 16px;width: 65px;}
    .news_list .date span{font-size: 14px;}
    .news_list .date font{font-size: 14px;}
    .article{padding: 10px 0;}
    .article .bt{font-size: 18px;}
    .article .date{padding: 10px 0;}
    .article .date span{margin-right: 10px;}
    .article .prenext{font-size: 12px;padding: 5px 15px;}
    .article .prenext p{width: 100%;text-align: left !important;line-height: 25px;}
}


/*product*/
#subnav{border-bottom: 1px solid #ccd4ef;}
#subnav .content{display: flex; overflow: overlay;}
#subnav .content li{flex-grow: 1;max-width: 20%;}
#subnav .content li a{display: block;text-align: center;line-height: 24px;padding: 35px 15px;position: relative;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#subnav .active,#subnav .on2{color: #005bac;}
#subnav .active:before,#subnav .on2:before{content: "";width: 3px;height: 35px;background: url(../images/tb9.png)no-repeat center bottom;position: absolute;bottom: -1px;left: 50%;margin-left: -1.5px;z-index: 2;}

.main_box{padding: 80px 0 100px;background-color: #e8eff9;}


.product_list li{float: left;width: 32%;margin: 0 2% 2% 0;}
.product_list li:nth-child(3n){margin-right: 0;}
.product_list li a{display: block;background-color: #FFFFFF;}
.product_list .pic-box{padding: 15px;}
.product_list .pic-box .box{position: relative;padding-top: 92%;overflow: hidden;}
.product_list .text{border-top: 1px solid #d2d2d2;position: relative;padding: 15px 45px 15px 15px;}
.product_list .text span{font-size: 16px;line-height: 25px;display: block;}
.product_list .text p{line-height: 20px;height: 40px;overflow: hidden;font-size: 12px;color: #727272;}
.product_list .text i{position: absolute;color: #D2D2D2;width: 20px;line-height: 20px;right: 15px;top: 50%;margin-top: -10px;}

.product_list li a:hover .text{border-color: rgba(255,255,255,0.2);}
.product_list li a:hover .text *{color: #FFFFFF;}
.product_list li a:hover{background-color: #005bac;}

.product_box{background-color: #005bac;}
.product_box .content{position: relative;padding: 40px 0 32px;color: #FFFFFF;text-align: center;}
.product_box .content span{display: block;font-size: 18px;font-weight: bold;}
.product_box .content p{font-size: 16px;margin: 5px 0 15px;}
.product_box .content a{display: block;width: 114px;line-height: 30px;font-size: 12px;color: #005bac;background-color: #FFFFFF;border-radius: 20px;margin: 0 auto;}
.product_box .content img{position: absolute;}
.product_box .img1{left: 0;bottom: 0;width: 14.5%;}
.product_box .img2{right: 0;bottom: -10%;width: 16%;}

@media screen and (max-width: 1200px) {
    #subnav .content{width: 100%;}
    #subnav .content li a{padding: 20px 0;font-size: 12px;}
    #subnav .active:before,#subnav .on2:before{height: 20px;}
    .main_box{padding: 5% 0;}
}
@media screen and (max-width: 800px) {
    .product_list .pic-box{padding: 5px;}
    .product_list .text{padding: 0 10px;}
    .product_list .text p,.product_list .text i{display: none;}
    .product_list .text span{line-height: 30px;font-size: 14px;text-align: center;}
    .product_box .content{padding: 15px 0;}
    .product_box .content span{font-size: 16px;}
    .product_box .content p{font-size: 14px;margin: 5px 0 10px;}
    .product_box .content a{width: 90px;line-height: 25px;}
}
@media screen and (max-width: 640px) {
    #subnav .content{display: block;overflow: hidden;}
    #subnav .content li{max-width: none;width: 31%;box-sizing: border-box;float: left;margin: 1.166666%;border: 1px solid #E5E5E5;border-radius: 3px;}
    #subnav .content li a:before{display: none;}
    #subnav .content li a{padding: 0 5px;line-height: 35px;}
    .product_list li{width: 49%;margin-right: 2% !important;}
    .product_list li:nth-child(2n){margin-right: 0 !important;}
    .product_list .text span{font-size: 12px;}
}

.product_introduction{padding: 67px 0;}

.gallery-top-tuji{width: 35%;}
.gallery-top-tuji .swiper-slide{box-sizing: border-box;border: 1px solid #E5E5E5;}
.gallery-top-tuji .pic-box{display: block;position: relative;padding-top: 100%;overflow: hidden;}
.gallery-top-tuji .pic-box font{position: absolute;right: 0;bottom: 0;font-size: 12px;padding: 0 6px 0 26px;line-height: 30px;background: url(../images/fd.png)no-repeat center left 6px #EEEEEE;background-size: 14px;}
.gallery-top-tuji .pic-box:hover font{background-image: url(../images/fd_h.png);}

.product_introduction .right{width: 61%;}
.product_introduction .bt{font-size: 30px;color: #005bac;padding-bottom: 10px;border-bottom: 1px solid #E5E5E5;margin-bottom: 20px;}
.product_introduction .nrzy{font-size: 16px;color: #464646;line-height: 30px;min-height: 75px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
.product_introduction .link{overflow: hidden;margin: 35px 0;}
.product_introduction .link a{float: left;width: 138px;line-height: 40px;text-align: center;background-color: #005bac;font-size: 16px;color: #FFFFFF !important;margin-right: 10px;}
.product_introduction .link a:last-child{margin-right: 0;}
.product_introduction .link a:hover{opacity: 0.8;}

.gallery-thumbs-tuji{max-width: 640px;margin: 0 !important;}
.gallery-thumbs-tuji .swiper-slide{box-sizing: border-box;border: 1px solid #E5E5E5;}
.gallery-thumbs-tuji .pic-box{position: relative;padding-top: 100%;overflow: hidden;cursor: pointer;}
.gallery-thumbs-tuji .swiper-slide-thumb-active{border-color: #005bac;}

.product_introduction .bshare-custom{margin-top: 20px;}

.product_details .title{background-color: #6b8bc5;}
.product_details .title .tel{padding: 30px 0;}
.product_details .title .tel p{line-height: 37px;font-size: 24px;font-weight: bold;color: #FFFFFF;}
.product_details .title .tel p a{color: #FFFFFF;}
.product_details .title .tel p.fr{padding-left: 50px;background: url(../images/tb10.png)no-repeat center left;}

.gallery-thumbs-body .swiper-slide p{color: #FFFFFF;text-align: center;line-height: 24px;padding: 13px 0;background-color: #446196;cursor: pointer;}
.gallery-thumbs-body .swiper-slide-thumb-active p{color: #446196;background-color: #FFFFFF;}

.product_details .youshi{padding: 40px 0;}
.product_details .youshi .content{max-width: 960px;overflow: hidden;}
.product_details .youshi .content li{width: 25%;box-sizing: border-box;padding: 0 10px;text-align: center;float: left;}
.product_details .youshi .content li span{display: block;font-size: 55px;color: #999999;line-height: 65px;}
.product_details .youshi .content li p{font-size: 12px;color: #515151;}

.product_body{/*background-color: #e8eff9;*/padding: 55px 0 70px;}
.product_body .body{/*background-color: #e8eff9;*/padding: 0 25px;}

.product-recommend{padding: 45px 0 55px;}
.product-recommend .title{margin-bottom: 30px;line-height: 35px;}
.product-recommend .title span.fl{font-size: 24px;font-weight: bold;color: #181818;}
.product-recommend .title span.fr{font-size: 18px;color: #555555;margin-right: 15px;cursor: pointer;position: relative;padding-left: 25px;}
.product-recommend .title span.fr:hover{color: #005bac;}
.product-recommend .title span.fr i{font-size: 22px;position: absolute;left: 0;top: 2px;}
.product-recommend .swiper-slide a{display: block;color: #555555;}
.product-recommend .swiper-slide .pic-box{position: relative;border: 1px solid #E5E5E5;padding-top: 93%;overflow: hidden;}
.product-recommend .swiper-slide .pic-box img{transition: ease-in-out 0.2s; height:60%; margin-top:20%;}
.product-recommend .swiper-slide a p{text-align: center;line-height: 40px;}
.product-recommend .swiper-slide a:hover img{height: 60%;}
.product-recommend .swiper-slide a:hover{ background: #005bac; color: #ffffff !important;}

@media screen and (max-width: 1200px) {
    .product_introduction{padding: 5% 0;}
    .product_introduction .bt{font-size: 20px;margin-bottom: 10px;}
    .product_introduction .link{margin: 20px 0;}
    .product_introduction .link a{width: 100px;line-height: 35px;}
}
@media screen and (max-width: 800px) {
    .product_details .title .tel{padding: 15px 0;}
    .product_details .title .tel p{font-size: 20px;line-height: 30px;}
    .product_details .title .tel p.fr{font-size: 14px;background: none;padding-left: 0;}
    .gallery-thumbs-body .swiper-slide p{line-height: 20px;padding: 10px ;font-size: 12px;}
    .product_details .youshi{padding: 15px 0;}
    .product_details .youshi .content li{padding: 0 5px;}
    .product_details .youshi .content li span{font-size: 26px;line-height: 40px;}
    .product_body,.product-recommend{padding: 5% 0;}
    .product_body .body{padding: 0;}
    .product-recommend .title{margin-bottom: 15px;}
    .product-recommend .swiper-slide a p{font-size: 12px;line-height: 30px;}
    .product-recommend .title span.fl{font-size: 20px;}
    .product-recommend .title span.fr{font-size: 14px;}
}
@media screen and (max-width: 640px) {
    .gallery-top-tuji{width: 100%;}
    .product_introduction .right{width: 100%;margin-top: 15px;}
    .product_introduction .link a{width: 80px;line-height: 30px; margin-bottom: 10px;}
}

/*contact*/
.contact_box{padding: 20px 0 20px 20px;}
.contact_box .name{font-size: 26px;color: #005bac;font-weight: bold;padding-bottom: 10px;}
.contact_box .box{display: block;float: left;width: 33.3333%;box-sizing: border-box;font-size: 16px;color: #333;line-height: 30px;padding: 0 10px 0 70px;position: relative;margin-top: 30px; min-height: 120px;}
.contact_box .box font{display: block;color: #666666;}
.contact_box .box i{position: absolute;left: 0;top: 0;width: 58px;line-height: 58px;text-align: center;border: 1px solid #005bac;border-radius: 50%;font-size: 28px;color: #005bac;}
.contact_box .ewm{width: 90px;display: block;}
#map{width: 100%;height: 400px;font-size: 12px;}

@media screen and (max-width: 1200px) {
    .contact_box{padding: 0 0 20px 0;}
    .contact_box .name{font-size: 20px;}
    .contact_box .box{font-size: 14px;line-height: 25px;padding-left: 60px;margin-top: 15px;}
    .contact_box .box i{width: 48px;line-height: 48px;font-size: 22px;}
}
@media screen and (max-width: 640px) {
    .contact_box .box{width: 100%;line-height: 30px;padding: 0 0 0 40px; min-height: auto;}
    .contact_box .box i{width: 28px;line-height: 28px;font-size: 18px;}
    .contact_box .box font{display: inline-block;}
    .contact_box .box br{ /*display:none;*/}
    .contact_box .ewm{width: 120px;}
    #map{height: 300px;}
}

.xzzx_list li{padding: 10px 0;border-bottom: 1px dashed #ccc;}
.xzzx_list li a{display: block;position: relative;padding-left: 75px;line-height: 40px;font-size: 16px;}
.xzzx_list li a i{width: 60px;border-right: 1px solid #CCCCCC;position: absolute;left: 0;top: 0;font-size: 28px;text-align: center;}

/*page*/
.page{padding-top: 60px;text-align: center;}

.page  a{display: inline-block;color: #575757;border: 1px solid #d2d2d2;min-width: 28px;line-height: 28px;margin: 2px;font-size: 12px;padding: 0 10px;box-sizing: border-box;}
.page  a:hover{color: #FFFFFF !important;border-color: #005bac;background-color: #005bac;}
.page a.active{color: #FFFFFF;border: 1px solid #005bac;background-color: #005bac;line-height: 28px;}
.page li span{font-size: 14px;}
.page li span font{color: #005bac;}

@media screen and (max-width: 800px) {
    .page{padding-top: 15px;}
}


.about_nav{height: 56px;}
.about_nav .box_xf{border-bottom: 1px solid #E5E5E5;background-color: #FFFFFF;}
.about_nav ul{display: flex;}
.about_nav ul li{flex-grow: 1;min-width: 20%;box-sizing: border-box;border-right: 1px solid #E5E5E5;}
.about_nav ul li:first-child{border-left: 1px solid #E5E5E5;}
.about_nav ul li a{display: block;line-height: 55px;text-align: center;font-size: 16px;}
.about_nav ul li a:hover,.about_nav .active{color: #FFFFFF !important;background-color: #005bac;}

.about_nav_xf .box_xf{position: fixed;width: 100%;left: 0;top: 0;z-index: 999;}

.about_name{margin-bottom: 70px;text-align: center;color: #373737;}
.about_name .p1{font-size: 56px;text-transform: uppercase;font-family: arial;font-weight: bold;}
.about_name .p2{font-size: 40px;margin-top: 5px;}

.about_box1{padding: 60px 0;}
.about_box1 .content .body p{
    font-size: 16px;
    line-height: 2.5;
} 
.about_box1 .ggy{border-bottom: 1px solid #EEEEEE;margin-bottom: 40px;}
.about_box1 .ggy .fl{width: 60%;box-sizing: border-box;border-right: 1px solid #EEEEEE;padding-right: 4%;}
.about_box1 .ggy .fl p{float: left;width: 54%;font-size: 20px;line-height: 30px;color: #333333;}
.about_box1 .ggy img{float: right;width: 45%;margin: 30px 0 30px;}
.about_box1 .ggy .fr{width: 40%;box-sizing: border-box;padding-left: 4%;}
.about_box1 .ggy .fr img{float: left;width: 66%;}
.about_box1 .ggy .fr div{float: right;width: 33%;font-size: 20px;line-height: 30px;color: #333333;text-align: right;}
.about_box1 .ggy .fr div p{margin-top: 60px;}
.about_box1 .ggy .fr div p span{font-size: 36px;color: #005bac;}

.about_box2{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f5f5f5;
}
.about_box2 ul li {
	width: 30%;
	float: left;
	margin-right: 5%;
	box-sizing: border-box;
	padding: 25px 10px;
	text-align: center;
	background-color: #fff;
	min-height: 210px;
	margin-bottom: 3%;
}
.about_box2 ul li:nth-child(3){margin-right: 0;}
.about_box2 ul li img{height: 60px;}
.about_box2 ul li .img2{display: none;}
.about_box2 ul li span{color: #333333;display: block;margin: 20px 0 10px;font-size: 18px;}
.about_box2 ul li p{color: #767676;}
.about_box2 ul li:hover{background-color: #005bac;}
.about_box2 ul li:hover *{color: #FFFFFF !important;}
.about_box2 ul li:hover .img2{display: inline-block;}
.about_box2 ul li:hover .img1{display: none;}

.about_box3{padding: 60px 0;background: url(../images/honor_bg.jpg)no-repeat center;}
.about_box3 .about_name{color: #FFFFFF;}
.about_box3 .fancybox,.about_box4 .fancybox,.about_box5 .fancybox{position: relative;padding-top: 145%;overflow: hidden;display: block;}
.about_box3 .fancybox img,.about_box4 .fancybox img,.about_box5 .fancybox img{
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.about_box3 .scrollbar-gszz{position: static !important;margin-top: 40px;opacity: 1 !important;}
.about_box3 .swiper-scrollbar-drag{background-color: rgba(255,255,255,0.6);}

.about_box4{padding: 80px 0;}
.about_box5{padding: 80px 0;background-color: #EEEEEE;}
.about_box4 .fancybox,.about_box5 .fancybox{padding-top: 62%;}

.about_btnbox{margin-top: 50px;text-align: center;}
.about_btnbox .iconfont{display: inline-block;width: 120px;line-height: 45px;border: 1px solid #333333;margin: 0 30px;color: #333333;cursor: pointer;font-size: 30px;}
.about_btnbox .iconfont:hover{background-color: #005bac;border-color: #005bac;color: #FFFFFF;}


.fwzx_box1{ float: left; width: 100%; margin-top: 30px;}
.fwzx_name{ width: 100%;  float: left; border-bottom: 1px solid #d2d2d2; height: 50px; line-height: 50px;}
.fwzx_name .p1{    float: left;  font-size: 18px;border-bottom: 1px solid #1f58bf; width: 100px; color: #000;}
.fwzx_name .p2{float: right; }
.fwzx_name .p2 a{ color: #6f6f6f; margin-right: 20px;}

.fwzx_dwon{ float: left; width: 100%; margin-top: 80px;}
.fwzx_dwon .bd{ overflow: hidden; width: 100%;}
.fwzx_dwon li{ float: left; width: calc(25% - 0.7px); text-align: center; margin-bottom: 30px; border-right: 1px solid #d2d2d2;}

.fwzx_dwon li .fwzx_dwon_tu{ padding: 50px 0;}
.fwzx_dwon li .fwzx_dwon_tu img{}
.fwzx_dwon li .fwzx_dwon_title{ font-size: 18px; color: #000; margin-bottom: 10px;}
.fwzx_dwon li .fwzx_dwon_gd{    font-size: 16px; color: #000;}
.fwzx_dwon li .fwzx_dwon_gd i{    position: relative; top: 5px; margin-right: 5px;}
.fwzx_dwon li .fwzx_dwon_gd img{}
.down_gd{ float: left; width: 100%; margin: 60px 0; text-align:center;}
.down_gd a{ padding:15px 60px; border:1px solid #d2d2d2; border-radius:50px; }
.down_gd a:hover{ background:#1f58bf; color: #fff !important; border:1px solid #1f58bf;}
.down_gs{ width: 4px; display:none;}

.fwzx_cgal{ position: relative;  width: 100%; float: left; margin-top:50px;}
.fwzx_cgal .bd{ overflow: hidden; width: 100%;}
.fwzx_cgal .bd ul li{ width:calc(33.3% + 14px); float: left; _display: inline; overflow: hidden; text-align: center; position: relative; text-align: left; }
.fwzx_cgal .bd ul li a{ border-top: 1px solid #d2d2d2; width:calc(100% - 40px); float:left;}
.fwzx_cgal .bd ul li:hover a{ border-top: 1px solid #1f58bf;}
.fwzx_cgal_title{ margin-top:50px; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fwzx_cgal_time{ color:#999999;}
.fwzx_cgal_tu{ width:100%; margin: 35px 0;}
.fwzx_cgal_tu img{ max-width:100%;}
.fwzx_cgal_desc{  line-height: 23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.cgal_gs{ width: 3px; display:none;}

.fwzx_yyly{ width: 100%; float: left; margin-top:25px;}
.fwzx_yyly li{ width: 100%; float: left; margin:25px 0; height:430px; overflow:hidden; position:relative; }
.fwzx_yyly_tu{ width: 100%; float: left;}
.fwzx_yyly_tu img{ width: 100%; float: left;     transition: 0.8s;}
.fwzx_yyly li:hover .fwzx_yyly_tu img{ transform: scale(1.1);     transition: 0.8s;}
.fwzx_yyly_cont{position:absolute; right:0px; background:#fff; width: 40%;  padding: 5%;}
.fwzx_yyly_title{ font-size: 22px; margin-bottom: 10px;}
.fwzx_yyly_desc{ line-height: 30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.fwzx_yyly_gd{  margin-top: 30px;}
.fwzx_yyly_gd a{ float: left; background:url(../images/fwzx_yyly_gd_bg.png) center center no-repeat; background-size: 100% 100%;    text-align: center; padding: 10px 20px;}
.fwzx_yyly_gd span{float: right;  padding: 10px 20px;}
.fwzx_yyly li:hover .fwzx_yyly_cont{ background:#1f58bf; color:#fff !important;}


.fwzx_message_top{ background:url(../images/fwzx_message_bg.jpg) center center no-repeat; padding: 80px 0;}
.fwzx_title{    width: 100%; text-align: center; color: #fff;}
.fwzx_title .tu{ margin-bottom:15px;}
.fwzx_title .tu img{}
.fwzx_title .p1{ font-size: 22px;}
.fwzx_message{ width: 520px; /*float: left;*/ margin:0 auto; margin-top:20px; margin-bottom:50px;}
.fwzx_message .box{ width: 49%; float: left; margin-right: 2%; margin-top:20px; border-radius: 8px; overflow: hidden;}
.fwzx_message .box2{ margin-right:0px;}
.fwzx_message .box1{ width:100%;} 
.fwzx_message .box input{  height: 56px;  width: calc(100% - 80px); padding-right: 20px; float:left;}
.fwzx_message .box i{height: 56px; float: left;  width: 60px; text-align: center; background:#fff;}
.fwzx_message .box i img{ position:relative; top:14px;}
.fwzx_message .message{ width: 100%;  float: left;  margin-top:20px;}
.fwzx_message .message textarea{ width:calc(100% - 120px); padding: 20px 60px; height:50px; background: url(../images/fwzx_cont.png) top left no-repeat #fff; border-radius: 8px;}
.fwzx_message .sub{ width: 100%;  float: left; margin-top:20px;}
.fwzx_message .yzm{width: 49%; float: left; margin-top:20px;}
.fwzx_message .yzm img{ width:180px; height:50px; float:left;   margin-top: 4px;}
.fwzx_message .sub .submit{  width: 100%;text-align:center;}
.fwzx_message .sub .submit input{ width:40%;  margin: 0 !important; height: 54px;  background:#1f58bf; color:#fff; border-radius: 5px;
    font-size: 16px;}
.fwzx_message input#name{}
.fwzx_message input#phone{}

.clear {
    clear: both;
    height:0px;
    line-height:0px;
}
.about_nav2{ display:none;}

@media screen and (max-width: 1200px) {
    .about_name{margin-bottom: 5%;}
    .about_name .p1{font-size: 30px;}
    .about_name .p2{font-size: 24px;}
    .about_nav{height: 41px;}
    .about_nav ul li a{line-height: 40px;font-size: 14px;}
    .about_box1{padding: 5% 0;}
    .about_box2{padding-bottom: 5%;}
    .about_box3{padding: 5% 0;}
    .about_box4,.about_box5{padding: 5% 0;}
    .about_btnbox{margin-top: 20px;}
    .about_btnbox .iconfont{width: 80px;line-height: 30px;margin: 0 15px;}
}
@media screen and (max-width: 640px) {
    .about_box1 .name{font-size: 30px;margin-bottom: 20px;}
    .about_box1 .ggy .fl p{font-size: 12px;line-height: 20px;}
    .about_box1 .ggy img{margin: 10px 0 10px;}
    .about_box1 .ggy .fr div{font-size: 12px;line-height: 20px;}
    .about_box1 .ggy .fr div p{margin-top: 15px;}
    .about_box1 .ggy .fr div p span{font-size: 18px;}
    .about_box1 .ggy{margin-bottom: 20px;display: none;}
    .about_box1 .body,.about_box1 .body *{font-size: 14px !important;line-height: 2em !important;}
    .about_box2 ul li{width: 32%;margin-right: 2%;padding: 15px 5px;}
    .about_box2 ul li img{height: 40px;}
    .about_box2 ul li span{font-size: 14px;margin: 10px 0 5px;}
    .about_box2 ul li p{font-size: 12px;    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
    .about_box3 .scrollbar-gszz{margin-top: 20px;}
    
    .fwzx_dwon li{     width: calc(50% - 0.7px);}
    .down_gs{ width:2px; display:none;}
    
    .fwzx_cgal .bd ul li{ width: calc(50% + 14px);}
    .fwzx_cgal_title{font-size: 14px;}
    .cgal_gs{ width: 2px; display:none;}
    .fwzx_yyly li{height:auto;}
    .fwzx_yyly_cont{   float: left;  position: initial;  width: 90%;  border-bottom: 1px solid #d2d2d2;  padding-bottom: 55px;}
    .fwzx_message .box{    width: 100%; margin-right:0px;}
    .fwzx_message .sub .yzm{ width: 100%;}
    .fwzx_message .sub .submit{  width: 100%; margin-top:30px;}
    .fwzx_message .sub .submit input{width: 100%;}
    
    .about_name .p1{ font-size: 20px;}
    .about_name .p2 { font-size: 20px;}
    .main_left{ display:none;} 
    .about_nav2{ display:block;}

    
}
@media screen and (max-width: 500px) {
    .about_nav{border-bottom: none;height: auto;}
    .about_nav ul{/*display: block;*/overflow: hidden;width: 100%;}
    .about_nav ul li{max-width: none;width: 33.3333%;float: left;border-bottom: 1px solid #E5E5E5;}
    .about_nav ul li a{line-height: 40px;}
    
    .fwzx_cgal .bd ul li{ width:100%;}
    .fwzx_cgal .bd ul li a{width:100%;}
    .cgal_gs{ width: 1px; display:none;}
}




.apply_i {
  background: #fff;
  padding: 20px 50px 20px;
}
.apply_i_tit {
  font-size: 18px;
  color: #333333;
  padding: 32px 0 16px;
  border-bottom: 1px solid #e5e5e5;
}
.apply_i p {
  font-size: 14px;
  color: #666666;
}
.apply_i p span {
  color: #ff0000;
  width: 20px;
  margin-right: 10px;
}
.apply_i_inp label {
  display: block;
  float: left;
  width: calc(50% - 13px);
  margin-right: 25px;
  margin-top: 25px;
}
.apply_i_inp label:nth-child(2n) {
  margin-right: 0;
}
.apply_i_inp label:nth-child(2n + 1) {
  clear: both;
}
.apply_i_inp label input,
.apply_i_inp label select {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  margin-top: 10px;
  padding: 0 20px;
  color: #999999;
  -webkit-appearance: button;
  line-height:50px;
  box-sizing:border-box;
}
.apply_i_inp label input::placeholder {
  color: #999;
}
.apply_i_textarea label {
  margin-top: 20px;
  display: block;
}
.apply_i_textarea .textarea {
  margin-top: 10px;
  position: relative;
}
.apply_i_textarea .textarea textarea {
  height: 180px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  padding: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  width: 100%;
  resize: none;
  box-sizing: border-box;
}


.apply_i_textarea .textarea .select {
  position: absolute;
  left: 30px;
  top: 0px;
  right: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}
.apply_i_textarea .textarea .select select {
  background: transparent;
  font-size: 14px;
  color: #999;
  border: 0;
}
.apply_i .common_btn {
  width: 180px;
  border-radius: 3px;
  margin: 35px auto 0;
  display: block;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.apply_i .common_btn:hover{
  background: #005bac;
}
.apply_i .common_btn:hover span{
  color: #fff;
}
.msg_code{
    margin-top: 20px;
}
.msg_code label{
    display: block;   
    width: calc(50% - 13px);
    position: relative;
}
.msg_code p{
    font-size: 14px;
    color: #666666;
}
.msg_code input{
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
    box-sizing: border-box;
}
.msg_code img{
    position: absolute;
    right: 15px;
    top: calc(50% + 17px);
    transform: translateY(-50%);
}
.hr_con{
    font-size: 16px;
    line-height: 2;
}


  .job{height: 50px;background: #005bac;padding: 0 5%;border-bottom: 1px solid #fff;}
  .job span{color: #fff;font-size: 16px;height: 50px;line-height: 50px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;width:50px;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 50px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 50px;line-height: 50px;font-size: 16px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #005bac;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #005bac;position: absolute;left: 5px;top: 0;transition: 0.3s;}
  .jobmain_down{display: none;padding: 5%;overflow: hidden;border-bottom: 1px solid #fff;}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .jobmain_down .ljsq:hover{background:#005bac;color:#fff;}
  .job_on{background-color: #005bac;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 5px;transition: 0.3s;z-index: 1}

.pic_list{
    overflow: hidden;
    display: block;
}
.pic_list li{
    display: block;
    float: left;
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.pic_list li:nth-child(4n){
    margin-right: 0;
}
.pic_list li a{
    display: block;
}
.pic_list li a .img_box{
    overflow: hidden;
    border: 1px solid #ddd;
}
.pic_list li a .img_box img{
    display: block;
    width: 100%;
    transition:.35s;
}
.pic_list li a p{
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    padding:  0 10px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pic_list li a:hover img{
    transform: scale(1.1);
}
.pic_list li a:hover{
    color: #005bac;
}

.pro_prevnext .content{
    display: flex;
    justify-content:space-between;
}
.pro_prevnext .content p{
    max-width: 50%;
    line-height: 40px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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


@media screen and (max-width: 768px) {
    .apply_i_inp label {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }
    .msg_code label{
        width: 100%;
    }
    .job span:nth-child(1){width: 80%;}
    .job span:nth-child(2){display: none;}
    .job span:nth-child(3){display: none;}
    .job span:nth-child(4){display: none;}
    .jobmain_up span:nth-child(1){width: 80%;}
    .jobmain_up span:nth-child(2){display: none;}
    .jobmain_up span:nth-child(3){display: none;}
    .jobmain_up span:nth-child(4){display: none;}
    .pic_list li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .pic_list li:nth-child(2n){
        margin-right: 0;
    }
    .apply_i{
        padding: 0;
    }
    .apply_i .common_btn{margin-top: 10px;}
    .pro_prevnext .content{
        flex-wrap:wrap;
    }
    .pro_prevnext .content p{
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .body img{
        display: block;
    }
    .sample_pro{
        display: none;
    }
}