html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}


.head1{
    background: #e8e8e8;
    height: 30px;
}
.wel{
    font-size: 14px;
    color: #878787;
    line-height: 28px;
}
.k1{
    font-size: 14px;
    color: #878787;
    line-height: 30px;
}
.k1 a{
    color: #878787;
}
.head2{
    height: 120px;
}
.logo{
    line-height: 120px;
}
.htel{
    padding-left: 65px;
    background: url(../images/tel1.png) no-repeat left center;
    margin-top: 30px
}
.hnav{
    height: 60px;
    background: #008ada;
}
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}

.p1{
    background: url(../images/ssbg.jpg) no-repeat center;
    height: 62px;
}
.p1a {width: 707px;line-height: 26px;padding: 18px 0;font-size: 14px;color: #fff;}
.p1a a {color: #fff;}
.p1a a+a {margin-left: 15px;}
.p1b {width: 493px;}
.p1b-box {padding: 18px 47px ;}

.p1b-form {width: 367px;height: 26px;}

.p1b1 {width: 318px;height: 100%;background-color: #fff;border: 1px solid #d3d4c4;border-right: none;padding-left: 5px;font-size: 14px;color: #666;outline: none;border: none;}
.p1b2 {width: 49px;height: 100%;background-image: url(../images/p1b2.jpg);background-repeat: no-repeat;outline: none;border: none;}


.index-c1{
    margin-top: 80px;
    width: 1200px;
    height: 429px;
   /* background: url(../images/bg1.jpg) no-repeat center;*/
}
.c1-left{
    width: 600px;
}
.c1tlt{
    font-weight: bold;
    color: #008ada;
    font-size: 38px;
    line-height: 60px;
      margin-left: 85px;  
}
.c1tlt span{
    font-size: 48px;
    padding-right: 15px
}
.c1tlt h4{
    float: right;
    margin-top: 10px;
    font-weight: bold;
    color: #008ada;
    font-size: 38px;
    margin-right: 65px;
}

.c1-left .jj{
    padding: 20px 50px;
    font-size: 15px;
    color: #666666;
    line-height: 33px;
    text-indent: 2em;
}
.c1-right{
    width: 600px;
    padding: 23px 15px;
}
.c1-right img{
    width: 570px;
    
}

.c2tlt{
    padding: 50px 0;
    text-align: center;
}
.c2tlt h3{
    font-size: 34px;
    font-weight: 800;
    color: #008ada;
    text-transform: uppercase;
    line-height: 50px;
    font-family: Arial;
}
.c2tlt h2{
    font-size: 38px;
    color: #008ada;
    background: url(../images/line01.png) no-repeat center
}
/*.index-c2 ul{*/
/*    padding-top: 70px;*/
/*}*/
.index-c2 ul li{
    /*width: 300px;*/
    /*height: 198px;*/
    /*position: relative;*/
    /*float: left;*/
}
/*.index-c2 ul li .cont{*/
/*    background: #e2e2e2;*/
/*    text-align: center;*/
/*    padding-top: 80px;*/
/*    height: 198px;*/
/*}*/
/*.index-c2 ul li .img{*/
/*    width: 130px;*/
/*    border: 3px solid #fff;*/
/*    text-align: center;*/
/*    height: 130px;*/
/*    line-height: 124px;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    top: -65px;*/
/*    left: 85px;*/
/*}*/
/*.index-c2 ul li .cont h3{*/
/*    font-size: 22px;*/
/*    font-weight: bold;*/
/*    color: #333333;*/
/*    line-height: 50px;*/
/*}*/
/*.index-c2 ul li .cont p{*/
/*    font-size: 14px;*/
/*    color: #666666*/
/*}*/
/*.index-c2 ul li:hover .cont{*/
/*    background: #008ada*/
/*}*/
/*.index-c2 ul li:hover .cont h3{*/
/*    color: #fff*/
/*}*/
/*.index-c2 ul li:hover .cont p{*/
/*    color: #fff*/
/*}*/
/*.index-c2 ul li:hover .img{*/
/*    background: #008ada*/
/*}*/
/*.index-c2 ul li:hover .img img{*/
/*    filter: brightness(100);*/
/*}*/

.p2{
    height: 550px;
    background: url(../images/bg2.jpg) no-repeat center;
    margin-top: 50px
}
.p2-box {padding-top: 45px;padding-bottom: 55px;}
.p2a {text-align: center;}
.p2a h3 {font-size: 34px;color: rgba(255,255,255,0.5);font-weight: 800;font-family: Arial;text-transform: uppercase;}
.p2a p {font-size: 36px;color: rgba(255,255,255,0.8);text-align: center;}
.p2a p::before, .p2a p::after {content: "";display: inline-block;width: 301px;height: 0;border-top: 1px solid #cbcbcb;margin: 0 18px;transform: translateY(-7px);}


.p2aa{    margin-top: -31px;}
.p2aa a{    font-size: 18px;color: #fff;}

.p2b {margin-top: 60px;position: relative;}

.p2b-con {width: 1400px;overflow: hidden;margin: 0 auto;}
.p2b-con ul li {width:445px;margin-right: 25px}
.p2b-con ul li a {display: block;width: 445px;}
.p2b-con ul li a .ovimg img{width:445px;height:445px;transition: all 0.8s;}
.p2b-con ul li a .ovimg{overflow: hidden;}
.p2b-con ul li:hover a .ovimg img{transform: scale(1.2);}
.p2b-con ul li:hover a h3,.p2b-con ul li:hover a span,.p2b-con ul li:hover .case-ms-wz{color: #fff;}
.p2b-con ul li:hover .case-ms-wz{background: #008ada;}
.p2b-con ul li a h3 {font-size: 23px;color: #333333;text-align: left;font-weight: 600;line-height: 1;margin-bottom: 20px;}
.p2b-con ul li a span {font-size: 14px;color: #666666;text-align: left;font-weight: 400;display: block;line-height: 1;margin-bottom: 30px;}
.case-ms-wz{font-size: 14px;color: #999999;text-align: left;font-weight: 400;}
.p2b-btn a {position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 58px;height: 58px;background-repeat: no-repeat;z-index: 999999;}
.p2b-btn a.prev {left: -24px;background-image: url(../images/azuo.png);}
.p2b-btn a.next {right: -21px;background-image: url(../images/ayou.png);}
.case-ms-wz{height: 165px;background: #fff;padding: 27px 0px 30px 40px;}

.index-c3{
    padding: 40px 0;
}
.c3-left{
    width: 254px;
}
.c3-left > h2{
    width: 254px;
    height: 131px;
    background: url(../images/c3-1.png) no-repeat 30px center #333333;
    font-size: 36px;
    font-weight: bold;
    color: #ff8820;
    line-height: 131px;
    padding-left: 80px;
}
.c3-left ul{
    padding: 10px 0;
    background: #eaeaea
}
.c3-left ul li{
    height: 61px;
    border-bottom: 1px solid #bfbfbf;
    padding-left: 50px
}
.c3-left ul li:last-child{
    border: none
}
.c3-left ul li a{
    display: block;
    line-height: 60px;
    font-size: 17px;
    color: #464646
}
.c3-left ul li:hover a{
    padding-left: 20px;
    font-weight: bold;
    font-size: 17px;
    color: #ff8820;
    background: url(../images/c3-2.png) no-repeat left center
}

.pro_lx{
    width: 254px;
    height: 278px;
    background: url(../images/c3-3.png) no-repeat center;
    padding: 105px 20px 0;
    font-size: 16px;
    line-height: 28px;
    color: #fff
}
.c3-right{
    width: 915px;
}
.c3-right ul li{
    width: 290px;
    margin-bottom: 20px;
    float: left;
    margin-right: 22px;
}
.c3-right ul li:nth-child(3n){
    margin-right: 0;
}
.c3-right ul li a{
    display: block;
}
.c3-right ul li img{
    width: 290px;
    height: 290px;
}
.c3-right ul li h3{
    text-align: center;
    font-size: 13px;
    line-height: 36px;
    background: #e5e5e5;
    color: #555555
}
.c3-right ul li:hover h3{
    color: #fff;
    background: #008ada
}



.index-c4{
    width: 1920px;
    height: 500px;
    /*background: url(../images/bg3.jpg) no-repeat center;*/
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.c4tlt {text-align: center;padding: 40px 0}
.c4tlt h3 {font-size: 34px;color: #008ada;font-weight: 800;font-family: Arial;text-transform: uppercase;}
.c4tlt p {font-size: 36px;color: #008ada;text-align: center;}
.c4tlt p::before, .c4tlt p::after {content: "";display: inline-block;width: 301px;height: 0;border-top: 1px solid #cbcbcb;margin: 0 18px;transform: translateY(-14px);}


.index-c4 ul{
    width: 1200px;
    margin: 0 auto;
}
.index-c4 ul li{
    width: 143px;
    height: 204px;
    box-sizing: border-box;
    margin-right: 68px;
    text-align: center;
    position: relative;
    float: left;
    background: url(../images/lcbg.png) no-repeat center;
}
.index-c4 ul li:last-child{
    margin-right: 0;
}
.index-c4 ul li dt{
    font-size: 55px;
    font-family: Arial;
    color: rgba(169,171,172,0.3);
    font-weight: 800;
    line-height: 70px;
    text-align: center;
}

.index-c4 ul li h3{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
}
.index-c4 ul li p{
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    padding-top: 5px;
}
.index-c4 ul li:hover h3{
    color: #e3ef2b
}

.c5tlt {text-align: center;padding: 40px 0}
.c5tlt h3 {font-size: 34px;color: rgba(0,138,218,0.5);font-weight: 800;font-family: Arial;text-transform: uppercase;}
.c5tlt p {font-size: 36px;color: rgba(0,138,218,0.8);text-align: center;}
.c5tlt p::before, .c5tlt p::after {content: "";display: inline-block;width: 301px;height: 0;border-top: 1px solid #008ada;margin: 0 18px;transform: translateY(-14px);}

.picScroll-left{position: relative;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul li{width: 212px;height: 290px;margin: 0 14px;}
.picScroll-left .bd ul li img{width: 212px;height: 290px;}
.picScroll-left .hd a.next{display: block;width: 38px;height: 38px;background: url(../images/right02.png) no-repeat center;position: absolute;top: 125px;right: -48px;cursor: pointer;}
.picScroll-left .hd a.prev{display: block;width: 38px;height: 38px;background: url(../images/left02.png) no-repeat center;position: absolute;top: 125px;left: -48px;cursor: pointer;}

.index-c5{padding-bottom: 45px;}

.index-c6{
    background: #efefef;
    padding-bottom: 50px;
}
.c6tlt {text-align: center;padding: 50px 0}
.c6tlt h3 {font-size: 34px;color: rgba(25,110,173,0.5);font-weight: 800;font-family: Arial;text-transform: uppercase;}
.c6tlt p {font-size: 36px;color: #196ead;text-align: center;}
.c6tlt p::before, .c6tlt p::after {content: "";display: inline-block;width: 301px;height: 0;border-top: 1px solid #008ada;margin: 0 18px;transform: translateY(-14px);}


.picScroll-left2 {
    position: relative;
}
.picScroll-left2 .hd a.next{display: block;width: 25px;height: 35px;background: url(../images/right03.png) no-repeat center;position: absolute;top: 120px;right: -50px;cursor: pointer;}
.picScroll-left2 .hd a.prev{display: block;width: 25px;height: 35px;background: url(../images/left03.png) no-repeat center;position: absolute;top: 120px;left: -50px;cursor: pointer;}
.picScroll-left2 .bd{overflow: hidden;}
.picScroll-left2 .bd ul li{width: 370px;margin-right: 45px;}
.picScroll-left2 .bd ul li a{display: block;}
.picScroll-left2 .bd ul li img{width: 370px;height: 240px;}
.picScroll-left2 .bd ul li .wz{padding-top: 15px}
.picScroll-left2 .bd ul li .wz .date{width: 72px;border-right: 1px solid #e8e8e8;height: 90px;}
.picScroll-left2 .bd ul li .wz .date1{font-size: 20px;color: #333;line-height: 40px;}
.picScroll-left2 .bd ul li .wz .date2{font-size: 16px;color: #666666;}
.picScroll-left2 .bd ul li .wz .cont{width: 280px;float: right;padding-right: 10px}
.picScroll-left2 .bd ul li .wz .cont h3{font-size: 16px;color: #333;line-height: 40px;margin-bottom: 5px;}
.picScroll-left2 .bd ul li .wz .cont .info{font-size: 12px;color: #888888;line-height: 24px;}


.index-c6 a.more{display: block;width: 166px;height: 42px;margin: 0 auto;margin-top: 50px;background: #cccccc;color: #fff;font-size: 18px;text-align: center;line-height: 42px;}

.yqlj{padding: 15px 0;font-size: 14px;line-height: 30px;color: #696969;}
.yqlj a{color: #333;}


/* 底部 */
.pf1 {width: 100%;background-color: #252525;}
.pf1-box {padding-top: 45px;padding-bottom: 27px;}

.pf1a {padding: 0 20px;}
.pf1a li {width: 370px;height: 117px;background-repeat: no-repeat;margin-right: 25px;padding-left: 78px;padding-top: 23px;}
.pf1a li:nth-child(3n) {margin-right: 0;}
.pf1a li h3 {font-size: 24px;color: #fff;font-family: Arial;}
.pf1a li p {font-size: 20px;color: #8a8a8a;font-family: Arial;margin-top: 13px;}

.pf1b {margin-top: 42px;padding-left: 21px;}
.pf1b1 {width: 408px;}
.pf1b1 dt {font-size: 18px;color: #fff;font-weight: normal;}
.pf1b1 dd {margin-top: 18px;}
.pf1b1 dd p {float: left;width: 120px;line-height: 42px;}
.pf1b1 dd p a {font-size: 14px;color: #8a8a8a;line-height: 42px;}
.pf1b1 dd p a em {font-style: normal;font-size: 16px;color: #ff8820;line-height: 42px;}
.pf1b1 dd p a:hover{color: #ff8820}


.pf1b2 {width: 200px;text-align: left;}
.pf1b2 dt {font-size: 18px;color: #fff;font-weight: normal;}
.pf1b2 dd {margin-top: 18px;}
.pf1b2 dd a {font-size: 14px;color: #8a8a8a;line-height: 30px;width: 102px;display: block;}
.pf1b2 dd a em {font-style: normal;font-size: 16px;color: #ff8820;line-height: 42px;}
.pf1b2 dd a:nth-child(n+7) {display: none;}
.pf1b2 dd a:hover{color: #ff8820}

.pf1b3 {margin-right: 60px;}
.pf1b3 img {width: 127px;}
.pf1b3 div {width: 160px;padding-top: 20px;}
.pf1b3 div p {font-size: 14px;color: #8a8a8a;line-height: 30px;}

.pf2 {width: 100%;text-align: center;line-height: 25px;font-size: 14px;color: #696969;border-top: 1px solid #323232;margin-top: 25px;padding: 35px 0px;}
.pf2 a {color: #696969;}

.index-c7{width: 1920px;height: 440px;background: url(../images/shili.jpg) no-repeat center;position: relative;left: 50%;margin-left: -960px;padding-top:50px;    margin-top: 50px; }
.c7-left{width: 450px;}
.c7-left h4{font-size: 24px;color: #fff;line-height:60px;}
.c7-left .wz{font-size: 15px;color: #888;line-height:26px;}
.c7-left a.more{display:block;width:170px;height:32px;text-align:center;font-size: 16px;color: #fff;line-height:28px;border:2px solid #fc8624;border-radius:15px;
    margin-top: 20px;
}

.c7-right{width: 700px;height: 340px;}
.slideBox{position: relative;width: 700px;height: 340px;}
.slideBox .bd ul li img{width: 700px;height: 340px;}
.slideBox a.prev{display:block;width:26px;height:70px;background:url(../images/left11.png) no-repeat center;position:absolute;top:136px;left:0;z-index:99;cursor:pointer;}
.slideBox a.next{display:block;width:26px;height:70px;background:url(../images/right11.png) no-repeat center;position:absolute;top:136px;right:0;z-index:99;cursor:pointer;}







.b1_bot{
    width: 100%;
    overflow: hidden;
   
}
.b1_bot li{
    width: 260px;
    height: 300px;
    box-shadow: 2px 2px 8px 0px rgba(73, 106, 116, 0.6);
    float: left;
    margin: 2px 50px 2px 2px;
    text-align: center;
    position: relative;
}
.b1_bot li:last-of-type{margin-right: 0;}
.b1_bot li .b1img1{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.b1_bot li .b1img1 img{width: 100%;height: 100%;}
.b1_bot li .b1con1{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    padding: 48px 0 0 0;
}
.b1_bot li .b1con1 .b1img2{
    width: 100px;
    height: 101px;
    margin:0 auto;
    text-align: center;
    line-height: 100px;
    overflow: hidden;
}
.b1_bot li .b1con1 .b1img2 img{width: 100%;max-height: 100%;}
.b1_bot li .b1con1 h3{
    font-family: SourceHanSansCN-Bold;
    font-size: 22px;
    line-height: 22px;
    color: #008ada;
    margin: 29px auto 18px;
}
.b1_bot li .b1con1 p{
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    line-height: 22px;
    color: #666666;
}


.box4{
    overflow: hidden;
    background-color: #EBEBEB;
    padding: 70px 0 65px;
}
.b4_index{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}
.b4_index li{
    width: 198px;
    float: left;
    margin-right: 2px;
    height: 325px;
    background-color: #fff;
    padding: 43px 0 0 0;
    text-align: center;
}
.b4_index li .b4img1{
    width: 140px;
    height: 140px;
    margin:0 auto;
    overflow: hidden;
}
.b4_index li .b4img1 img{max-width: 100%;max-height: 100%;}
.b4_index li h3{
    font-family: SourceHanSansCN-Bold;
    font-size: 24px;
    line-height: 24px;
    color: #666666;
    margin: 28px 0 15px;
}
.b4_index li .b4line{
    width: 30px;
    height: 2px;
    background-color: #fc8624;
    margin:0 auto;
}
.b4_index li p{
    font-family: SourceHanSansCN-Light;
    font-size: 20px;
    line-height: 20px;
    margin-top: 15px;
    color: #999999;
    text-transform: uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.w1920{
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    position: relative;
}




.picScroll-left3 .bd{
    overflow: hidden
}
.picScroll-left3 .bd ul li{
    width: 280px;
    float: left;
    margin-right: 20px;
}
.picScroll-left3 .bd ul li a{
    display: block;
}
.picScroll-left3 .bd ul li img{
    width: 288px;
    height: 288px
}
.picScroll-left3 .bd ul li h3{
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 40px;
}






.w1400{width: 1400px;margin: 0 auto;}
.dlogo{line-height: 100px;}
.x-top2{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 100px;
}
.x-top2 .logo2{
    display: none;
}
.x-top2:hover .logo2{
    display: inline-block;
}
.x-top2:hover .logo1{
    display: none;
}
.x-top2 .so .img2{
    display: none;
}
.x-top2:hover .so .img1{
    display: none;
}
.x-top2:hover .so .img2{
    display: inline-block;
}
.x-top2:hover{
    background: #fff;
}

.x-top2:hover .x-menu > li>a{
    color: #000;
}

.x-top2.active {
    background: #fff;
    top: 0 !important;
    box-shadow: -4px 4px 5px rgb(0 0 0 / 20%);
}

.x-top2.active .logo2{
    display: inline-block;
}
.x-top2.active .logo1{
    display: none;
}

.x-top2.active .so .img1{
    display: none;
}
.x-top2.active .so .img2{
    display: inline-block;
}

.x-top2.active .x-menu > li>a{
    color: #000;
}

.nnav{
    margin-right: 5px;
}
.ssk{
    position: relative;
    line-height: 100px;
}
.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(0,138,218, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}



.sy-jianjie{background: url(../images/jjbj.png) no-repeat center;height: 630px;padding-top: 95px;padding-bottom: 80px;}
.jj-left{width: 604px;height: 458px;}
.jj-left {overflow: hidden;}
.jj-left img{width: 100%;transition: all 0.8s;}
.jj-left:hover img{transform: scale(1.2);}
.jj-right{width: 675px;padding-right: 8px;}
.jj-right h3{font-size: 30px;font-weight: 600;color: #3e3e3e;line-height: 1;margin-top: 40px;margin-bottom: 37px;}
.jj-right p{font-size: 16px;color: #403f3f;line-height: 2;}
.jj-right a{line-height: 30px;border: 1px dashed #008ada;width: 110px;text-align: center;font-size: 16px;color: #666666;display: block;border-radius: 10px;margin-top: 50px;}
.jj-right:hover a{color: #fff;background: #008ada;}
.proimg{display: none;margin-top: 58px;}
.pro-bt{text-align: center;}
.pro-bt h3{font-size: 48px;color: #3e3e3e;font-weight: 600;line-height: 1;margin-top: 60px;margin-bottom: 20px;}
.pro-bt span{font-size: 16px;color: #666666;font-weight: 400;line-height: 1;text-transform: uppercase;}
.prolist{margin-top: 85px;display: flex;justify-content: space-between;align-items: center;height: 52px;line-height: 52px;padding-bottom: 30px;border-bottom: 1px solid #858585;}
.prolist ul{width: 1060px;}
.prolist ul li{float: left;width: 114px;margin-right: 20px;color: #555555;font-size: 18px;position: relative;padding-left: 24px;box-sizing: border-box;}
.prolist ul li::before{position: absolute;width: 11px;height: 11px;border-radius: 50%;border: 1px solid;content: "";left: 0;top: 21px;}
.prolist ul li:last-child{margin-right: 0;}
.prolist ul li.cur{color: #105caa;}
.prolist ul li.cur::before{border: 1px solid;background: #105caa;}
.prolist .cham{width: 165px;height: 52px;background: #008ada;text-align: center;margin-right: 12px;}
.prolist .cham a{color: #fff;font-weight: 600;font-size: 20.5px;}
.cp-jt{width: 30px;}


.proimg ul li{width: 298px;margin-right: 69.333px;float: left;position: relative;margin-bottom: 50px;}
.proimg ul li:nth-child(4n){margin-right: 0;}
.proimg ul li a img{width: 298px;height:298px;transition: all 0.8s;}
.proimg ul li:hover a img{transform: scale(1.2);}
.proimg ul li a .img{overflow: hidden;}
.proimg ul li a h3{text-align: center;position: absolute;left: 0;right: 0;background: rgb(0 0 0 / 75%);line-height: 50px;width: 100%;bottom: 0;font-size: 15px;color: #fff;}
.proimg ul li:hover a h3{background: rgb(0 138 218 / 75%)}

.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.liuc-left{width: 920px;height: 806px;}
.liuc-left p img{width: 100%;}
.liuc-right{background: url(../images/lcybj.png) no-repeat center;height: 806px;width: 1000px;padding-left: 95px;padding-right: 335px;padding-top: 102px;}
.liuc-right ul li{width: 105px;text-align: center;margin-right: 52px;margin-bottom: 60px;}
.liuc-right ul li:nth-child(3n){margin-right: 0;}

.liuc-bt1{font-size: 48px;color: #333333;font-weight: 600;line-height: 1;margin-bottom: 24px;}
.liuc-bt2{font-size: 20px;color: #000;font-weight: 400;line-height: 1;margin-bottom: 80px;}
.liuc-right ul li a img{max-width: 100%;}
.liuc-right ul li a h3{font-size: 20px;color: #000;font-weight: 600;margin-top: 27px;margin-bottom: 21px;}
.liuc-right ul li a .b4line{width: 50px;height: 1px;background: #858585;text-align: center;margin: 0 auto;margin-bottom: 18px;}
.liuc-right ul li a p{font-size: 14px;color: #505050;text-transform: uppercase;}

.sy-liuc{margin-top: 40px;}
.w1450{width: 1440px;margin: 0 auto;}

.jjfa-n1{background: url(../images/lybj.jpg) no-repeat center top;padding-top: 80px;}
.xzly-bt{text-align: center;}
.xzly-bt h3{font-weight: 600;color: #fff;font-size: 48px;line-height: 1;margin-bottom: 25px;}
.xzly-bt span{font-weight: 400;color: #fff;font-size: 20px;line-height: 1;}
.jjfa-n1-left{margin-top: 60px;margin-bottom: 50px;}
.jjfa-n1-left ul li{width: 340px;text-align: center;height: 130px;line-height: 130px;float: left;background: #fff;margin-right: 25px;align-items: center;padding: 0px 37px;}
.jjfa-n1-left ul li.on{background: #008ada;}
.jjfa-n1-left ul li.on .lyxh,.jjfa-n1-left ul li.on .ly-bt h2,.jjfa-n1-left ul li.on .ly-bt h3{color: #fff;}
.jjfa-n1-left ul li:last-child{margin-right: 0;}
.jjfa-n1-left ul li .lyxh{font-size: 60px;color: #333333;font-style: italic;}
.jjfa-n1-left ul li .ly-bt{width: 180px;text-align: left;}
.jjfa-n1-left ul li .ly-bt h2{font-size: 28px;color: #333333;line-height: 1;margin-bottom: 8px;}
.jjfa-n1-left ul li .ly-bt h3{font-size: 12px;color: #999999;line-height: 1;text-transform: uppercase;}
.jjfa-n1-right{background: #fff;padding: 40px;box-shadow: 0px 8px 8px 0px #ededed;;}
.ly-nr-img{width: 681px;height: 440px;}
.ly-nr-wz{width: 600px;}
.ly-nr-wz1 h2{font-size: 40px;color: #008ada;font-weight: 600;line-height: 1;margin-top: 20px;margin-bottom: 15px;}
.ly-nr-wz1 h3{color: #333333;font-size: 28px;color: #333333;line-height: 1;margin-bottom: 50px;}
.ly-nr-wz2{font-size: 18px;color: #666666;line-height: 41px;}
.ly-nr-tel{background: url(../images/lytel.png) no-repeat 28px center;font-size: 16px;color: #999999;padding-left: 80px;line-height: 74px;width: 100%;border-radius: 8px;box-shadow: 0px 0px 10px 6px #eee;margin-top: 70px;}
.ly-nr-tel p{display: inline-block;color: #008ada;font-size: 26px;}


.sy-case{background: url(../images/casebj.jpg) no-repeat center;height: 840px;padding-top: 12px;margin-top: 50px;}

.xw-right{width: 615px;overflow: hidden;float: right;}
.xw-left{width: 655px;float: left;}
.xw-left:hover{box-shadow: 0px -2px 34px #ededed;}
.xw-nr{padding: 0px 30px;margin-top: 65px;margin-bottom: 50px;}
.xw-left ul li .img{width:100%;height: 338px;overflow: hidden;}
.xw-left ul li .img img{width: 100%;transition: all 0.8s;}
.xw-left ul li .img:hover img{transform: scale(1.2);}
.xw-wenzi{background: #fff;padding-left: 34px;padding-top: 34px;text-align: left;}
.date1{font-size: 16px;color: #666666;line-height: 1;}
.xw-wenzi h3{font-size: 24px;color: #333333;font-weight: 600;line-height: 1;margin-top: 12px;margin-bottom: 18px;}
.info{font-size: 16px;color: #666666;overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.xw-more{color: #008ada;text-transform: uppercase;font-size: 14px;margin-top: 20px;margin-bottom: 40px;} 
.xw-right .bd ul li{height: 180px!important;padding: 30px 0px;border-bottom: 1px dashed #e1e1e1;}   
.xw-right .bd ul li h3{margin-top: 12px;margin-bottom: 18px;color: #333333;}
.xw-right .bd ul li:hover h3{color: #008ada;}

.sy-footer{background: url(../images/footbj.jpg) no-repeat center;height: 460px;padding-top: 70px;overflow: hidden;}
.ft-left{float: left;width: 350px;}
.ft-right{float: right;width: 760px;}
.ft-left h3{font-size: 20px;color: #fff;margin-bottom: 40px;}
.db-lx p{line-height: 20px;font-size: 14px;color: #fff;}
.db-lx p+p{margin-top: 15px;}
.db-lx p img{margin-right: 17px;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.case_con{margin-top:45px;overflow:hidden;}
.cc_ll li{position: relative; width: 420px;margin-bottom: 35px;float: left;margin: 0 10px;}
.cc_ll li a.img{display: block;}
.cc_ll li a.img img{  width: 420px;
  height: 420px;}
  
.cc_ll li h2{text-align:center;font-size:18px;color:#666;margin-top:8px;}
.cc_ll li h2 a{text-align:center;font-size:18px;color:#666;}