@charset "utf-8";
*{
    margin:0;
    padding:0;
    list-style:none;
}
body{
    font-family:"微软雅黑";
    width:100%;
    font-size: 12px;
    position: relative;
  	font-weight: 400;
}
body, button, input, select, textarea {
    font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
img{
    border: none;
}
.left{
    float:left;
}
.right{
    float:right;
}
a{
    text-decoration:none;
    color: #000;
}
a:visited {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.header{
    overflow: hidden;
    width: 100%;
    background: url(../images/dh_bj.jpg) no-repeat center;
    background-size: cover;
}
.dnd{
    display: block;
}
.sjd{
    display: none;
}
.head_top{
    width: 100%;
    height: 38px;
    background-color: #195fbc;
    color: #fff;
    position: relative;
}

.head_top .container{
   position: relative;
}

.logo{
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.head_top p{
    width: 50%;
    line-height: 38px;
    margin-bottom: 0;
}
.head_top ul{
    overflow: hidden;
    margin-bottom: 0;
    z-index: 999999;
    position: absolute;
    right: 0;
}
.head_top ul li{
    display: inline-block;
    line-height: 38px;
}
.head_top ul li a{
    color: #fff;
    text-decoration: none;
}
.head_top ul li a:before{
    content:"/";
    margin:0 10px;
}
.head_top ul li:nth-child(1) a:before{
    display: none;
}
.head_con{
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
.h_box1{
    overflow: hidden;
    padding: 45px 0;
}
.h_box1 .h_wz{
    width: 50%;
    overflow: hidden;
}
.h_box1 .h_wz h3{
    margin:0;
    margin-bottom: 10px;
    font-size: 24px;
    color: #195fbc;
    font-weight: bold;
}

.h_box1 .h_wz p{
    margin-bottom: 0;
    font-size: 18px;
    color: #767676;
}
.h_phone{
    overflow: hidden;
    background: url(../images/h_phone.png) no-repeat left;
    padding-left: 63px;
}
.h_phone h3{
    margin: 0;
    font-size: 25px;
    color: #de150f;
}
.h_phone p{
    margin-bottom: 5px;
    padding-left: 3px;
}
.header .nav{
    overflow: hidden;
}
.header .nav ul{
    overflow: hidden;
    margin-bottom: 0;
    padding: 15px 0;
}
.header .nav ul li{
    float: left;
    margin-right: 80px;
    position: relative;
}
.header .nav ul li:last-child{
    margin-right: 0;
}
.header .nav ul li a{
    display: block;
    text-decoration: none;
}
.header .nav ul li a p{
    font-size: 17px;
    color: #707070;
    margin-bottom: 2px;
}
.header .nav ul li a span{
    font-size: 12px;
    color: #b1b1b1;
    text-transform:uppercase;
}
.header .nav ul li:after {
    content: "";
    width: 0%;
    height: 3px;
    background: #195fbc;
    position: absolute;
    bottom: -15px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .nav ul li:hover:after{
    width: 100%;
}
.header .nav ul li:hover a p{
    color: #195fbc;
}
.header .nav ul li:hover a span{
    color: #195fbc;
}
.banner{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner img{
    display: block;
    width: 100%;
}
.banner .swiper-paginationa{
    position: absolute;
    bottom: 15px !important;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 9999;
    text-align: center;
}
.banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 0;
    border-radius: 50%;
}
.banner .swiper-pagination-bullet-active{
    background: #ec200f !important;
}
.banner .swiper-paginationa span{
    background-color: #fff;
}
.banner .swiper-pagination-bullet{
    opacity: .8;
}

.index_search{
    width: 100%;
    height: 70px;
    border-bottom: 1px #e3e3e3 solid;
}
.index_search ul{
    line-height: 70px;
}
.index_search p{
    margin-bottom: 0;
    margin-right: 15px;
    line-height: 70px;
    font-size: 14px;
    color: #333;
    float: left;
}
.index_search ul{
    overflow: hidden;
    margin-bottom: 0;
}
.index_search ul li{
    float: left;
    overflow: hidden;
}
.index_search ul li a{
    font-size: 14px;
    color: #a6a6a6;
}
.index_search ul li:before {
    content: "|";
    margin: 0 15px;
    color: #a6a6a6;
}
.index_search ul li:nth-child(1):before{
    display: none;
}

.index_search form{
    width: 300px;
    line-height: 69px;
    position: relative;
}
.index_search form input{
    border: none;
    border-bottom: 1px #3065b3 solid;
    width: 300px;
    outline:none;
}
.index_search i{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/search.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 38%;
}
.index_product{
    overflow: hidden;
    padding: 30px 0;
    background: url(../images/bj1.jpg) no-repeat center;
    background-size: 100%;
}
.index_product .more{
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px #bfbfbf solid;
    text-align: center;
    margin: auto;
    transition: all .3s;
}
.index_product .more a{
    font-size: 14px;
    color: #666;
    transition: all .33s;
}
.index_product .more:hover{
    background-color: #ff0207;
}
.index_product .more:hover a{
    color: #fff;
    text-decoration: none;
}
.index_title{
    text-align: center;
    overflow: hidden;
}
.index_title h3{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}
.index_title h3 span{
    color: #ff0207;
}
.index_title i{
    display: block;
    width: 313px;
    height: 20px;
    background: url(../images/title_i.png) no-repeat center;
    background-size: 100%;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}
.product_box{
    overflow: hidden;
    padding: 50px 0;
}
.product_zlist{
    width: 330px;
    background-color: #fff;
}
.product_zlist .bt{
    background-color: #1263cd;
    text-align: center;
    color: #fff;
    padding: 25px 0;
}
.product_zlist .bt h3{
    margin:0;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}
.product_zlist .bt span{
    font-size: 15px;
    text-transform: uppercase;
}
.product_zlist .two_bar{
    /*display: none;*/
}

.product_zlist .one_bar{
    line-height: 60px;
    display: block;
    border-bottom: 1px #efefef solid;
    font-size: 19px;
    color: #ee1813;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/list_jt.png);
    background-repeat: no-repeat;
    background-position: 35px 50%;
    text-indent: 4em;
}
.product_zlist .two_bar{
    overflow: hidden;
    padding:20px 0;
    border-bottom: 1px #efefef solid;
}
.product_zlist .two_bar li{
    overflow: hidden;
    line-height: 38px;
    text-indent: 4em;
}
.product_zlist .two_bar li a{
    font-size: 16px;
    color: #535353;
    text-decoration: none;
}
.product_zlist .two_bar li a:before {
    content: ">";
    margin: 0 10px;
    color: #535353;
    font-size: 16px;
    font-weight: bold;
}
.product_zlist .two_bar li a:hover{
    color: #ee1813;
}
.product_zlist .two_bar li a:hover:before{
    color: #ee1813;
}
.product_ylist{
    width: 800px;
}
.product_ylist .hot .pic{
    width: 60%;
}
.product_ylist .hot .pic img{
    width: 100%;
    display: block;
}
.product_ylist .hot .wz{
    width: 40%;
    padding-left: 20px;
}
.product_ylist .hot .wz h3{
    font-size: 20px;
    color: #3f3f3f;
    font-weight: bold;
    margin-top: 15px;
}
.product_ylist .hot .wz i{
    display: block;
    width: 45px;
    height: 2px;
    background-color: #3f3f3f;
    margin-bottom: 20px;
}
.product_ylist .hot .wz p{
    font-size: 14px;
    color: #6f6f6f;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.product_ylist .hot .wz p span{
    font-size: 16px;
}
.product_ylist .hot .wz .more{
    overflow: hidden;
    margin: 30px 0;
}
/*.product_ylist .hot .wz .more li{
    display: inline-block;
    width: 40%;
    text-align: center;
    line-height: 45px;
    border: 1px #e3e2e4 solid;
    margin-right: 10px;
    transition: all .35s;
}*/
.product_ylist .hot .wz .more li a{
    color: #6f6f6f;
    font-size: 15px;
    text-decoration: none;
    transition: all .35s;
}
.product_ylist .hot .wz .more li:hover{
    background-color: #dc2b0e;
    border: 1px #dc2b0e solid;
}
.product_ylist .hot .wz .more li:hover a{
    color: #fff;
}
.product_ylist .hot{
    overflow: hidden;
}
.yqlinks{
    width: 80%;
    margin: 2% auto;
    overflow: hidden;
}
  
.yqlinks li a{
    color: #444;
    padding-right: 10px;
    float: left;
    text-decoration:none;
    display:block;
 }
.cplist{
    overflow: hidden;
    margin-top: 20px;
}
.cplist ul{
    overflow: hidden;
}
.cplist ul li{
    overflow: hidden;
    width: 256px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.cplist ul li a{
    display: block;
    font-size: 14px;
    color: #777777;
    text-decoration: none;
}
.cplist ul li:nth-child(3n+3){
    margin-right: 0;
}
.cplist ul li .pic{
    border: 1px solid #ddd;
    display: block;
    overflow: hidden;
    position: relative;
}
.cplist ul li .pic img{
   display: block;
   width: 100%;
   transition: all .35s;
}
.cplist ul li .bt{
   line-height: 60px;
   background-color: #fff;
   width: 100%;
   margin-top: 1px;
   background-image: url(../images/list_jt2.png);
   background-repeat: no-repeat;
   background-position: 90% 50%;
}
.cplist ul li .bt p{
    font-size: 16px;
    display: block;
    padding:0 20%;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 0
}
.cplist ul li .pic .title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding-top: 20%;
    opacity: 0;
    transition: all .35s;
}
.cplist ul li .pic .title i{
    display: block;
    margin: auto;
}
.cplist ul li .pic .title i img{
    width: 40px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
}
.cplist ul li .pic .title p{
    color: #fff;
    font-size: 14px;
    opacity: .7;
}
.cplist ul li:hover .pic .title{
    opacity: 1;
}
.cplist ul li:hover .pic img{
    transform: scale(1.1,1.1);
}
.index_case{
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 30px 0;
    background-image: url(../images/case_bj.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 45%;
    padding-bottom: 10px;
}
.case_box{
    overflow: hidden;
}
.case_box ul{
    width: 645px;
    float: left;
    padding: 50px 0;
    margin-bottom: 0;
}
.case_box ul li{
    width: 200px;
    height: 100px;
    background-color: #fff;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.case_box ul li a{
    display: block;
}
.case_box ul li a:hover .pic{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg); /* Safari and Chrome */
}

.case_box ul li .pic{
    line-height: 100px;
    margin-left: 20px;
    margin-right: 10px;
    transition: all .6s;
}
.case_box ul li .wz{
    overflow: hidden;
    margin-top: 30px;
}
.case_box ul li .wz p{
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
}
.case_box ul li .wz span{
    font-size: 12px;
    color: #a3a3a3;
    text-transform: uppercase;
}
.c_phone{
    overflow: hidden;
    padding-top: 25px;
}
.c_phone .pic img{
    display: block;
    width: 50px;
}
.c_phone .wz{
    overflow: hidden;
    float: left;
    margin-left: 10px;
}
.c_phone .wz p{
    font-size: 15px;
    color: #1e1e1e;
    margin-bottom: 0;
    padding-left: 2px;
}
.c_phone .wz h3{
    margin: 0;
    font-weight: bold;
}
.c_phone a{
    display: block;
    float: left;
    margin-left: 50px;
    width: 120px;
    text-align: center;
    line-height: 45px;
    border: 1px #e3e2e4 solid;
    transition: all .35s;
    color: #333;
    text-transform: uppercase;
}
.c_phone a:hover{
    text-transform: uppercase;
    background-color: #f01113;
    color: #fff;
}
.index_partner{
    overflow: hidden;
    padding:50px 0;
    background-color: #f5f5f5;
    position: relative;
}
.partner_box{
    overflow: hidden;
    background-color: #fff;
    padding: 30px 0;
    position: relative;
}
.partner_box .bt{
    overflow: hidden;
}
.partner_box .bt h3{
    margin:0;
    font-size: 23px;
    color: #545454;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
}
.partner_box .bt h3 span{
    color: #f01113;
}
.partner_box .bt h3 i{
    display: block;
    width: 45px;
    height: 2px;
    background-color: #545454;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
.partner_box .bt p{
    font-size: 14px;
    color: #131313;
    display: block;
}
.partner_list{
    width: 80%;
    overflow: hidden;
    padding: 50px 0;
    margin: auto;
}
.partner_list .swiper-slide{
    background: url(../images/hzbj.png) no-repeat center;
    text-align: center;
    line-height: 160px;
    background-size: 100%;
}
.swiper-pagination_P{
    position: absolute;
    bottom: 30px !important;
    text-align: center;
}
.swiper-pagination_P span {
    background-color: #a09e9e;
}
.swiper-pagination_P .swiper-pagination-bullet-active{
    background: #ec200f !important;
}
.swiper-pagination_P .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.swiper-button-next_p{
    width: 30px;
    height: 30px;
    background: url(../images/list_jt2.png) no-repeat center;
    position: absolute;
    right: 60px;
    top: 54%;
}
.swiper-button-prev_p{
    width: 30px;
    height: 30px;
    background: url(../images/list_jt2.png) no-repeat center;
    position: absolute;
    left: 60px;
    top: 54%;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}
.partner_list .swiper-slide img{
    transition: all .5s;
}
.partner_list .swiper-slide:hover img{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}
.partner_box2{
    overflow: hidden;
    background-color: #e30d0f;
    width: 55%;
    position: absolute;
    top: 0;
    left: 0;
    padding:50px 0;
    background-image: url(../images/ion1.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
}
.partner_box2 a{
   color: #fff;
   display: block;
   padding-left: 35%;
}
.partner_box2 a:hover{
    color: #fff;
    text-decoration: none;
}
.partner_box2 a h3{
    margin-top: 0;
    font-size: 25px;
}
.partner_box2 a p{
    margin-bottom: 0;
    text-transform: uppercase;
}
.index_service{
    width: 100%;
    padding: 60px 0;
    background-color: #105bc0;
}
.index_service .container{
    position: relative;
}
.index_service h3{
    font-size: 35px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 13px;
}
.index_service p{
    font-size: 16px;
    color: #fff;
}
.index_service .service_dh{
    width: 450px;
    height: 52px;
    background: url(../images/ion2.png) no-repeat center;
    color: #fff;
    padding-left: 8%;
    margin-top: 20px;
    float: left;
}
.index_service .service_dh h4{
    font-size: 17px;
    line-height: 52px;
    margin: 0;
}
.index_service .service_dh h4 span{
    font-size: 23px;
    font-weight: bold;
    line-height: 52px;
}
.index_service a{
    display: block;
    float: left;
    width: 160px;
    height: 45px;
    background-color: #f00e33;
    border-radius: 15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    margin-top: 22px;
    margin-left: 50px;
}
.index_service a:hover{
   text-decoration: none;
   color: #fff;
}
.index_service .pic{
    position: absolute;
    right: 0;
    top:-140px;
}
.index_px{
    overflow: hidden;
    padding: 50px 0;
    background-color: #fefefe;
}
.index_px img{
    margin-top: 70px;
}
.index_px .c_phone{
    margin: auto;
    float: none;
    width: 380px;
    margin-top: 50px;
}
.index_plan{
    padding: 50px 0;
    background: url(../images/ion4.jpg);
    background-size: cover;
}
.plan_box{
    padding: 60px 30px;
    background-color: #fff;
    margin: 50px 0;
}
.plan_tab{
    overflow: hidden;
}
.plan_tab > .plan_tab_content{
    display: none;
    overflow: hidden;
    width: 100%;
}
.plan_tab ul{
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
}
.plan_tab .pic{
    width: 51%;
}
.plan_tab .pic img{
    width: 100%;
}
.plan_tab .wz{
    width: 45%;
    position: relative;
}
.plan_tab .wz h3{
    font-size: 25px;
    color: #0a68e0;
    margin-bottom: 5px;
}
.plan_tab .wz p{
    font-size: 16px;
   
}
.plan_tab .wz span{
    color: #606060;
    font-size: 34px;
    line-height: 24px;
    margin: 40px 0;
    display: block;
}
.plan_tab .wz i{
    display: block;
    width: 50px;
    height: 1px;
    background-color: #606060;
    margin-bottom: 100px;
}
.plan_tab .wz a{
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    line-height: 45px;
    border: 1px #e3e2e4 solid;
    transition: all .35s;
    color: #333;
}
.plan_tab .wz h1{
    position: absolute;
    font-size: 300px;
    font-weight: bold;
    color: #f5f5f5;
    right: 15%;
    top: 3%;
  	opacity:0.6;
}
.plan_tab .wz a:hover{
    background-color: #f01113;
    text-decoration: none;
    color: #fff;
}
.plan_tab ul li{
    width: 25%;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}
.plan_tab ul li p{
    font-size: 16px;
    color: #606060;
    margin-bottom: 5px;
}
.plan_tab ul li span{
    display: block;
    font-size: 12px;
    color: #dadada;
}
.plan_tab ul li h3{
    font-size: 40px;
    font-weight: bold;
    color: #e4e4e4;
    margin: 15px 0;
}
.plan_tab ul li:before{
   content: "";
   width: 80%;
   height: 1px;
   background-color: #dadada;
   bottom: 0;
   left: 0;
   right: 0;
   display: block;
   position: absolute;
   margin:auto;
}
.plan_tab ul .plan_tab_title_this p{
    color: #0a68e0;
}
.plan_tab ul .plan_tab_title_this h3{
    color: #0a68e0;
}
.plan_tab ul .plan_tab_title_this span{
    color: #0a68e0;
}
.index_advantage{
    background: url(../images/ion4.jpg);
    background-size: cover;
}
.advantage_box{
    overflow: hidden;
    background: url(../images/ion5.jpg) no-repeat center;
    background-size: 100%;
    margin-top: 50px;
    padding-top: 20px;
}
.ys_tab{
    overflow: hidden;
}
.ys_tab > .ys_tab_content{
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 80px 0 100px 0;
}
.ys_tab ul{
    overflow: hidden;
    margin: auto;
}
.ys_tab ul li{
    background-color: #0d6cd1;
    width: 25%;
    float: left;
    text-align: center;
    padding: 30px 0 20px 0;
    color: #fff;
}

.ys_tab ul li p{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0;
}
.ys_tab ul li i{
    display: block;
    width: 30px;
    height: 1px;
    background-color: #fff;
    margin: 20px auto 0 auto;
    opacity: .5;
}
.ys_tab ul .ys_tab_title_this{
    background-color: #d91433;
}
.ys_tab_content_this{
    padding: 75px 0 80px 0;
}
.ysnr{
    width: 50%;
    overflow: hidden;
    background-color: #fff;
    padding: 60px 30px;
    position: relative;
}
.ysnr h3{
    font-size: 27px;
    color: #0d6cd1;
    margin-top: 0;
    font-weight: bold;
}
.ysnr .swiper-slide>span{
    font-size: 23px;
    color: #1e1e1e;
    display: block;
    margin-bottom: 35px;
}
.ysnr p{
    font-size: 16px;
    color: #1e1e1e;
    margin-bottom: 0;
    line-height: 30px;
    padding-right: 20px;
    opacity: .65;
}
.ysnr .swiper-pagination_ys{
    width: 75%;
    float: left;
    margin: 35px 0;
    font-size: 20px;
    color: #1e1e1e;
    background-image: url(../images/ysh.jpg);
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.swiper-button-prev_ys{
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    position: absolute;
    right: 18%;
    bottom: 180px;
}
.swiper-button-next_ys{
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
    position: absolute;
    right: 10%;
    bottom: 180px;
}
.swiper-button-next_ys:hover{
    background: url(../images/ysjt2.png) no-repeat center;
    -ms-transform:rotate(360deg);     /* IE 9 */
    -moz-transform:rotate(360deg);    /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);  /* Opera */
}
.swiper-button-prev_ys:hover{
    background: url(../images/ysjt2.png) no-repeat center;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}
.ysnr .c_phone .wz h3{
    color: #333;
}
.index_process{
    padding: 50px 0 60px 0;
    background: url(../images/ion4.jpg);
    background-size: cover;
}
.index_process ul{
    padding: 40px 0;
    overflow: hidden;
    margin-bottom: 0;
}
.index_process ul li{
    overflow: hidden;
    text-align: center;
}
.index_process ul li p{
    font-size: 14px;
    margin-bottom: 5px;
}
.index_process ul li span{
    font-size: 11px;
    text-transform: uppercase;
}
.index_process ul li img{
    margin-bottom: 20px;
    transition: all .6s;
}
.index_process ul li .img2{
    display: none;
    margin: auto;
    margin-bottom: 20px;
     transition: all .6s;
}
.index_process ul li:hover .img1{
    display: block;
    transition: all .6s;
}
.index_process ul li:hover img{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}
.index_process ul li:hover .img2{
    display: block;
}
.index_process ul li:hover .img1{
    display: none;
}
.index_process .c_phone {
    margin: auto;
    float: none;
    width: 380px;
    margin-top: 20px;
}
.index_txdh{
    height: 260px;
    background: url(../images/ion9.jpg) no-repeat center;
    background-size: cover;
}
.index_txdh .container{
    position: relative;
}
.index_txdh .pic{
    position: absolute;
    left: 0;
    top: -113px;
}
.index_txdh .wz{
    padding:50px 0px 40px 350px;
    color: #fff;
    width: 69%;
    float: left;
}
.index_txdh .wz h3{
    font-size: 35px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
}
.index_txdh .wz span{
    background-color: #f20930;
    padding:10px;
    font-size: 20px;
    border-radius: 10px;
}
.index_txdh .wz p{
    font-size: 15px;
    margin-top: 30px;
    line-height: 30px;
}
.index_txdh .wz p img{
    margin-top: -5px;
    margin-right: 5px;
}
.wz_p{
    overflow: hidden;
}
.wz_p p{
    float: left;
    margin-right: 20px;
}
.index_txdh .wz2{
    color: #fff;
    float: left;
    overflow: hidden;
    padding: 70px 0 30px 0;
    width: 30%;
}
.index_txdh .wz2 .tb{
    margin-right: 10px;
}
.index_txdh .wz2 .dh p{
   font-size: 15px;
   margin-bottom: 0;
   margin-top: 5px;
}
.index_txdh .wz2 .dh h3{
   font-size: 24px;
   margin-bottom: 0;
   margin-top: 5px;
   font-weight: bold;
}
.ljzx{
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 15px;
    background-color: #f20930;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-left: 20px;
}
.ljzx:hover{
    color: #fff;
    text-decoration: none;
}
.index_us{
    overflow: hidden;
    background: url(../images/usbj.jpg) no-repeat center;
    background-size: cover;
    padding-top: 50px;
}
.index_us .wz{
    width: 50%;
    padding: 30px 0;
}
.index_us .wz h3{
    margin: 0;
    font-size: 26px;
    font-weight: bold;
    color: #176ce1;
    margin-bottom: 15px;
}
.index_us .wz span{
    font-size: 14px;
    color: #3c3c3c;
    text-transform: uppercase;
    margin-bottom: 25px;
    display: block;
}
.index_us .wz p{
    font-size: 15px;
    color: #646363;
    line-height: 25px;
    margin-bottom: 25px;
}
.index_us .wz ul{
    overflow: hidden;
}
.index_us .wz ul li{
    width: 130px;
    height: 45px;
    border: 1px #e7e7e7 solid;
    line-height: 45px;
    text-align: center;
    float: left;
    margin-right: 15px;
}
.index_us .wz ul li:hover{
    background-color: #f20930;
}
.index_us .wz ul li:hover a{
    color: #fff;
}
.index_us .wz ul li a{
    color: #333;
    text-decoration: none;
}
.us_box{
    overflow: hidden;
    background-color: #0a68ce;
    padding: 60px 0;
}
.us_box p{
    font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
}
.us_box span{
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}
.us_box .container{
    background-image: url(../images/ion1.png);
    background-repeat: no-repeat;
    background-position: 40% 50%;
}
.usdt{
    position: relative;
}
.usdt .pic{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
}
.index_photo{
    padding: 40px 0;
    background: url(../images/usbj.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

.photo_tab_content{
    display: none;
}
.photo_tab{
    overflow: hidden;
}
.photo_tab ul{
    overflow: hidden;
    margin-bottom: 15px;
}
.photo_tab ul li{
    float: left;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px #d7d7d7 solid;
    font-size: 16px;
    color: #636363;
    margin-right: 15px;
}
.photo_tab ul .photo_tab_title_this{
    background-color: #f50f20;
    border: 1px #f50f20 solid;
    color: #fff;
}
.photo_box{
    overflow: hidden;
}
.photo_box .swiper-slide a{
    display: block;
}
.photo_box .swiper-slide a img{
    display: block;
    width: 100%;
}
.photo_box .swiper-slide {
    position: relative;
    overflow: hidden;
}
.photo_box .swiper-slide img{
    transition: all .35s;
}
.photo_box .swiper-slide .wz{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 22% 0;
    opacity: 0;
    transition: all .35s;
}
.photo_box .swiper-slide .wz img{
    width: 30px;
    margin: auto;
}
.photo_box .swiper-slide .wz p{
    color: #fff;
    font-size: 14px;
    margin-top: 5%;
}
.photo_box .swiper-slide:hover .wz{
    opacity: 1;
}
.photo_box .swiper-slide:hover img{
    transform: scale(1.1,1.1);
}
.swiper-pagination{
    position: absolute;
    z-index: 999;
}
.swiper-button-prev_xc{
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    position: absolute;
    right: 82%;
    bottom: 40%;
    display: none;
}
.swiper-button-next_xc{
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
    position: absolute;
    right: 17.5%;
    bottom: 40%;
    display: none;
}
.swiper-button-next_xc:hover{
    background: url(../images/ysjt2.png) no-repeat center;
    -ms-transform:rotate(360deg);     /* IE 9 */
    -moz-transform:rotate(360deg);    /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);  /* Opera */
}
.swiper-button-prev_xc:hover{
    background: url(../images/ysjt2.png) no-repeat center;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}
.photo_tab ul a{
    display: block;
    float: right;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px #d7d7d7 solid;
    font-size: 16px;
    color: #636363;
    margin-right: 15px;
}
.photo_tab ul a:hover{
    text-decoration: none;
    background-color: #f50f20;
    border: 1px #f50f20 solid;
    color: #fff;
}

.index_news{
    overflow: hidden;
    padding: 50px 0;
    background: url(../images/ion4.jpg);
    background-size: cover;
}
.news_list{
    width: 65%;
}
.headlines{
    overflow: hidden;
    border-bottom: 1px #bbbbbb solid;
    padding-bottom: 20px;
}
.index_news .index_title{
    margin-bottom: 30px;
}
.headlines>a{
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
}
.headlines>a:hover{
    text-decoration: none;
    color: #333;
    font-size: 16px;
}
.headlines>a h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}
.headlines>a h3 img{
    margin-right: 15px;
    float: left;
}
.headlines a h3 span{
    line-height: 80px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.headlines p{
    font-size: 14px;
    line-height: 25px;
    color: #666;
}
.headlines p .xq{
    text-decoration: none;
    color: #f8af4c;
}
.headlines p a{
    text-decoration: none;
    color: #666;
}
.news_list ul{
    overflow: hidden;
    padding: 11px 0;
    margin-bottom: 0;
}
.news_list ul li{
    overflow: hidden;
    line-height: 40px;
    background: url(../images/xwtb.png) no-repeat left;
    padding-left: 35px;
}
.news_list ul li p{
    width: 80%;
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news_list ul li span{
    display: block;
    float: right;
}
.news_list ul li a{
    color: #666;
}
.news_list .xw_b a{
    display: block;
    text-decoration: none;
}
.news_list .xw_b{
    overflow: hidden;
    background-color: #fff;
    padding: 20px 15px;
}
.news_list .xw_b .pic{
    width: 30%;
    overflow: hidden;
}
.news_list .xw_b .pic img{
    width: 100%;
    transition: all .35s;
}
.news_list .xw_b .wz{
    width: 67%;
    overflow: hidden;
}
.news_list .xw_b .wz h3{
    font-size: 18px;
    color: #333;
    margin-top: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news_list .xw_b .wz p{
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    line-height: 23px;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}
.news_list .xw_b:hover .pic img{
   transform: scale(1.1,1.1);
}
.news_y{
    width: 31%;
    padding: 15px;
    background-color: #fff;
    margin-top: 30px;
    box-shadow: 1px 1px 10px #d6d6d6;
}
.news_y .bt{
    overflow: hidden;
    padding-top: 10px;
}
.news_y .bt h3{
    float: left;
    margin: 0;
}
.news_y .bt a{
    display: block;
    float: right;
    text-decoration: none;
    color: #666;
    margin-top: 8px;
}
.news_y .pic{
    overflow: hidden;
    margin: 20px 0;
}
.news_y .pic img{
    display: block;
    width: 100%;
}
.news_y ul{
    overflow: hidden;
    margin-bottom: 0;
}
.news_y ul li{
    overflow: hidden;
    border-bottom: 1px #e9e9e9 solid;
    margin-bottom: 15px;
}
.news_y ul li a{
    text-decoration: none;
}
.news_y ul li h3{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-indent: 2em;
    line-height: 30px;
    margin: 0;
    background-image: url(../images/q.jpg);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_y ul li p{
    background-image: url(../images/a.jpg);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding-left: 2em;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.foot{
    overflow: hidden;
    background-color: #1066c2;
}
.foot_nav{
    overflow: hidden;
}
.foot_nav ul{
    overflow: hidden;
    line-height: 65px;
    border-bottom: 1px #2674c8 solid;
}
.foot_nav ul li{
    display: inline-block;
    width: 12%;
    text-align: center;
}
.foot_nav ul li a{
    color: #fff;
}
.foot_box{
    overflow: hidden;
    padding: 40px 0;
}
.foot_z{
    width: 50%;
    float: left;
    overflow: hidden;
    color: #fff;
}
.foot_z span{
    font-size: 14px;
    text-transform: uppercase;
}
.foot_z h3{
    margin-top: 10px;
    font-size: 30px;
}
.foot_z ul{
    overflow: hidden;
    margin-bottom: 0;
}
.foot_z ul li{
    overflow: hidden;
    margin: 15px 0;
    font-size: 16px;
}
.foot_z ul li img{
    margin-right: 10px;
}
.foot_y{
    width: 50%;
    overflow: hidden;
}
.foot_y ul{
    overflow: hidden;
}
.foot_y ul li{
    overflow: hidden;
    float: right;
    text-align: center;
    color: #fff;
    margin-left: 30px;
}
.foot_y ul li p{
    margin-top: 30px;
}
.foot_copyright{
    overflow: hidden;
    background-color: #0956a9;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.foot_copyright p{
    margin-bottom: 0;
    font-size: 14px;
}
.ny_banner{
    overflow: hidden;
    width: 100%;
}
.ny_banner img{
    display: block;
    width: 100%;
}
.ny_banner .container{
    position: relative;
}
.dqwz{
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 5px;
    margin-top: 20px;
}
.dqwz img{
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.dqwz p{
    font-size: 16px;
    color: #797979;
}
.dqwz a{
    font-size: 16px;
    color: #797979;
}
.dqwz a:hover{
    color: #797979;
    text-decoration: none;
}
.dqwz a:before{
    content:">";
    margin:0 15px;
}
.Product_details{
    overflow: hidden;
    padding: 30px 0;
    background-color: #f2f2f2;
}
.details_box1{
    overflow: hidden;
}
.details_box1 .box1_z{
    display: block;
}
.details_box1 .box1_z .view .swiper-slide img {
    display: block;
    width: 100%;
}
.preview {
    position: relative;
    width: 90%;
    margin: auto;
    margin-top: 5px;
}
.preview .swiper-slide {
    width: 23%;
    height: auto;
    cursor: pointer;
    margin: 1%;
}
.preview img {
    padding: 1px;
    width: 100%;
    display: block;
    border: 1px solid #eeeeee;
}
.preview .active-nav img {
    padding: 1px;
    border: 1px solid #ff0000;
}
.preview .arrow-left {
    background: url(../images/jgtb.png) no-repeat left top;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -9px;
    width: 25px;
    height: 25px;
    z-index: 10;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    background-size: 100%;
}
.preview .arrow-right {
    background: url(../images/jgtb.png) no-repeat left bottom;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -9px;
    width: 25px;
    height: 25px;
    z-index: 10;
    background-size: 100%;
}
.details_box1 .box1_y{
    overflow: hidden;
}
.details_box1 .box1_y .wz{
    overflow: hidden;
    padding: 15px 0px 15px 50px;
}
.details_box1 .box1_y .wz h3{
    font-size: 24px;
    color: #0a60b7;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 25px;
}
.details_box1 .box1_y .wz p{
    font-size: 16px;
    color: #4f4e4e;
}
.details_box1 .box1_y .wz p span{
    font-weight: 700;
}
.details_box1 .box1_y .wz a{
    display: block;
    width: 200px;
    height: 57px;
    line-height: 57px;
    background-color: #e40f07;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    float: left;
    margin-top: 50px;
}
.details_box1 .box1_y .wz a img{
    margin-right: 10px;
}
.details_box1 .box1_y .wz .c_phone{
    margin-top: 50px;
    padding-top: 0;
    margin-left: 35px;
}
.details_box1 .box1_y .wz .c_phone .wz{
    padding:0;
}
.details_box1 .box1_y .wz .c_phone .wz h3{
    margin-bottom: 0;
    color: #1e1e1e;
}
.details_box2{
    overflow: hidden;
    margin-top: 30px;
}
.details_box2 .container{
    background-color: #FFF;
}
.cpxq_tab_content{
    display: none;
}
.cpxq_box{
    overflow: hidden;
}
.cpxq_tab{
    overflow: hidden;
}
.cpxq_tab ul{
    width: 100%;
    line-height: 50px;
    border-bottom: 1px #c6c6c6 solid;
    margin-bottom: 0;
    overflow: hidden;
}
.cpxq_tab ul li{
   width: 120px;
   text-align: center;
   overflow: hidden;
   float: left;
}
.cpxq_tab ul li p{
    font-size: 18px;
    color: #333;
    margin-bottom: 0;
}
.cpxq_tab_content{
    overflow: hidden;
}
.cpxq_tab ul .cpxq_tab_title_this{
    background-color: #e40f07;
}
.cpxq_tab ul .cpxq_tab_title_this p{
    color: #fff;
}
.cpxq_tab_content_this{
    padding: 30px;
}
.cpxq_tab_content_this img{
   width: 100%;
}
.details_box3{
    overflow: hidden;
    padding: 30px 0 10px 0;
}
.details_box3 h3{
    font-size: 18px;
    color: #333;
    padding-bottom: 20px;
    margin: 0;
    border-bottom: 1px #999 solid;
    margin-bottom: 20px;
}  
.details_box3 h3 a{
    float: right;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.details_box3 p{
    font-size: 15px;
    color: #878585;
    margin-bottom: 0;
    line-height: 25px;
}
.recommended_cp{
    overflow: hidden;
    padding: 20px 0;
}
.recommended_cp .swiper-slide li{
    overflow: hidden;
}
.recommended_cp .swiper-slide li a{
    display: block;
    text-decoration: none;
}
.recommended_cp .swiper-slide li .pic {
    display: block;
    overflow: hidden;
    position: relative;
}
.recommended_cp .swiper-slide li .pic img {
    display: block;
    width: 100%;
    transition: all .35s;
}
.recommended_cp .swiper-slide li .pic .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding-top: 20%;
    opacity: 0;
    transition: all .35s;
}
.recommended_cp .swiper-slide li .pic .title i {
    display: block;
    margin: auto;
}
.recommended_cp .swiper-slide li .pic .title p {
    color: #fff;
    font-size: 14px;
    opacity: .7;
}
.recommended_cp .swiper-slide li .bt {
    line-height: 60px;
    background-color: #fff;
    width: 100%;
    margin-top: 1px;
    background-image: url(../images/list_jt2.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
.recommended_cp .swiper-slide li .bt p {
    font-size: 16px;
    display: block;
    padding: 0 20%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 60px;
}
.recommended_cp .swiper-slide li:hover .pic img {
    transform: scale(1.1,1.1);
}
.recommended_cp .swiper-slide li:hover .pic .title {
    opacity: 1;
}
.recommended_cp .swiper-slide li .pic .title i img {
    width: 40px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
}
.recommended_cp .swiper-slide li .pic .title p {
    color: #fff;
    font-size: 14px;
    opacity: .7;
}
.customer_case{
    overflow: hidden;
    padding: 30px 0;
}
.customer_case ul{
    overflow: hidden;
}
.customer_case ul li{
    overflow: hidden;
    margin-bottom: 50px;
}
.customer_case ul li>a{
    display: block;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}
.customer_case ul li a:hover{
    text-decoration: none;
}
.customer_case ul li .pic{
    overflow: hidden;
    width: 100%;
}
.customer_case ul li .pic img{
    display: block;
    width: 100%;
    transition: all .35s;
}
.customer_case ul li .wz{
    overflow: hidden;
    padding: 20px 0;
}
.customer_case ul li .wz h3{
   margin: 10px 0;
   font-size: 18px;
   color: #48484a;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   transition: all .3s;
}
.customer_case ul li .wz span{
    font-size: 14px;
    color: #6a6a6a;
}
.customer_case ul li .wz p{
    font-size: 14px;
    line-height: 23px;
    margin: 10px 0;
    color: #7c7c7d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.customer_case ul li .wz .more{
    display: block;
    width: 130px;
    height: 45px;
    border: 1px #e4e4e4 solid;
    line-height: 45px;
    text-align: center;
    transition: all .3s;
    margin: 20px 0;
    color: #333;
    margin-bottom: 10px;
}

.customer_case ul li:hover .wz .more{
    background-color: #0a64bc;
    color: #fff;
}
.customer_case ul li dt{
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #c1c1c1;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.customer_case ul li i{
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #0a5eb4;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: all .35s;
}
.customer_case ul li:hover i{
    width: 100%;
}
.customer_case ul li:hover .wz h3{
    color: #0a60b7;
}
.customer_case ul li:hover .pic img{
    transform: scale(1.1,1.1);
}
.custom_case{
    overflow: hidden;
    padding: 30px 0;
}
.custom_z{
    width: 300px;
    float: left;
}
.custom_z .bt {
    background-color: #1263cd;
    text-align: center;
    color: #fff;
    padding: 25px 0;
}
.custom_z .bt h3 {
    margin: 0;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}
.custom_z .bt span {
    font-size: 15px;
    text-transform: uppercase;
}
.custom_z ul{
    overflow: hidden;
}
.custom_z ul li{
    line-height: 70px;
    overflow: hidden;
    background-color: #ececec;
    margin-bottom: 1px;
    text-indent: 6em;
    background-image: url(../images/aljt1.png);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    transition: all .35s;
}
.custom_z ul li a{
    text-decoration: none;
    display: block;
    font-size: 18px;
    color: #5c5c5c;
    transition: all .35s;
}
.custom_z ul li:hover{
    background-color: #eb1812;
    background-image: url(../images/aljt2.png);
}
.custom_z ul li:hover a{
    color: #fff;
}
.custom_y{
    width: 840px;
}
.custom_y ul{
    overflow: hidden;
}

.custom_y ul li{
    overflow: hidden;
    border-top: 1px #f2f2f2 solid;
    border-bottom: 1px #f2f2f2 solid;
    margin-bottom: 30px;
}
.custom_y ul li .pic{
    width: 40%;
    float: left;
    overflow: hidden;
}
.custom_y ul li .pic img{
    width: 100%;
    display: block;
    transition: all .35s;
}
.custom_y ul li a{
    display: block;
    text-decoration: none;
}
.custom_y ul li .wz{
    overflow: hidden;
    float: right;
    width: 60%;
    padding: 0px 30px;
}
.custom_y ul li .wz h3{
    font-size: 18px;
    color: #4d4d4d;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.custom_y ul li .wz p{
    font-size: 15px;
    color: #9f9f9f;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.custom_y ul li .wz span{
    display: block;
    width: 130px;
    height: 45px;
    border: 1px #e4e4e4 solid;
    line-height: 45px;
    text-align: center;
    transition: all .3s;
    margin: 20px 0;
    color: #333;
    margin-bottom: 10px;
}
.custom_y ul li:hover span{
    background-color: #0a64bc;
    color: #fff;
}
.custom_y ul li:hover .pic img{
    transform: scale(1.1,1.1);
}

.news_lm{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
}
.news_lm ul{
    overflow: hidden;
    margin-bottom: 0;
}
.news_lm ul li{
    overflow: hidden;
    float: left;
    width: 20%;
    line-height: 70px;
    background-color: #fff;
    text-indent: 4em;
    background-image: url(../images/n1.png);
    background-repeat: no-repeat;
    background-position: 70% 50%;
    transition: all .3s;
}
.news_lm ul li a{
    display: block;
    border-right: 1px #e7e7e7 solid;
    border-bottom: 1px #e7e7e7 solid;
    text-decoration: none;
    color: #666;
    font-size: 16px;
}
.news_lm ul li:hover{
    background-color: #0a60b7;
    background-image: url(../images/n1_h.png);
}
.news_lm ul li:hover a{
    color: #fff;
}
.news_lm ul li:last-child a{
    border-right: none;
}
.news_lm ul li:nth-child(2){
    background-image: url(../images/n2.png);
}
.news_lm ul li:hover:nth-child(2){
    background-image: url(../images/n2_h.png);
}
.news_lm ul li:nth-child(3){
    background-image: url(../images/n3.png);
}
.news_lm ul li:hover:nth-child(3){
    background-image: url(../images/n3_h.png);
}
.news_lm ul li:nth-child(4){
    background-image: url(../images/n4.png);
}
.news_lm ul li:hover:nth-child(4){
    background-image: url(../images/n4_h.png);
}
.news_lm ul li:nth-child(5){
    background-image: url(../images/n5.png);
}
.news_lm ul li:hover:nth-child(5){
    background-image: url(../images/n5_h.png);
}
.news{
    overflow: hidden;
    padding: 30px 0;
    background-color: #f6f6f6;
}
.news ul{
    overflow: hidden;
    margin-bottom: 0;
}
.news ul li{
    overflow: hidden;
    transition: all .3s;
    margin-bottom: 25px;
    background-color: #fff;
}
.news ul li:hover{
    background-color: #0468cd;
}
.news ul li:hover .wz h3{
    color: #fff;
}
.news ul li:hover .wz h4{
    color: #fff;
}
.news ul li:hover p{
    color: #fff;
}
.news ul li:hover span{
    color: #fff;
    border-color: #fff;
}
.news ul li a{
    display: block;
    text-decoration: none;
}
.news ul li .pic{
    overflow: hidden;
    width: 30%;
}    
.news ul li .pic img{
    display: block;
    width: 100%;
    transition: all .3s;
}  
.news ul li:hover .pic img{
    transform: scale(1.1,1.1);
}
.news ul li .wz{
    overflow: hidden;
    width: 70%;
    padding:0 30px;
} 
.news ul li .wz h3{
    font-size: 20px;
    color: #343434;
}
.news ul li .wz h4{
    font-size: 15px;
    color: #909090;
}
.news ul li p{
    font-size: 16px;
    color: #909090;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 10px 0;
}
.news ul li span{
    display: block;
    width: 130px;
    height: 45px;
    border: 1px #e4e4e4 solid;
    line-height: 45px;
    text-align: center;
    transition: all .3s;
    margin: 20px 0;
    color: #999;
    margin-bottom: 10px;
}
.news_details{
    overflow: hidden;
    background-color: #f6f6f6;
}
.news_details .title {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px #ededed solid;
    padding: 30px 0;
    position: relative;
}
.news_details .title h3 {
    font-size: 26px;
    color: #0a60b7;
}
.news_details.title ul {
    overflow: hidden;
    text-align: center;
}
.news_details .title ul li {
    display: inline-block;
    padding: 10px 15px;
    position: relative;
}
.news_details .title ul li p {
    margin-bottom: 0;
}
.news_details .title ul li p:before {
    content: "|";
    right: -2px;
    top: 20%;
    position: absolute;
}
.news_details .title ul li:last-child p:before{
    display: none;
}
.news_details .title a{
    display: block;
    width: 125px;
    height: 40px;
    border: 1px #dedcdc solid;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-radius: 15px;
    position: absolute;
    right: 30px;
    bottom: 50px;
}
.news_details .title a:hover{
    background-color: #0a60b7;
    border-color: #0a60b7;
    color: #fff;
}
.details_nr{
    overflow: hidden;
    padding: 30px;
}
.details_nr p{
    font-size: 14px;
    line-height: 23px;
    color: #666;
}
.news_details .fanye {
    padding: 15px 30px;
    overflow: hidden;
    font-size: 14px;
}
.tj_news{
    overflow: hidden;
    padding: 20px 0;
}
.tj_news h3{
    overflow: hidden;
    margin: 0;
    font-size: 18px;
    color: #000;
    padding-bottom: 15px;
    border-bottom: 1px #dcdcdc solid;
    margin-bottom: 15px;
}
.tj_news h3 span{
    font-size: 12px;
    color: #000000;
    margin-left: 5px;
}
.tj_news h3 a{
    float: right;
    text-decoration: none;
    color: #000;
    font-size: 15px;
}
.tj_news ul{
    overflow: hidden;
}
.tj_news ul li{
    overflow: hidden;
    line-height: 35px;
}
.tj_news ul li a{
    text-decoration: none;
}
.tj_news ul li p{
    float: left;
    color: #4f4f4f;
    color: 14px;
    margin-bottom: 0;
    width: 75%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.tj_news ul li span{
    font-size: 14px;
    color: #4f4f4f;
    float: right;
}
.tj_news .xwtj1{
    padding-right: 50px;
}
.tj_news .xwtj2{
    padding-left: 50px;
}
.recruit{
    overflow: hidden;
    padding:30px;
    background-color: #f6f6f6;
}
.recruit .recruit_z{
    width: 300px;
    overflow: hidden;
}
.recruit .recruit_z ul{
    overflow: hidden;
}
.recruit .recruit_z ul li{
    overflow: hidden;
    height: 100px;
    background-color: #195fbc;
    border-bottom: 1px #0a3cb5 solid;
}
.recruit .recruit_z ul li a{
    text-decoration: none;
    color: #fff;
}
.recruit .recruit_z ul li p{
    font-size: 18px;
    float: left;
    text-align: center;
    line-height: 35px;
    padding-left: 40px;
    margin-bottom: 0;
    margin-top: 15px;
}
.recruit .recruit_z ul li p img{
    display: block;
    float: left;
    margin-right: 10px;
}
.recruit .recruit_z ul li span{
    display: block;
    float: left;
    width: 100%;
    padding: 0 30px 0 80px;
}
.recruit_y{
    width: 840px;
    overflow: hidden;
    background-color: #fff;
}
.recruit_y .title{
    line-height: 70px;
    overflow: hidden;
    border-bottom: 1px #f1eeee solid;
}
.recruit_y .title p{
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
}
.recruit_y .level1{
    overflow: hidden;
    border-bottom: 1px #f1eeee solid;
}
.recruit_y .menu1{
    overflow: hidden;
    margin-bottom: 0;
}
.recruit_y .level1 .bt{
    line-height: 70px;
    overflow: hidden;
}
.recruit_y .level1 .bt h3{
    font-size: 18px;
    margin: 0;
    line-height: 70px;
    color: #333;
}
.recruit_y .level1 .bt p{
    font-size: 14px;
    margin: 0;
    color: #666;
}
.recruit_y .level2{
    overflow: hidden;
    padding: 0 15px;
    background-color: #f0f0f0;
    padding-bottom: 15px;
    display: none;
}
.recruit_y .level2 h3{
    font-size: 18px;
}
.recruit_y .level2 p{
    color: #666;
}
.recruit_y .zpxq{
    background-image: url(../images/aljt3.png);
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.recruit_y .level2 a{
    display: block;
    text-decoration: none;
    width: 140px;
    height: 40px;
    background-color: #1d58e0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 30px 0 20px 0;
}
.contact_us{
    overflow: hidden;
    padding: 30px 0;
}
.contact_us .cus_box1 h3{
    margin: 0;
    color: #005bac;
    margin-bottom: 10px;
}
.contact_us .cus_box1 p{
    font-size: 16px;
}
.contact_us .cus_box1{
    overflow: hidden;
}
.contact_us .cus_box1 .dh1{
    float: left;
    /*background-image: url(../images/dhtb.png);*/
    background-repeat: no-repeat;
    background-position: 0% 10%;

    margin-top: 30px;
}
.contact_us .cus_box1 .dh1 p{
    margin: 0;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
}
.contact_us .cus_box1 .dh1 h3{
    margin: 0;
    font-weight: bold;
    color: #005bac;
}
.contact_us .cus_box1 .dh1 span{
    font-size: 12px;
    color: #999;
}
.box1_y ul{
    overflow: hidden;
    float: right;
}
.box1_y ul li{
    float: left;
    margin-left: 20px;
    text-align: center;
}
.box1_y ul li p{
    font-size: 14px;
}
.cus_box2{
    overflow: hidden;
    padding: 40px 0;
}
.cus_box2 .bt{
    overflow: hidden;
    text-align: center;
}
.cus_box2 .bt h3{
    font-size: 28px;
    color: #333333;
    margin-bottom: 5px;
}
.cus_box2 .bt p{
    margin: 0;
    font-size: 12px;
    color: #999;
}
.cus_box2 .bt i{
    display: block;
    width: 50px;
    height: 2px;
    background-color: #1066c2;
    margin: 10px auto;
}
.cus_box2 ul{
    overflow: hidden;
    margin-top: 30px;
}
.cus_box2 ul li{
   overflow: hidden;
}
.cus_box2 ul li .pic{
    overflow: hidden;
}
.cus_box2 ul li .pic img{
    display: block;
    width: 100%;
}
.cus_box2 ul li .wz{
    border: 1px #e5e5e5 solid;
    padding:20px 15px;
}
.cus_box2 ul li .wz h3{
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.cus_box2 ul li .wz h3 span{
    font-size: 17px;
    font-weight: 100;
}
.cus_box2 ul li .wz p{
    margin-bottom: 8px;
}
.cus_box2 ul li .wz p img{
    margin-right: 5px;
}
.about_lm{
    position: absolute;
    bottom: 0;
    right: 0;
}
.about_lm ul{
    background-color: #fff;
    right: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.about_lm ul li{
    float: left;
    width: 150px;
    height: 70px;
    line-height: 70px;
    background-color: #fff;
    text-align: center;
}
.about_lm ul li a{
    font-size: 16px;
    color: #666;
    text-decoration: none;
    display: block;
    border-right: 1px #e5e5e5 solid;
}
.about_lm ul li a:hover{
    background-color: #1372de;
    color: #fff;
}
.about_lm ul li:last-child a{
    border-right: none;
}
.about_us{
    overflow: hidden;
}
.about_box1{
    overflow: hidden;
    padding: 50px 0;
    background-color: #f6f6f6;
}
.about_box1 .box1_z{
    overflow: hidden;
    padding-right: 15px;
}
.about_box1 .box1_z h3{
    font-weight: bold;
    margin-bottom: 20px;
}
.about_box1 .box1_z h3 span{
    font-size: 35px;
}
.about_box1 .box1_z p{
    font-size: 14px;
    color: #666;
    line-height: 23px;
    text-indent: 2em;
}
.about_box1 .box1_y{
    overflow: hidden;
}
.about_box1 .box1_y img{
    display: block;
    width: 90%;
    float: right;
}
.about_box1 .bt{
    overflow: hidden;
    text-align: center;
}
.about_box1 .bt h3 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 5px;
}
.about_box1 .bt p {
    margin: 0;
    font-size: 12px;
    color: #999;
}
.about_box1 .bt i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #1066c2;
    margin: 10px auto;
}
.fc_list{
    overflow: hidden;
    margin: 30px 0;
}
.fc_list .swiper-slide .pic{
    overflow: hidden;
}
.fc_list .swiper-slide a{
    display: block;
    text-decoration: none;
}
.fc_list .swiper-slide .pic img{
    display: block;
    width: 100%;
    transition: all .35s;
}
.fc_list .swiper-slide p{
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #686868;
}
.fc_list .swiper-slide:hover .pic img{
    transform: scale(1.1,1.1);
}
.about_box2{
    overflow: hidden;
    padding: 30px 0;
}
.about_box2 .bt{
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}
.about_box2 .bt h3 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 5px;
}
.about_box2 .bt p {
    margin: 0;
    font-size: 12px;
    color: #999;
}
.about_box2 .bt i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #1066c2;
    margin: 10px auto;
}

#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 520px;
    height: 408px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
    width: 100%;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #1066c2;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.about_box3{
    overflow: hidden;
    background: url(../images/ubj.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 70px 0;
}
.about_box3 .bt{
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}
.about_box3 .bt h3 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 5px;
}
.about_box3 .bt p {
    margin: 0;
    font-size: 12px;
    color: #999;
}
.about_box3 .bt i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #1066c2;
    margin: 10px auto;
}
.about_box3 ul{
    overflow: hidden;
}
.about_box3 ul li{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px #e7e7e7 solid;
    float: left;
    text-align: center;
    padding:20px 15px;
    margin-right: 7px;
    transition: all .35s;
}
.about_box3 ul li:last-child{
    margin-right: 0px;
}
.about_box3 ul li h3{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    transition: all .35s;
}
.about_box3 ul li p{
    margin-bottom: 0;
    font-size: 12px;
    color: #888888;
    line-height: 22px;
    transition: all .35s;
}
.about_box3 ul li:hover{
    background-color: #eb150b;
}
.about_box3 ul li:hover h3{
    color: #fff;
}
.about_box3 ul li:hover p{
    color: #fff;
}
.about_box4{
    overflow: hidden;
    background-color: #237ed6;
    padding: 30px 0 60px 0;
}
.about_box4 .bt{
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}
.about_box4 .bt h3 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px;
}
.about_box4 .bt p {
    margin: 0;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.about_box4 .bt i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
    margin: 10px auto;
}
.about_box4 .container{
    position: relative;
}
.history{
    overflow: hidden;
    padding: 15px 0;
    background-color: #fff;
}
.history .pic img{
    display: block;
    width: 100%;
}
.history .swiper-slide a{
    display: block;
    text-decoration: none;
}
.history .swiper-slide .wz h3{
   font-size: 25px;
   color: #ee2319;
   font-weight: bold;
   margin-bottom: 15px;
}
.history .swiper-slide .wz p{
    font-size: 14px;
    color: #828282;
    line-height: 24px;
}
.history .swiper-button-next{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 65%;
    right: -60px;
    background-image: url(../images/aljt1.png);
    background-repeat: no-repeat;
    background-size: 50%;
}
.history .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    background-image: url(../images/aljt1.png);
    background-repeat: no-repeat;
    background-size: 50%;
    z-index: 999;
    top: 65%;
    left: -60px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
}
.pages{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
      clear: both;
}
.pages .pagination li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0px #cccaca solid;
    margin: 5px;
}
.pages .pagination .page-active{
   border: 0px solid;
}


.goTop >img{
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.goTop{
    position: fixed;
    right : 20px;
    bottom : 20px;
    z-index: 999999;
}





@media (max-width: 1360px){
.partner_box2 a {
    padding-left: 10%;
}
.ys_tab_content_this {
    padding: 40px 0 20px 0;
}  
.ysnr {
    padding: 30px 30px;
}  
  
  
  
}







@media (max-width: 768px){

.dnd{
    display: none;
}
.sjd{
    display: block;
}

#certify {
    position: relative;
    width: 96%;
    margin: 0 auto
}
.sj_banner{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.sj_banner img{
    display: block;
    width: 100%;
}
.sj_banner .swiper-paginationa{
    position: absolute;
    bottom: 2px !important;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 99;
    text-align: center;
}
.sj_banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 0;
    border-radius: 50%;
}
.sj_banner .swiper-pagination-bullet-active{
    background: #ec200f !important;
}
.sj_banner .swiper-paginationa span{
    background-color: #fff;
}
.sj_banner .swiper-pagination-bullet{
    opacity: .8;
}
.case_box ul{
    width: 100%;
    padding: 30px 0;
}
.index_service .service_dh{
    width: 100%;
}
.product_ylist {
    width: 100%;
}
.cplist ul li{
    width:calc(50% - 10px);
    width:-webkit-calc(50% - 10px);
    width:-moz-calc(50% - 10px);
    margin: 5px;
}
.cplist ul li:nth-child(3n+3) {
    margin-right: 5px;
}
.cplist ul {
    overflow: hidden;
    width: 96%;
    margin: auto;
}
.index_product {
    overflow: hidden;
    padding: 30px 0;
    background: url(../images/bj1.jpg) no-repeat center;
    background-size: cover;
}
.index_product .more{
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px #bfbfbf solid;
    text-align: center;
    margin: auto;
}
.index_product .more a{
    font-size: 14px;
    color: #666;
}
.index_product .more:hover{
    background-color: #ff0207;
}
.index_product .more:hover a{
    color: #fff;
    text-decoration: none;
}
.product_box {
    overflow: hidden;
    padding: 20px 0;
}
.case_box ul li {
    width:calc(33.3% - 10px);
    width:-webkit-calc(33.3% - 10px);
    width:-moz-calc(33.3% - 10px);
    height: auto !important;
    background-color: #fff;
    float: left;
    margin: 5px;
}
.case_box ul li .pic {
    line-height: 20px;
    margin:auto;
    transition: all .6s;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.case_box ul li .pic img{
    width: 30px;
}
.case_box ul li .wz p {
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
}
.case_box ul li .wz {
    overflow: hidden;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

.case_box ul li .wz span {
    font-size: 10px;
    color: #a3a3a3;
    text-transform: uppercase;
}
.index_case{
    background: none;
}
.partner_box2 {
    overflow: hidden;
    background-color: #e30d0f;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 15px;
    background-image: url(../images/ion1.png);
    background-repeat: no-repeat;
    background-position: 96% 70%;
    background-size: 6%;
}
.partner_box2 a {
    color: #fff;
    display: block;
    padding-left: 0;
}
.partner_box2 a h3 {
    margin-top: 0;
    font-size: 14px;
}
.partner_box2 a p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 10px;
}
.partner_box {
    overflow: hidden;
    background-color: #fff;
    padding: 100px 0;
    position: relative;
    padding-bottom: 50px;
}
.c_phone{
    overflow: hidden;
    padding-top: 25px;
    margin-left: 5%;
}
.c_phone a {
    display: block;
    float: left;
    margin-left: 10px;
    width: 120px;
    text-align: center;
    line-height: 45px;
    border: 1px #e3e2e4 solid;
    transition: all .35s;
    color: #333;
    text-transform: uppercase;
}
.partner_box .bt{
    float: none !important;
}
.partner_box .bt h3{
    float: none !important;
    width: 70%;
    margin: auto;
}
.partner_box .bt p{
    text-align: center;
    margin-top: 5px;
}
.partner_list {
    width: 80%;
    overflow: hidden;
    padding: 10px 0;
    margin: auto;
}
.swiper-button-next_p {
    right: 8px;
    top: 60%;
}
.swiper-button-prev_p{
    left: 8px;
    top: 60%;
}
.partner_list .swiper-slide img {
    transition: all .5s;
    width: 60%;
}
.index_service .pic{
    display: none;
}
.index_partner{
    padding-bottom: 0;
}
.index_service h3 {
    font-size: 19px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 13px;
}
.index_service {
    width: 100%;
    padding: 30px 15px;
    background-color: #105bc0;
}
.index_service p {
    font-size: 12px;
    color: #fff;
}
.index_service .service_dh {
    width: 70%;
    height: 52px;
    background: url(../images/ion2.png) no-repeat left;
    background-size: 100%;
    color: #fff;
    padding-left: 12%;
    float: left;
    margin-top: 0px;
}
.index_service .service_dh h4 {
    font-size: 10px;
    line-height: 45px;
    margin: 0;
}
.index_service .service_dh h4 span {
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
}
.index_service a {
    display: block;
    float: right;
    width: 24%;
    height: 30px;
    background-color: #f00e33;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}
.index_title h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index_px {
    overflow: hidden;
    padding: 30px 0;
    background-color: #fefefe;
}
.index_px img {
    margin-top: 30px;
    width: 96%;
    margin-left: 2%;
}
.index_px .c_phone {
    margin: auto;
    float: none;
    width: 85%;
    margin-top: 20px;
}
.index_plan {
    padding: 30px 0;
    background: url(../images/ion4.jpg);
    background-size: cover;
    padding-bottom: 0;
}
.plan_box {
    padding: 30px 15px;
    background-color: #fff;
    margin: 30px 0;
    padding-bottom: 0;
}
.plan_tab .wz h1{
    display: none;
}
.plan_tab .pic {
    width: 100%;
}
.plan_tab .wz {
    width: 100%;
    position: relative;
}
.plan_tab .wz h3 {
    font-size: 20px;
    color: #0a68e0;
    margin-bottom: 5px;
}
.plan_tab .wz p {
    font-size: 14px;
    color: #0a68e0;
}
.plan_tab .wz span {
    color: #606060;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    margin: 15px 0;
    display: block;
}
.plan_tab .wz i {
    display: block;
    width: 50px;
    height: 1px;
    background-color: #606060;
    margin-bottom: 20px;
}
.plan_tab .wz a {
    display: block;
    float: left;
    width: 100px;
    text-align: center;
    line-height: 35px;
    border: 1px #e3e2e4 solid;
    transition: all .35s;
    color: #333;
}
.plan_tab ul li span{
    display: none;
}
.plan_tab ul li p {
    font-size: 12px;
    color: #606060;
    margin-bottom: 5px;
    padding: 0 5%;
}
.plan_tab ul li h3{
    margin-bottom: 0;
}
.index_title p{
    padding: 0 30px;
}
.ys_tab_content_this{
    padding: 0;
}
.advantage_box {
    overflow: hidden;
    background: url(../images/ion5.jpg) no-repeat center;
    background-size: 100%;
    margin-top: 0px;
    padding-top: 20px;
}
.ysnr {
    width: 96% !important;
    overflow: hidden;
    margin: auto;
    background-color: #fff;
    padding: 30px 0px;
    position: relative;
}
.ys_tab ul li p {
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 0;
}
.ysnr p{
    font-size: 14px;
    padding: 0;
    line-height: 25px;
}
.ysnr .swiper-slide{
    width: 100% !important;
}
.ys_tab_content_this{
    background-color: #fff;
}
.ysnr .swiper-slide>span {
    font-size: 23px;
    color: #1e1e1e;
    display: block;
    margin-bottom: 20px;
}
.ysnr .swiper-pagination_ys{
    background-image: none;
}
.index_txdh .pic{
    display: none;
}
.index_txdh .wz {
    padding: 20px;
    color: #fff;
    width: 100%;
    float: left;
}
.index_txdh .wz h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 25px;
}
.index_txdh .wz span {
    background-color: #f20930;
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
}
.index_txdh .wz2 {
    color: #fff;
    float: left;
    overflow: hidden;
    padding: 0 15px;
    width: 52%;
}
.index_txdh .wz2 .dh h3 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: bold;
}
.index_txdh .wz2 .dh p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}
.ljzx {
    display: block;
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background-color: #f20930;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin-left: 20px;
}
.index_us{
    padding: 30px 0;
}
.index_us .wz {
    width: 100%;
    padding: 30px 15px;
}
.usdt .pic{
    display: none;
}
.index_us .wz h3{
    font-size: 24px;
    margin-bottom: 10px;
}
.index_us .wz span {
    font-size: 12px;
}
.index_us .wz p{
    margin-bottom: 15px;
}
.index_us .wz ul {
    overflow: hidden;
    padding: 15px 0;
    margin-bottom: 0;
}
.us_box {
    overflow: hidden;
    background-color: #0a68ce;
    padding: 30px 15px;
}
.us_box .container {
    background-image:none;
    background-repeat: no-repeat;
    background-position: 96% 100%;
}
.us_box p {
    font-size: 22px;
    color: #fff;
    margin-bottom: 5px;
}
.photo_tab ul li {
    float: left;
    width: 20%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px #d7d7d7 solid;
    font-size: 14px;
    color: #636363;
    margin-right: 0px;
    margin-left: 10px;
}
.photo_tab ul a {
    display: block;
    float: right;
    width: 23%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px #d7d7d7 solid;
    font-size: 14px;
    color: #636363;
    margin-right: 10px;
}
.index_photo {
    padding: 0px 0;
    background: url(../images/usbj.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.photo_tab_content_this{
    width: 90%;
    margin: auto;
}
.swiper-button-next_xc {
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: absolute;
    right: 1%;
    bottom: 25%;
    display: block;
}
.swiper-button-prev_xc {
    width: 10px;
    height: 16px;
    background: url(../images/ysjt1.png) no-repeat center;
    position: absolute;
    right: 97%;
    bottom: 25%;
    display: block;
}
.index_news .index_title {
    margin-bottom: 15px;
}
.news_list {
    width: 100%;
    padding: 0 15px;
}
.news_list ul li {
    overflow: hidden;
    line-height: 40px;
    background: url(../images/xwtb.png) no-repeat left;
    padding-left: 30px;
}
.news_list ul li p{
    width: 75%;
}
.news_y {
    width: 94%;
    padding: 15px;
    background-color: #fff;
    margin-top: 30px;
    box-shadow: 1px 1px 10px #d6d6d6;
    margin: auto;
    float: left;
    margin-left: 3%;
    margin-top: 20px;
}
.foot{
    display: none;
}
.header{
    display: none;
}
.dqwz a:before {
    content: ">";
    margin: 0 10px;
}
.dqwz p {
    font-size: 14px;
    color: #797979;
    margin-bottom: 0;
}
.dqwz a {
    font-size: 14px;
    color: #797979;
}
.dqwz {
    overflow: hidden;
    line-height: 35px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 5px;
    margin-top: 5px;
    padding: 0px 10px;
}
.details_box1 .box1_z {
    display: block;
    padding: 0 35px;
}
.details_box1 .box1_y .wz {
    overflow: hidden;
    padding:20px 15px;
}
.details_box1 .box1_y .wz h3 {
    font-size: 18px;
    color: #0a60b7;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}
.details_box1 .box1_y .wz p {
    font-size: 14px;
    color: #4f4e4e;
    margin-bottom: 5px;
}
.details_box1 .box1_y .wz a {
    display: block;
    width: 30%;
    height: 55px;
    line-height: 50px;
    background-color: #e40f07;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-top: 20px;
}
.details_box1 .box1_y .wz .c_phone {
    margin-top: 25px;
    padding-top: 0;
    margin-left: 35px;
}
.cpxq_tab_content_this {
    padding: 15px;
}
.cpxq_tab_content_this img {
    width: 100%;
}
.details_box3 {
    overflow: hidden;
    padding: 15px;
}
.details_box3 h3{
    font-size: 16px;
    padding-bottom: 15px;
}

.recommended_cp {
    overflow: hidden;
    padding: 0px 0;
}
.product_zlist {
    width: 100%;
    background-color: #fff;
}
.product_zlist .two_bar {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px #efefef solid;
}
.sj_cplm .two_bar{
    display: none;
}
.product_zlist .one_bar {
    line-height: 50px;
    display: block;
    border-bottom: 1px #efefef solid;
    font-size: 18px;
    color: #ee1813;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/list_jt.png);
    background-repeat: no-repeat;
    background-position: 94% 50%;
    text-indent: 1em;
}
.product_zlist .two_bar li {
    overflow: hidden;
    line-height: 38px;
    text-indent: 1em;
}
.product_zlist .bt {
    background-color: #1263cd;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.product_zlist .bt h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.product_zlist .bt span {
    font-size: 12px;
    text-transform: uppercase;
}
.custom_z {
    width: 100%;
    float: left;
}
.custom_z .bt {
    background-color: #1263cd;
    text-align: left;
    color: #fff;
    padding: 15px;
}
.custom_z .bt h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.custom_z .bt span {
    font-size: 12px;
    text-transform: uppercase;
}
.custom_z ul li {
    line-height: 50px;
    overflow: hidden;
    background-color: #ececec;
    margin-bottom: 1px;
    text-indent: 1em;
    background-image: url(../images/aljt1.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    transition: all .35s;
}
.custom_z ul{
    display: none;
}
.dzalnr{
    display: none;
}
.btkg{
    background-image: url(../images/xjt.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
.custom_y {
    width: 100%;
    padding: 15px;
}
.custom_y ul li .pic{
    width: 100%;
}
.custom_y ul li .wz {
    overflow: hidden;
    float: right;
    width: 100%;
    padding: 0px 15px;
}
.custom_y ul li .wz h3 {
    font-size: 18px;
    color: #4d4d4d;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.custom_y ul li .wz span {
    display: block;
    width: 100px;
    height: 40px;
    border: 1px #e4e4e4 solid;
    line-height: 40px;
    text-align: center;
    transition: all .3s;
    margin: 20px 0;
    color: #333;
    margin-bottom: 20px;
}
.about_lm {
    position: relative;
    bottom: 0;
    right: 0;
}
.about_lm ul li a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    display: block;
    border-right: 1px #e5e5e5 solid;
}
.about_lm ul li {
    float: left;
    width: 20%;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    text-align: center;
}
.about_box1 {
    overflow: hidden;
    padding: 20px 15px;
    background-color: #f6f6f6;
}
.about_box1 .box1_z h3 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 0;
}
.about_box1 .box1_y {
    overflow: hidden;
    margin-top: 10px;
}
#certify .swiper-button-next{
    display: none;
}
#certify .swiper-button-prev{
    display: none;
}
#certify .swiper-slide p{
    line-height: 60px;
}
#certify .swiper-container {
    padding-bottom: 0px;
}
.about_box4 {
    overflow: hidden;
    background-color: #237ed6;
    padding: 10px 0 30px 0;
}
.fc_list .swiper-slide p{
    margin-bottom: 0;
}
.about_box3 {
    overflow: hidden;
    background: url(../images/ubj.jpg) no-repeat center;
    background-size: cover;
    padding: 20px 0 30px 0;
}
.about_box3 ul li {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px #e7e7e7 solid;
    float: left;
    text-align: center;
    padding: 20px 15px;
    margin-right: 7px;
    transition: all .35s;
    margin: 15px 1%;
}
.about_box3 ul li h3 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    transition: all .35s;
    margin-top: 0;
    margin-bottom: 5px;
}
.about_box3 ul li p {
    margin-bottom: 0;
    font-size: 10px;
    color: #888888;
    line-height: 20px;
    transition: all .35s;
}
.contact_us .cus_box1 {
    overflow: hidden;
    padding: 0 15px;
}
.contact_us .cus_box1 h3 {
    margin: 0;
    color: #005bac;
    margin-bottom: 10px;
    font-size: 20px;
}
.contact_us .cus_box1 p {
    font-size: 14px;
    margin-bottom: 0;
}
.contact_us .cus_box1 .dh1 {
    float: left;
    background-repeat: no-repeat;
    background-position: 0% 10%;
}
.box1_y ul {
    overflow: hidden;
    float: none;
    margin-top: 15px;
}
.box1_y ul li {
    float: left;
    margin-left:5%;
    text-align: center;
    width: 40%;
}
.box1_y ul li img{
   display: block;
   width: 100%;
}
.cus_box2 ul li{
    margin-bottom: 15px;
}
.cus_box2{
    padding-bottom: 0;
}
.news_lm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
}
.news_lm ul li{
    text-indent: 0em;
    text-align: center;
    background: none;
}
.news_lm ul li:nth-child(2){
    background: none;
}
.news_lm ul li:nth-child(3){
    background: none;
}

.news_lm ul li:nth-child(4){
    background: none;
}
.news_lm ul li:nth-child(5){
    background: none;
}
.news_details .title {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px #ededed solid;
    padding: 15px 0;
    position: relative;
    padding-bottom: 50px;
}
.news_details .title h3 {
    font-size: 20px;
    color: #0a60b7;
    margin-bottom: 0;
}
.news_details .title ul li {
    display: inline-block;
    padding: 10px 10px;
    position: relative;
}
.news_details .title a {
    display: block;
    width: 100px;
    height: 35px;
    border: 1px #dedcdc solid;
    line-height: 35px;
    text-align: center;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-radius: 15px;
    position: absolute;
    right: 30px;
    bottom: 15px;
}
.details_nr {
    overflow: hidden;
    padding: 15px;
}
.news_details .fanye {
    padding: 15px 15px;
    overflow: hidden;
    font-size: 14px;
}
.news_details .fanye li{
    width: 100%;
}
.tj_news {
    overflow: hidden;
    padding: 15px;
}
.tj_news .xwtj1{
    padding-right: 0px;
    margin-bottom: 0;
}
.tj_news .xwtj2 {
    padding-left: 0px;
}
.news ul {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 15px;
}
.news ul li .pic {
    overflow: hidden;
    width: 100%;
}
.news ul li .wz {
    overflow: hidden;
    width: 100%;
    padding: 0 15px;
}
.news ul li .wz h3 {
    font-size: 16px;
    color: #343434;
}
.news ul li p {
    font-size: 14px;
    color: #909090;
    line-height: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 0;
}
.news ul li span {
    display: block;
    width: 130px;
    height: 45px;
    border: 1px #e4e4e4 solid;
    line-height: 45px;
    text-align: center;
    transition: all .3s;
    margin: 10px 0;
    color: #999;
    margin-bottom: 15px;
}
.recruit .recruit_z {
    width: 100%;
    overflow: hidden;
}
.recruit {
    overflow: hidden;
    padding: 15px;
    background-color: #f6f6f6;
}
.recruit .recruit_z ul li p img {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.recruit .recruit_z ul li span {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0px 0 65px;
}
.recruit .recruit_z ul li p{
    padding-left: 20px;
}
.recruit_y{
    width: 100%;
}
.recruit_y .level1 .bt h3 {
    font-size: 14px;
    margin: 0;
    line-height: 60px;
    color: #333;
}
.recruit_y .title {
    line-height: 60px;
    overflow: hidden;
    border-bottom: 1px #f1eeee solid;
}
.recruit_y .level1 .bt p{
    line-height: 60px;
    font-size: 12px;
}
.recruit_y .level1{
    border-bottom: 1px #f1eeee solid;
}
.sj_foot {
    overflow: hidden;
    width: 100%;
    background-color: #2f2f2f;
}
.sj_foot ul {
    overflow: hidden;
    margin: 0;
}
.sj_foot ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 0;
    position: relative;
}
.sj_foot ul li a {
    display: block;
}
.sj_foot ul li a p{
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}
.sj_foot ul li:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .2;
}
.sj_foot ul li:hover{
    background-color: #f00627;
}
.index_txdh .wz2{
    display: none;
}
.index_txdh{
    height: auto;
    padding-bottom: 20px;
}
.index_txdh .wz p{
    margin-bottom: 0;
}
.sj_head{
    width: 100%;
    height: auto;
    padding:20px 15px;
    overflow: hidden;
}
.sj_head .logo2{
    width: 80%;
}
.sj_head .logo2 img{
    display: block;
    width: 100%;
}
.sj_head .nav_al{
    width: 18%;
}
.sj_head .nav_al img{
    display: block;
    width: 60%;
    float: right;
}
.sjdh{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9999;
    top: 0;
    display: none;
}

.sjdh_box{
    width: 50%;
    height: 100%;
    background-color: #195fbc;
    position: absolute;
    left: -50%;
    z-index: 99999999;
}
.sjdh_box .sjdh_logo{
    text-align: center;
    padding:15px;
    border-bottom: 1px #2a77dd solid;
}
.sjdh_box .sjdh_logo img{
    width: 80%;
    margin: auto;
}
.sjdh_box ul{
    overflow: hidden;
    margin: 10px 0;
}
.sjdh_box ul li{
    line-height: 50px;
    overflow: hidden;
    border-bottom: 1px #2a77dd solid;
}
.sjdh_box ul li a{
    color: #fff;
    font-size: 16px;
    display: block;
    text-indent: 2em;
}
.gb_tc{
    width: 50%;
    position: absolute;
    right: -100%;
    background-color: rgba(0,0,0,0);
    height: 100%;
}
.cplist ul li .bt p {
    font-size: 14px;
    display: block;
    padding: 0 20%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.cplist ul li .bt {
    line-height: 60px;
    background-color: #fff;
    width: 100%;
    margin-top: 1px;
    background-image: url(../images/list_jt2.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 12%;
}
.swiper-button-next_p {
    width: 25px;
    height: 25px;
}
.swiper-button-prev_p {
    width: 25px;
    height: 25px;
}  
.news_lm ul li a{
   font-size: 14px;
}  
.recruit_y .zpxq {
    background-image: url(../images/aljt3.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 15%; 
}  
.recruit_y .title p {
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
}  

.pages{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.pages .pagination li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0px #cccaca solid;
    margin: 5px;
}
.pages .pagination .page-active{
   border: 0px solid;
}
.pages{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.pages .pagination li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0px #cccaca solid;
    margin: 5px;
}
.pages .pagination .page-active{
   border: 0px solid;
}
.index_process .c_phone {
    margin: auto;
    float: none;
    width: 100%;
    margin-top: 20px;
}