.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }



#header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
    position:absolute; left:0; top:0; width:100%; z-index:999;}
#header:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; opacity:.2}
.header_mid{ position:relative; margin:0 3.64583333333333%;}
.header_mid_mid{text-align:center;}
.header_mid_mid ul{display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;width:45.4375em; margin: 0 auto}
.header_mid_mid ul li{display:inline-block; z-index:1;  position:relative;}
.header_mid_mid ul li dl{  padding:1em 0; display:none;position:absolute; left:-3.71875em;background-color:rgba(0,0,0,.7); width: 14em}
.header_mid_mid ul li dl a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:18px;color:#fff; display:block; padding:15px 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{background-color:#cb272a;}
.header_mid_mid ul li a.biga{ position:relative;color:#fff; display:block; height:5.57291666666667vw; line-height:5.57291666666667vw; font-size: 18px; font-weight: bold}
.header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10;
    content:''; bottom:0px; position:absolute; height:3px; background-color:#cb272a; left:50%; width:0;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
    width:100%; left:0;}
.header_logo{ text-align:center; z-index:10;position:absolute; left:3%; top:50%;transform:translate(-20%, -50%);width:15.42708333333333vw;}
.header_mid_left{position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_right{position:absolute; right:0; top:50%;transform:translateY(-50%); color:#fff; font-size: 22px}
.header_mid_right i{ padding-right:0; display:inline-block; font-size: 1.3em}

.header_mid .right2{  height: 40px; z-index: 14; line-height:34px;	font-size: 16px; text-align: center; position:absolute; right:11%; top:50%;transform:translateY(-50%); color:#fff;  }
.header_mid .right2 i{font-size: 22px; display: inline-block; margin-right: 10px}
.header_mid .right2 a{ display: inline-block; 	border-radius:15px; vertical-align: middle; }
.right2 a.glass{ width: 30px; 	background-position: center; background-repeat: no-repeat;}

.right2 a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.right2 a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}

.topsouout{ padding:5px 0 15px 0; position: absolute; display: none;	z-index: 8; width: 100%; right:0; top:100%; font-size: 16px;  height: 80px;}
.topsouout .topsou{ position: absolute; width: 700px;  height:47px;  background-color: #fff;left: 50%;margin-left: -350px; overflow:hidden;}
.topsou .shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;outline: none;}

.topsou .anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;  background-color: #cb272a; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.topsou .anniu:hover{ background-color: rgba(0,0,0,0.8);}

.menu-toggler{top:50%;right:0px; z-index:10; cursor:pointer;width:20px;height:20px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}.menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);display: none}
.menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;}
.menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; }
.menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;}
.menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;}
.menu-toggler.close .line-2{width:0;}
.menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;}
@-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}}
@keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}}
@-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}}
@keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}}
.header_logo img:nth-child(2){display:none}


.bodyon .header_logo img:nth-child(2){display:block}
.bodyon .header_logo img:nth-child(1){display:none}
.bodyon #header{ position:fixed;background-color:#fff;}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a,.bodyon .header_mid .right2{color:#000;}
.bodyon .menu-toggler .line{background-color:#000}
.bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}

.bodyon #header .header_mid_right{  color: #000}
.bodyon #header .header_mid_right i{color: #000}

/*********index**************/
.indexpro_act_mid{position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@media screen and (max-width:1440px) {
    .header_logo{left: 5%}
    .header_mid .right2{font-size: 14px; height: 32px ; line-height:28px; right: 12%}
    .right2 a.glass{width: 80px; }
}

@media screen and (max-width:1280px){
    .header_mid_right{display: none}
}

@media screen and (max-width:1023px){
    #header {background: #004c97; position: fixed}
        .header_mid .right2{display: none}
    .menu-toggler .line{display: block}
    .header_logo{left: 10%; width: 65%}
}
/******手机端menu************/
.navwrap {position: fixed;top: 80px;right: -80%;width: 80%;height:calc(100vh - 80px);z-index: 888;background-color: #fff; opacity: 0; display:none;}
@media screen and (max-width:1200px) {
    .navwrap{display:block}
}
@media screen and (max-width:640px) {
    .css_animation{width:80px; height:80px;}
    .navwrap {	top: 60px;height:calc(100vh - 60px);}
}
.navwrap .nav {
    padding: 10px 5% 0px 5%; border-top:1px #dedede solid;
}
.navwrap .nav li {line-height: 42px;border-bottom: 1px solid #dedede;padding: 0px;}
.navwrap .nav li a {display: block;color: #000;font-size: 16px;}
.navbg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 555;display: none;}
.navbg .closeSJ {position: absolute;right: 24px;top: 18px;}
.navwrap .nav .SJbod {display: none;}
.navwrap .nav .SJbod dd a {height: 36px;line-height: 36px;font-size: 14px;}
.navwrap .nav .plus a {background: url(../images/plus.png) right center no-repeat;}
.navwrap .nav .minus a {background: url(../images/minus.jpg) right center no-repeat;}

/*********展开导航************/
#sitemapContent{	position:fixed; top:0; left:0; right:0; bottom:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;   z-index:-1;-webkit-transition:all 0.3s  0.5s;transition:all 0.3s  0.5s;}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; left:75px; right:75px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1); }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}
#sitemapContent .visual-intro-item:before{position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.1); z-index:1; }
#sitemapContent .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	content:""; position:absolute; right:0; top:0px; width:100%; height:100%; background: #505050; -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
    transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;}
#sitemapContent .sitemap-close-btn{position:absolute; top:0; left:0; width:75px; height:75px; border:none; background:none; cursor:pointer; background-color:#505050;}
#sitemapContent .sitemap-close-btn i{ position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; height:48.88888888888889%; width:48.88888888888889%; background-image:url(../images/close.png);transform:translate(-50%, -50%); left:50%; top:50%}


.sitemap-wrapper-style02{height:100%; }
.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; top:50%; transform:translateY(-50%); margin-top:-2%}
.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:16.666666%;height:100%;}
.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#fff; font-weight:normal; font-size:30px; letter-spacing:-0.5px; margin:0% 15% 0 19%;   line-height:1.2; display:table; height:70px}
.sitemap-wrapper-style02 > ul > li > h2 span{display:table-cell; vertical-align:top}
.sitemap-wrapper-style02 > ul > li > h2.hide{opacity:0}
.sitemap-wrapper-style02 > ul > li > h2 a{color: #fff;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{overflow:hidden; position:relative; display:inline-block;  margin:12px 15% 12px 19%; color:#c3c3c3; font-size:16.5px; letter-spacing:-0.5px;   line-height:1.6;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; display:inline-block; z-index:1; padding-left:9px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span:before{position:absolute; content:"-"; left:0; top:0;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3{margin:0 15% 0 19%; padding:19px 0; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#5e5e5e; overflow:hidden }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{display:block; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep .gnb-3dep{padding-bottom:15px}

.sitemap-wrapper-style02 ul li span,.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:0;filter:Alpha(opacity=50);-webkit-transform:translateX(-5%);transform:translateX(-50%);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; }

#sitemapContent.open{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background: url('../images/navbg.jpg') no-repeat center top;;-webkit-transition:all 0.3s  0s; transition:all 0.3s 0s;}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {-webkit-transform: scaleX(1);transform: scaleX(1); transform-origin:right top; transition-property: transform; width:16.666666666666668%}
#sitemapContent.open .sitemap-wrapper-style02 ul li span,#sitemapContent.open .sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateX(0);
    transform:translateX(0);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); }

@media (max-width:1023px){
    .header_mid_mid ul{	display:none;}
    .header_mid_mid{	height:5em;}
}


/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:15px;height:15px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:2px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#d10e0c}

@media (max-width:750px){
    #banner{margin-top: 70px}
    #banner  #bannerBtnS em{width: 10px; height: 10px;}
}

/*fc*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 3% 0 0 0; background: #f5f7fc}
.pro h2{text-align: center; color: #666666; font-weight: normal }
.pro h2 em{display: block; color: #083090; margin-bottom: 5px}
.pro h2 em:before{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 20px 15px 0}
.pro h2 em:after{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 0 15px 20px}

.prolist{margin: 0 auto}
.prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;width: 85%; margin: 2% auto 0 auto;}
.prolist li{width:19%; height: 60px; margin: 0 0.5% 1% 0.5%; border:1px dashed transparent; border-color: rgba(151, 151, 151, 0.5); font-size: 23px; text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s; }
.prolist li a{color: #000;}
.prolist li:hover{background: #37a356;}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 650px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

#cf_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 600px;}
#cf_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#cf_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#cf_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#cf_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#cf_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#cf_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

@media screen and (max-width: 1280px) {
    #top_scroll ul li strong{font-size: 18px}
}


@media (max-width:750px){
    #top_scroll,#cf_scroll{display: none;}
    .pro h2{font-size: 16px;}
    .pro h2 em{font-size: 36px}
    .prolist ul{width: 95%; margin-top: 20px}
    .prolist li{width:32%; font-size: 18px; height: 45px; line-height: 45px}
    #tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
    #tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    #tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
    #tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
    #tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
    #tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s; line-height: 30px}
    #tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    #tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
    .pro_more{width: 100%; }
    .pro_more li{width: 100%;}
    .pro_more li:nth-child(2){display: none;}
}



/*行业案例*/
.sec13 {background-color: #000; width: 100%; height:900px; position: relative; }
.cvbanner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.sw02out {position: relative;width: 100%;height: 100%;}
.sw02 {height: 100%;}
.sw02 .swiper-slide {overflow: hidden;}
.sw02 .swiper-slide .swiper-inner {display: block;position: relative;width: 100%;height: 100%;}
.sw02 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 75% 50%;object-position: 75% 50%;}
.fhangye .swiper-pagination02 {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 140px;height: 52px;margin-right: 52px;margin-top: 36px;pointer-events: none;position: absolute;left: auto;bottom: auto;right: 8%;top: 50%;z-index: 10;}
.swiper-pagination02 .swiper-pagination-current {font-size: 36px;margin-right: 10px;}
.swiper-pagination02 .swiper-pagination-total {font-size: 24px;}
.sw-next02,.sw-prev02 {position: absolute;right: 8%;top: 50%;z-index: 11;width: 50px;height: 50px;margin-top: 36px;font-size: 0;border-radius: 50%;text-align: center;
    cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);}
.sw-prev02 {background: url('../images/lt1.png') center no-repeat;margin-right: 192px;}
.sw-next02 {background: url('../images/gt1.png') center no-repeat;}
.sw-prev02:hover,.sw-next02:hover {background-color:#c9182d;}

@media screen and (max-width: 1440px) {
    .sec13{height: 700px}

}
@media screen and (max-width: 1023px) {
    .fhangye .swiper-pagination02,.sw-next02 {right: 5%;top: auto;bottom: 220px;margin-top: 0;}
    .sw-prev02 {left: 5%;right: auto;top: auto;bottom: 220px;margin-top: 0;margin-right: 0;}
    .fhangye .swiper-pagination02 {right: 50%;margin-right: -70px;}
    .swiper-pagination02 .swiper-pagination-current {font-size: 24px;}
}
.cvbanner .pagination {position: absolute;left: 6.25%;top: 50%;margin-top: 100px;z-index: 20;height: 2px;font-size: 0;}
.cvbanner .pagination .btn {display: inline-block;position: relative;cursor: pointer;width: 30px;height: 2px;margin-right: 10px;background-color: rgba(255, 255, 255, 0.4);}
.cvbanner .pagination .btn:before {content: " ";position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 2px;background-color: #fff;}
.cvbanner .pagination .btn.on:before {-webkit-transition: linear 4s;transition: linear 4s;width: 100%;}
.ctrbox {position: absolute;right: 6.25%;bottom: 148px;z-index: 20;margin-left: 380px;font-size: 0;}
.ctrbox .ctr {display: block;width: 42px;height: 42px;z-index: 11;font-size: 0;border-radius: 5px;text-align: center;cursor: pointer;}
.ctrbox .ctr.prev {background: url('../images/lt2.png') center no-repeat;}
.ctrbox .ctr.next {background: url('../images/gt2.png') center no-repeat;margin-top: 24px;}
.ctrbox .ctr.prev:hover,.ctrbox .ctr.next:hover {background-color: rgba(241, 131, 0, 0.6);-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);}
@media screen and (max-width: 750px) {
    .ctrbox {right: 4%;bottom: 84px;}
}
.swiper-container-vertical > .swiper-pagination-bullets {right: auto!important;left: 50px;}
.swiper-pagination000 .swiper-pagination-bullet {position: relative;width: 17px;height: 17px;opacity: 1;margin: 11px 0!important;border: 1px solid transparent;outline: 0 none;
    -webkit-transition: all 0.3s;transition: all 0.3s;background-color: transparent;}
.swiper-pagination000 .swiper-pagination-bullet:before {content: '';position: absolute;left: 7px;top: 7px;z-index: 0;width: 3px;height: 3px;background-color: #999;border-radius: 2px;}
.swiper-pagination000 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #999;}
.swiper-pagination000.white .swiper-pagination-bullet:before {background-color: #fff;}
.swiper-pagination000.white .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff;}

.peijianlist {text-align: center;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.peijianlist li {display: inline-block;width:24%;vertical-align: top; position: relative}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top: 42px;padding-bottom: 42px;}
.peijianlist li .lin a:after {content: '';position: absolute;top: 67px;left:300px;width: 300px;height: 1px;background: #fff;opacity: 0.3;}
.peijianlist li:nth-child(4) .lin a:after{display: none}

.peijianlist li:first-child a:before {display: none;}
.peijianlist .pic {width: 50%;overflow: hidden;line-height: 58px;height: 58px;margin: 0 auto }
.peijianlist img {max-width: 100%;max-height: 100%;margin: 0 auto; display: block}
.peijianlist li h3 {color: #fff;line-height: 36px;width: 100%;height: 36px;overflow: hidden;-webkit-transition: .3s;transition: .3s; font-size: 23px; font-weight: normal}

.peijianlist2 {position: absolute;left: 8%;top: 20%;z-index: 2;width: 45%;max-width: 80%;;pointer-events: none;}
.peijianlist2 .index-title>.name{color: #fff; font-weight: bold}
.peijianlist2 .index-title hr{content: ""; width: 50px; height: 2px; background: #fff; display: block; margin: 4% 0 3% 0;}
.peijianlist2 .index-title>.nname{font-weight: normal; line-height: 36px}
.peijianlist2 li {position: absolute;z-index: 0;width: 100%;opacity: 0;-webkit-transform: translateX(60px);transform: translateX(60px);}
.peijianlist2 li h3 {color: #fff;height: 70px;overflow: hidden;}
.peijianlist2 li h3 span{font-size: 36px;}
.peijianlist2 li h4 {color: #fff;overflow: hidden;}
.peijianlist2 li .hx {width: 100%;height: 1px;position: relative;margin: 21px 0 31px;background-color: rgba(255, 255, 255, 0.2);}
.peijianlist2 li .hx:before {content: '';position: absolute;left: 0;top: -1px;z-index: 0;width: 30px;height: 3px;background-color: #fff;}
.peijianlist2 li .txt {font-size:18px;color: #fff;line-height: 32px;overflow: hidden;margin-bottom: 10%; padding-top: 20px}
.peijianlist2 li .hymore {display: block;width: 150px;height:55px;background-color: #c9182d;position: relative;font-size: 16px;color: #fff;line-height:55px;text-align: center;    overflow: hidden;pointer-events: auto;}
.peijianlist2 li.on {z-index: 2;opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .5s;transition: .5s;}

@media screen and (max-width: 1440px) {
    .peijianlist li .lin a:after {left:250px;width: 200px;}
}

@media screen and (max-width: 1280px) {
    .sec13 { height:600px;}
    .peijianlist li .lin a:after {left:200px;width: 200px;}
    .peijianlist li h3{font-size:16px}
    .peijianlist2 li h3 span{font-size: 26px;}
    .peijianlist2 li .txt {font-size: 16px;}
    .peijianlist li a{padding: 20px 0;}
}
@media screen and (max-width: 1023px) {
    .peijianlist2 li .hymore{display: none}
    .peijianlist {left: 0;right: 0;}
    .peijianlist li {width: 24%;}
    .peijianlist li .lin a:after{display: none}
    .peijianlist li a {padding-top: 12px;padding-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .peijianlist li h3 {font-size: 16px;}
    .peijianlist2 {width: 90%;max-width: 90%;}
    .peijianlist2 {position: relative;left: 5%;top: 0;margin-top:0px;}
}
@media screen and (max-width: 750px) {
    .peijianlist2 li h3 {font-size: 28px;line-height: 40px;height: 40px;}
    .peijianlist2 li .txt {font-size: 16px; line-height: 28px}
}
.fcate4 {position: absolute;left: 8%;top: 40%;margin-top: -260px;z-index: 20;padding-top: 10px;pointer-events: none;}
.fcate4 .cn {font-size: 48px;color: #fff;line-height: 60px;position: relative;z-index: 1;}
.fcate4 .enp {font-size: 0;position: absolute;left: 0;top: 0;z-index: 0;}
.fcate4 .enp img {vertical-align: top;}
@media screen and (max-width: 1023px) {
    .fhangye {padding-top: 80px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fcate4 {width: 100%;text-align: center;position: relative;left: 0;top: 0;margin-top: 0; display: none}
    .fcate4 .cn {font-size: 32px;line-height: 50px;}
    .fcate4 .enp {width: 100%;}
    .peijianlist .pic{height: 30px; line-height: 30px}
}


.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}



/*内页联系我们*/
.ul-contact{overflow:hidden;z-index:1;margin: 80px auto;}
.ul-contact h4{ font-size:30px;color: #333333; font-weight: 300; display:block; overflow:hidden;margin-bottom:100px; text-align:center}
.ul-contact li{float:left;width:17%;text-align: center; margin:0 1.5%;}
.ul-contact li:nth-child(1),.ul-contact li:nth-child(2),.ul-contact li:nth-child(4),.ul-contact li:nth-child(5){ margin-top:75px;}
.ul-contact li strong{position: relative; z-index: 1; display:block; width:60%;padding:12%; font-weight:normal; text-align:center; margin:5px auto 10px;}
.ul-contact li strong img{ width:100%; border-radius:50%; text-align:center; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}
.ul-contact .txt{margin:20px 0;text-align:center;font-size:16px;color:#666;line-height:26px;padding-bottom:18px;position:relative}
.ul-contact .txt .zx{cursor:pointer;}
.ul-contact .txt .ctel{ font-size:24px;font-weight: 700;color: #d10e0c}
.ul-contact .txt span{display:block;font-size:24px;color:#222;font-weight:700;margin-bottom:5px;line-height:30px}
.ul-contact .txt p a{display:inline-block}


@media screen and (max-width: 790px) {
    .ul-contact{margin: 40px auto;}
    .ul-contact ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
    .ul-contact li{width: 100%; }
    .ul-contact li:nth-child(1), .ul-contact li:nth-child(2), .ul-contact li:nth-child(4), .ul-contact li:nth-child(5){margin-top: 0;}
}

.message{ background:/*rgb(230,238,244,.95)*/#f2f3f5; padding:70px}
.message .tit{ margin-bottom:50px; text-align:center;color: #111;}
.message .tit h3{font-weight:600; font-size:48px; margin-bottom:30px;}
.message .tit p{ font-size:18px}
.message form{ width:80%; margin:0 auto;overflow:hidden}

.message .layui-form-item {margin-bottom: 5px; overflow: hidden; width:48%; float:left}
.message .layui-form-item:nth-child(6){width: 96%!important;}
.message .layui-form-item:nth-child(7){width: 100%!important;}
.message ul li.wenb {position: relative;width:100%; }
.message ul li.wenb .fl{ width:95%;}
.btnclick{ width:30%; margin-top:20px;}
.message .layui-form-label {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#333e46}
.message .layui-input { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent:15px;*text-indent:0px;}
.message .layui-input:nth-child(1){ background:rgba(255,255,255,1);}
.message .layui-input:nth-child(2){ background:rgba(255,255,255,1); }
.message .layui-textarea {background:rgba(255,255,255,1);  border:0;  border:#e0e0e0 1px solid;  height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #666; resize: none;}
.message  .layui-btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#d10e0c;}
.message  .layui-btn:hover{background:#d10e0c;}

@media screen and (max-width: 790px) {
    .pro_navigation ul{  width: 98%; flex-wrap: wrap;}
    .pro_navigation li{width: 50%; line-height: 40px;}
    .pro_navigation li a.act{height: 40px;border-bottom: #d10e0c 3px solid;}
    .pro_navigation li a {font-size: 18px;}
    .s_width{width: 95%; margin: 0 auto;}
    .pro_model_1 p, .pro_model_3 p{font-size: 15px; line-height: 27px;}

    .message{padding: 0 2%; padding-bottom: 140px;}
    .message form{width: 100%;}
    .message .layui-form-item{margin-bottom: 0px;}
    .message .tit h3{font-size: 36px; margin-bottom: 10px}
    .message .tit p{font-size: 16px}
    .message  .layui-btn{ padding:10px 50px;font-size: 16px}
}