/*初始化样式*/
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;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.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);}

.xypg-right-content{font-size: 14px;}
.flex{ display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.max1415{max-width: 1445px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.max1500{max-width: 1530px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}

@media (max-width: 1415px){
    .max1415{max-width: 1445px;padding-left: 25px;padding-right: 25px;margin: 0 auto;}
    .max1500{max-width: 1530px;padding-left: 25px;padding-right: 25px;margin: 0 auto;}
}
@media (max-width: 768px){
    .max1415{max-width: 1445px;padding-left: 20px;padding-right: 20px;margin: 0 auto;}
    .max1500{max-width: 1530px;padding-left: 20px;padding-right: 20px;margin: 0 auto;}
}



/*头部样式*/
.top_head{position: relative;background: #fff;}
.top_head .wappp{height: 100px;align-items: center;flex-wrap: nowrap;}
.logo{padding-left: 20px;}
.logo a{display: block;}
.logo a img{max-height: 60px;}

.tp_phone{position: relative;background: #3b7ab0;height: 100px;display: flex;align-items: center;padding-left: 2.083vw;padding-right: 2.60416vw;}
.tp_phone span{display: block;padding-left: 2.083vw;background: url(../images/1fd3a928d86f40496a985f84f53a06c6f1b7bd3d.png) no-repeat left center;color: #fff;font-size: 1.25vw;font-weight: bold;}

@media (max-width: 1440px){
    .logo a img{max-height: 40px;}
    .x-menu > li > a{font-size: 16px;}
    .top_head .wappp{height: 80px;align-items: center;flex-wrap: nowrap;}
    .x-menu > li > a{height: 80px;line-height: 80px;}
    .x-sub-menu{top: 100px;}
    .tp_phone{height: 80px;}
    .tp_phone span{line-height: 35px;padding-left: 30px;}
}

@media (max-width: 1366px){
    .logo a img{max-height: 35px;}
    .tp_phone span{line-height: 35px;padding-left: 30px;font-size: 16px;}
}


@media (min-width: 1440px){
    .logo{padding-left: 8.333vw;}
}



/* c1_index */
.c1_index{position: relative;background: url(../images/8cfa7532413c7a4bd5720454ac3e68346fb2d8a6.jpg) no-repeat;background-size: cover;padding: 70px 0;}
.c1-top{position: relative;display: flex;justify-content: space-between;margin-bottom: 2.60416vw;}
.abb-left{position: relative;width: 42.41%;padding-top: 30px;}
.ab-tit{position: relative;}
.ab-tit h3{font-weight: bold;font-size: 1.97916vw;color: #000000;margin-bottom: 7px;}
.ab-tit p{position: relative;font-size: 1.875vw;color: #333333;font-weight: normal;padding-bottom: 30px;margin-bottom: 30px;}
.ab-tit p::before{position: absolute;left: 0px;bottom: 0px;width: 52px;height: 3px;background: #3b7ab0;content: "";}
.abb-left .abbtext{font-size: 0.8333vw;line-height: 2;color: #000000;}

.abb-right{position: relative;width: 57.59%;}
.abb-right img{display: block;width: 100%;}

/* number */
.number{display: flex;justify-content: space-between;position: relative;z-index: 999;}
.number li{position: relative;width: 25%;text-align: center;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.number li+li{border-left:2px solid #dfe0e6}
.number li h3 {color: #0068b7;display: inline-block;}
.number li h3 i {font-style: inherit;color: #0068b7;font-size: 3.125vw;font-weight: 600;font-family: "Microsoft Yahei";}
.number li h3 span {font-size: 1.875vw;font-weight: normal;font-style: inherit;color: #0068b7;vertical-align: top;}
.number li p {font-size: 0.9375vw;line-height: 1.7;color: #000000;padding-top: 5px;font-weight: 400;}


/* c2_index */
.c2_index{position: relative;padding: 50px 0;}
.tit2{text-align: center;margin-bottom: 35px;}
.tit2 h3{font-size: 1.97916vw;color: #000000;font-weight: bold;margin-bottom: 15px;}
.tit2 p{font-size: 0.9375vw;color: #000000;font-weight: normal;}

.pro_wap{position: relative;}
.sort1{position: relative;display: flex;background: #3b7ab0;margin-bottom: 35px;}
.sort1 li{flex: 1;text-align: center;}
.sort1 li a{display: block;font-size: 1.14583vw;color: #fff;font-weight: normal;padding: 20px;}
.sort1 li.on a{background-color: #646363;}

.list_pp{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.list_pp li{position: relative;width: calc(25% - 20px);margin: 0 10px 20px 10px;text-align: center;}
.list_pp li a{display: block;}
.list_pp li .com-img img{display: block;width: 100%;}
.list_pp li h3{background: #3b7ab0;color: #fff;font-size: 16px;line-height: 48px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/* c3_index */
.c3_index{position: relative;padding: 50px 0 70px;background: #f5f5f5;}
.tit3{text-align: center;margin-bottom: 35px;}
.tit3 h3{font-size: 1.97916vw;color: #000000;font-weight: bold;margin-bottom: 15px;}
.tit3 p{font-size: 0.9375vw;color: #000000;font-weight: normal;}

.c3-con{position: relative;}
.c33_list{position: relative;display: flex;margin: 0 -10px;flex-wrap: wrap;}
.c33_list li{position: relative;width: calc(20% - 20px);margin: 0 10px 20px 10px;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;overflow: hidden;}
.c33_list li::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: rgba(59,122,176,.8);opacity: 0;z-index: 9;overflow: hidden;}
.c33_list li a{display: block;z-index: 999;}
.c33_list li .ooimg{position: relative;}
.c33_list li .ooimg img{display: block;width: 100%;height: 100%;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.c33_list li .oofuu{position: absolute;bottom: 0px;width: 100%;height: 80px;overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;padding-left:  3.125vw;padding-right: 3.125vw;z-index: 9999;}
.c33_list li .oofuu h3{font-size: 1.5625vw;color: #fff;font-weight: normal;line-height: 40px;height: 80px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.c33_list li .oofuu .ssl{font-size: 0.8333vw;color: #fff;margin-bottom: 2.60416vw;position: relative;padding-top: 2.083vw;}
.c33_list li .oofuu .ssl::before{position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 999;width: 52px;height: 3px;background: #5fabec;content: "";}
.c33_list li .oofuu .ssk{font-size: 0.8333vw;color: #fff;width: 171px;line-height: 57px;background: url(../images/cb62b64df90a6577317e85258b2e957433d2ea31.png) no-repeat center;text-align: center;}

.c33_list li:hover::before{opacity: 1;}
.c33_list li:hover .oofuu{bottom: 0px;height: 100%;}
.c33_list li:hover .fflex{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.c33_list li:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.c33_list li:hover .oofuu h3{height: 80px;}


/* c4_index */
.c4_index{
    position: relative;
    padding-top: 60px;
    padding-bottom: 70px;
}

.c4-top{position: relative;display: flex;justify-content: space-between;margin-bottom: 40px;flex-wrap: wrap;}
.tit4{text-align: left;margin-bottom: 0px;}
.tit4 h3{font-size: 1.97916vw;color: #000000;font-weight: bold;margin-bottom: 15px;}
.tit4 p{font-size: 0.9375vw;color: #000000;font-weight: normal;}

.home-xw-sort{display: flex;align-items: center;}
.home-xw-sort li{position: relative;width: 159px;line-height: 55px;text-align: center;}
.home-xw-sort li a{display: block;font-size: 18px;color: #000000;}
.home-xw-sort li:hover a,.home-xw-sort li.on a{background: url(../images/3e2813cdb68acc0608b0a3ea84b841068c414152.png) no-repeat center;color: #fff;}

.c4-con{position: relative;}
.pro_main2{display: flex;justify-content: space-between;flex-wrap: wrap;}

.list_pp1{position:relative;width:72.79%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1.822916vw}
.list_pp1 li{position:relative}
.list_pp1 li:not(:last-child){margin-bottom:28px}
.list_pp1 li a{display:flex;justify-content:space-between}
.list_pp1 li .com-img{width:33.33%}
.list_pp1 li .com-img img{display:block;width:100%}
.list_pp1 li .klk{position:relative;width:calc(100% - 33.33%);padding-left:1.5625vw}
.list_pp1 li .klk h3{font-size:1.25vw;color:#010101;font-weight:400;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list_pp1 li .klk .ask{font-size:0.8333vw;color:rgba(0,0,0,.6);line-height:1.7;margin-bottom:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.list_pp1 li .klk .atime{font-size:0.9375vw;color:rgba(0,0,0,.6);line-height:1.7}

.list_pp1 li:hover .klk h3{color: #387bae;}



.list_pp2{position:relative;width:25.08%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1.822916vw}
.list_pp2 li{position:relative;padding:20px 0}
.list_pp2 li:not(:last-child){border-bottom:1px solid #dddddd}
.list_pp2 li a{display:block}
.list_pp2 li h3{font-size:1.25vw;color:#010101;font-weight:400;margin-bottom:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list_pp2 li .ask{font-size:0.8333vw;color:rgba(0,0,0,.6);line-height:1.7;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}

.list_pp2 li:hover h3{color: #387bae;}

/* c5_index */
.c5_index{position: relative;background: #f5f5f5;padding-top: 60px;padding-bottom: 20px;}
.c55-list{display: flex;flex-wrap: wrap;margin: 0 -1.0416vw;}
.c55-list li{position: relative;width: calc(100%/5 - 2.083vw);margin: 0 1.0416vw 2.083vw 1.0416vw;}
.c55-list li a{display: block;}
.c55-list li a img{display: block;width: 100%;}


/* ft_layout */
.ft_layout{position: relative;background: #333333;}
.ft_layout::before{position: absolute;left: 0px;top: 0px;width: 32.2916vw;height: 100%;content: "";background: #383838;z-index: 0;}
.ftop_con{position: relative;padding-top: 60px;padding-bottom: 40px;}

.ft_aa{position: relative;width: 375px;}
.ftt_logo{margin-bottom: 20px;}
.ftt_logo img{max-width: 100%;max-height: 50px;}
.ftt_desc{margin-bottom: 20px;font-size: 1.875vw;color: #387bae;font-weight: bold;}
.ftt_contact{margin-bottom: 20px;font-size: 16px;color: #fff;line-height: 1.7;}

.ft_bb{position: relative;width: calc(100% - 375px);padding-left: 2.60416vw;}

.x-layout-menu{position: relative;display: flex;flex-wrap: wrap;margin-bottom: 1.5625vw;align-items: flex-start;width: calc(100% - 150px);}
.x-layout-menu dl {position: relative;width: calc(100%/3);display: flex;flex-wrap: wrap;}
.x-layout-menu dl dt{width: 100%;text-align: left;}
.x-layout-menu dl dd{width: 50%;text-align: left;} 
.x-layout-menu dl dt {font-size: 1.25vw;font-weight: 600;margin-bottom: 20px;color: #fdfefe;padding-bottom: 20px;position: relative;}
.x-layout-menu dl dt::before{position: absolute;left: 0px;bottom: 0px;width: 140px;height: 2px;background: #555555;content: "";}
.x-layout-menu dl dd a{font-size: 16px;font-weight: normal;color: #999999;line-height: 2.2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.x-layout-menu dl dd a:hover{color: rgba(255, 255, 255, .8);}

.ft_ewm{position: relative;}
.ft_ewm h2 {font-size: 1.25vw;font-weight: 600;margin-bottom: 10px;color: #fdfefe;padding-bottom: 20px;position: relative;}
.ft_ewm h2::before{position: absolute;left: 0px;bottom: 0px;width: 140px;height: 2px;background: #555555;content: "";}
.ft_ewm .fccc-con{text-align: center;font-size: 16px;font-weight: normal;color: #999999;line-height: 3;}



@media (max-width: 1366px){
    .home-xw-sort li a{font-size: 15px;}
    .x-menu > li{margin: 0 1.25vw;}
    .x-menu > li > a{font-size: 14px;}
    .list_pp li h3{font-size: 14px;}

    .c33_list li .oofuu .ssk{width: 120px;line-height: 36px;background-size: 100% 100%;}
    .c33_list li:hover .oofuu h3{height: 40px;font-size: 16px;}
    .x-layout-menu dl dd a{font-size: 14px;}
    .ftt_logo img{max-width: 80%;}
    .ftt_contact{font-size: 14px;}
    .x-layout-menu dl dt,.ft_ewm h2{font-size: 18px;}
    .ft_aa{width: 320px;}
    .ft_bb{width: calc(100% - 320px);}
}


@media (max-width: 992px){
    .list_pp li{width: calc(50% - 20px);margin: 0 10px 20px 10px;}
    .pro_main2{display: block;}
    .list_pp1{width: 100%;margin-bottom: 30px;padding: 30px;}
    .list_pp2{width: 100%;padding: 30px;}

    .c55-list li{width: calc(100%/4 - 2.083vw);margin: 0 1.0416vw 2.083vw 1.0416vw;}

    .c33_list{margin: 0 0px;padding: 0 20px;}
    .c33_list li{width: 100%;margin: 0 0px 20px 0px;}
    .c33_list li .oofuu{padding-left: 30px;padding-right: 30px;}
    .c33_list li .oofuu h3{font-size: 18px;}
    .c33_list li .oofuu .ssl{font-size: 14px;padding-top: 30px;margin-bottom: 30px;}
    .c33_list li .oofuu .ssk{font-size: 14px;}
    .c33_list li:hover{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);}
    .c33_list li:hover .oofuu h3{height: 50px;}
    
    .ft_layout::before{width: 60%;}
    .ft_aa{width: 60%;}
    .ft_bb{width: 40%;}
}


@media (max-width: 768px){
    .c1_index{padding: 35px 0;}
    .c1-top{display: block;}
    .c1-top>div{width: 100%;margin-bottom: 30px;}
    .ab-tit h3{font-size: 20px;}
    .ab-tit p{font-size: 16px;}
    .abb-left .abbtext{font-size: 14px;}
    .number{flex-wrap: wrap;}
    .number li{width: 50%;margin-bottom: 15px;}
    .number li:nth-child(3){border: none;}
    .number li h3 i{font-size: 25px;}
    .number li h3 span{font-size: 20px;}

    .tit2 h3{font-size: 20px;}
    .tit2 p{font-size: 14px;}
    .sort1{flex-wrap: wrap;}
    .sort1 li{flex: none;min-width: 33.33%;}
    .sort1 li a{font-size: 14px;padding: 15px 10px;}

    .c3_index{padding: 35px 0;}
    .tit3 h3{font-size: 20px;}
    .tit3 p{font-size: 14px;}

    .tit4 h3{font-size: 20px;}
    .tit4 p{font-size: 14px;}

    .list_pp1 li .com-img img{height: 100%;object-fit: cover;}
    .list_pp1 li .klk h3{font-size: 16px;}
    .list_pp1 li .klk .ask{font-size: 14px;}
    .list_pp1 li .klk .atime{font-size: 14px;}

    .list_pp2 li h3{font-size: 16px;}
    .list_pp2 li .ask{font-size: 14px;}

    .c4_index{padding: 40px 0;}

    .home-xw-sort{margin-top: 15px;}
    .home-xw-sort li{width: 120px;line-height: 38px;}
    .home-xw-sort li a{font-size: 14px;}
    .home-xw-sort li:hover a, .home-xw-sort li.on a{background-size: 100% 100%;}

    .list_pp1,.list_pp2{padding: 25px;}
    .list_pp1 li a{flex-wrap: wrap}
    .list_pp1 li .com-img{width: 100%;}
    .list_pp1 li .klk{width: 100%;padding: 30px 0 10px;}

    .c55-list li{width: calc(100%/2 - 15px);margin: 0 7.5px 15px 7.5px;}
    .ft_ewm .fccc-con{font-size: 14px;}

    
}