@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#0b6e93 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family:Microsoft YaHei;font-size:16px!important;color:#646464; margin:0px; }

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}

@font-face {
font-family: 'iconfont';
src: url('../ziti/iconfont.woff2?t=1689738565086') format('woff2'),
url('../ziti/iconfont.woff?t=1689738565086') format('woff'),
url('../ziti/iconfont.ttf?t=1689738565086') format('truetype');}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
font-family:Barlow-Bold;
src: url('../ziti/Barlow-Bold.ttf'); }

@font-face {
font-family:Barlow-Regular;
src: url('../ziti/Barlow-Regular.ttf'); }
@font-face {
font-family: 'PingFang';
src: url(../ziti/AkzidenzGrotesk-BoldCondAlt.otf);}

@font-face {
font-family: 'PingFang_reg';
src: url(../ziti/PingFang-ExtraLight.woff2);}


body{ margin:0 auto;padding:0px;width:100%;;font-size:16px;color:#646464; margin:0px; }
.head_you{ width:60%;/*display: flex; align-items: center;justify-content: space-between;*/}


.nav{  /*float:left;*/}
.nav ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between}
.nav li {float: left;list-style: none;text-align: center;box-sizing: border-box; position: relative;}


.nav li a {padding-right:0px;z-index: 1; color: #fff;
display: block;text-align: center;position: relative;height:55px;line-height: 55px; font-size:18px; overflow:hidden}
.nav  li a:hover{color:#e7141a}
header.bg .nav  li a:hover{color:#e7141a}

.nav li.hover a, .nav li:hover a { color:#e7141a }
header.bg .nav li.hover a, header.bg .nav li:hover a{color:#e7141a }
.nav li .subnav {background: #fff;box-shadow: 0 5px 20px 8px rgba(0, 0, 0, 0.1);height: auto;left: -50px;overflow: hidden;position: absolute;top: 100%; width: 150px;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {text-align:center;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 17px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;transition: all 0.2s ease-in-out 0s;width: 100%;background: #03448b;color: #fff!important; border-bottom:rgba(255,255,255,0.1) solid 1px;}
.nav li .subnav a:hover {color: #fff;background:#d8261c;}
.icon-sousuo{ font-size:25px!important; color:#fff!important; }
header.bg .nav li a{color: #333;}
.sou{ margin-top:4px;}
header.bg .icon-sousuo{ color:#333!important;}


/*    header   */
header { position: fixed; top: 0;  left: 0; width: 100%; z-index: 999;transition: all .48s;}
.headBox { width:1300px; margin:0 auto;display: flex; padding-top:20px; padding-bottom:20px;align-items: center;
justify-content: space-between;transition: all .6s ease 0s;}
.headLogo a {display: block;}
.headLogo img { width: 100%;display: block;}
.headLogo .headLogo_img2 {display: none}
header.bg .headBox {
  width: 96%;
  margin: 0 auto;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;}
header.bg {  background: #fff; box-shadow: 0 0 10px 1px #eee;}
header.bg .headLogo .headLogo_img1 { display: none}
header.bg .headLogo .headLogo_img2 { display: block}


header:hover .nav  li a:hover{color:#e7141a}
header:hover.nav li.hover a, header:hover .nav li:hover a{color:#e7141a }
header:hover .nav li a{color: #333;}
header:hover .icon-sousuo{ color:#333!important;}
header:hover .headBox {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;}
header:hover .headLogo .headLogo_img1 { display: none}
header:hover .headLogo .headLogo_img2 { display: block}
header:hover{ background:#fff;box-shadow: 0 0 10px 1px #eee;}
header:hover #yuyan .head_lan{ background:#231815; border:none; } 



/*首页banner*/
#banner .p_MatteIcon .iconfont:before{ content:'\e602'; } 
#banner >div{ animation-fill-mode:both; } 
#banner .banner-video .pcitem-m{display:none; } 
#banner .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; filter:brightness(0.95); } 
#banner .swiper-slide .bgimg{ transition:1s 2.5s; transform:perspective(1000px) translate3d(0, 0, 100px); } 
#banner .swiper-slide.swiper-slide-active .bgimg{ transition:5s 0s; transform:perspective(1000px) translate3d(0, 0, 0px); } 
#banner .iban a{ display:block;width:100%;height:100%;color:#fff; } 
#banner .mobitem{ display:none;} 
#banner .bannerBox .iban{ height:100vh; max-height:1080px; position:relative; } 
#banner .bannerBox .iban:after{ content:''; position:absolute; height:477px; background:url(../images/nav_shadow.png) no-repeat top center/cover;top:0px;left:0px; z-index:1; pointer-events:none;} 
#banner .bannerBox .iban .swiper-slide{ height:100%; overflow:hidden; }
#banner .bannerBox .iban .banner-video{ height:100%; position:relative;}

#banner .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%; background:url(../images/banner_sha.png); color:#fff; text-align:center; } 
#banner .banner_img .v_cover{ position:absolute; display:flex; align-items:center; left:0px; top:0px; width:100%; height:100%; background:url(../images/banner_sha.png); color:#fff; text-align:center; } 
#banner .v_cover .v_con{ margin-left:auto; margin-right:auto; position:relative; z-index:5; WIDTH:80%; TEXT-ALIGN:center; } 
 
#banner .swiper-slide .v_con *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; text-shadow:0px 1px 5px rgb(0 0 0 / 60%); transform:translate3d(0, 80px, 0); opacity:0; } 
 
#banner .swiper-slide.swiper-slide-active .v_con *{ transform:translate3d(0, 0px, 0); opacity:1; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(1){ transition-delay:0.5s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(2){ transition-delay:0.7s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(3){ transition-delay:0.9s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(4){ transition-delay:1.1s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(5){ transition-delay:1.3s; } 

#banner .swiper-slide.swiper-slide-active .v_con *:nth-child(6){ transition-delay:1.5s; } 

#banner .v_cover .v_text1{ font-size:68px; line-height:1.4; font-weight:normal; letter-spacing:0px; } 

#banner .v_cover .v_tit_en{  font-size:65px; line-height:1.2!important; font-weight:bold;margin-top:8%; text-transform:uppercase}


#banner .v_cover .v_line{ width:90px; margin:0 auto;  height:3px; background:#F0F0F0; margin-top:3%; margin-bottom:3%; } 
 
#banner  .v_cover .v_text2{ font-size:25px; margin:0 auto; line-height:1.6; /*margin-top:3%; */margin-bottom:5%; width:70%; } 
#banner .banner_img .v_cover .v_text2{  } 
#banner .v_playvideo{ width:100px; height:auto; margin:0 auto; } 

#banner .v_border{ width:70px; height:70px; margin:0 auto 14px; position:relative; } 

#banner .v_playvideo .iconfont{ line-height:70px; height:70px; width:70px; font-size:13px; font-family:arial; text-align:center; background:rgba(230,0,19,.9); margin-right:0px; border-radius:50%; display:inline-block; } 
#banner .v_playvideo .v_border:before{ content:""; display:block; position:absolute; left:-1px; top:-1px; width:72px; height:72px; border:5px solid #fff; box-sizing:border-box; border-radius:50%; opacity:0; -webkit-transform:scale(1.4); transform:scale(1.4); transition:transform .6s cubic-bezier(.645,.045,.355,1),opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } 

#banner .v_playvideo:hover .v_border:before{ opacity:1; -webkit-transform:scale(1); transform:scale(1); cursor:pointer; } 
#banner .v_playvideo:hover .iconfont:before{ font-size:24px; } 
#banner .v_cover .v_more{ font-size:12px; } 
#banner .swiper-slide .v_cover .v_img{ opacity:0; transition-duration:2s; transition-delay:0.8s; } 
#banner .swiper-slide.swiper-slide-active .v_cover .v_img{ opacity:0.1; } 
#banner .banner-video{ background:url(../images/ban1.jpg) no-repeat center center; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ width:auto; height:auto; transform:translate(-50%, -50%) !important; } 

#banner .bannerBox .iban .banner-video{ height:100%!important}

#banner .bannerBox .iban .banner-video video{ filter:brightness(0.8); position:absolute; top:50%; border:0px; left:50%;/* min-width:120%;*/ min-height:100%; width:115%; height:100%!important; z-index:0; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } 


#banner .bannerBox .iban .text{ position:absolute; font-size:36px; color:#fff; left:90px; bottom:80px; line-height:1px; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:50px; line-height:1px; } 

#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; border-radius:10px; background-color:rgba(255,255,255,1); margin:0 8px; opacity:1; transition:all 0.4s ease; } 
#banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width:50px; } 

@media only screen and (max-width: 768px){ 
#banner .v_cover .v_tit_en{ font-size: 20px; } 
#banner .v_cover .v_con { max-width: 84%!important;} 
#banner .banner-video .pcitem-m{ display:block; } 
#banner .mobitem{ display:block; } 
#banner .pcitem{ display: none; } 
#banner .bannerBox .iban { height: 68vh; position: relative; } 
#banner .v_cover .v_text1{ font-size: 26px; line-height: 1.6!important; margin-bottom:10px; margin-top:10px; } 
#banner .v_cover .v_text2{ font-size:17px; margin-top:15px; } 
#banner .v_playvideo{ display:none; } 
#banner .bannerBox .iban .banner-video .v_cover .v_img{ display:none; } 

#banner .bannerBox .iban:after{ display: none; } 

#banner .bannerBox .iban .text{ bottom: auto; top:10rem; font-size:1.2rem; text-align: center; left: 0; width: 100%; } 
#banner .bannerBox .iban .play{ position: absolute; width: 2.8rem; height:2.8rem; background: url(../images/yx_vplay.png) no-repeat center/100%; top: 15rem; left: 50%; margin-left: -1.4rem; cursor: pointer; } 
#banner .bannerBox .iban .swiper-pagination{ bottom:1.9rem; } #banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet { /*width: 8px;*/ height: 8px; margin: 0 4px; } 
#
banner .bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active { width: 20px!important; } } 

#banner{ width:100%; max-width:none; min-width:300px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } 






.title{ text-align:center;margin:0 auto; }
.title1{ font-family:Barlow-Regular; text-transform:uppercase; color:#dadada; font-size:50px;}
.title2{ font-weight:bold; color:#333; font-size:40px;}
.title3{ color:#555; font-size:20px; margin-top:8px;}


.wenzi .wline{ background:#0b6e93; height:2px; width:50px; margin:0 auto; margin-top:10px;}
.wenzi .fl { text-align:left}
.wenzi .fl h3{ font-size:18px; font-weight:normal; padding-top:8px; color:#999}
.wenzi .fr{margin-top:30px;} 
.wenzi .fr .more{ color:#555; }
.wenzi .fr:hover .more{ color:#0b6e93;}

/*首页我们的优势*/
.youshi{ background:#fafafa; padding-top:80px; padding-bottom:80px;}
.youshi .title3{ color:#da251d; letter-spacing:5px; font-size:20px;}
.youshi ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; width:96%; margin:0 auto; margin-top:50px;}
.youshi ul li{ margin-right:10px; cursor:pointer;display:inline-block; width:25%;box-shadow: 0 0 10px 1px #eee;}
.youshi ul li .youtu{ width:100%; height:250px; overflow:hidden;}
.youshi ul li .youtu img{ width:100%; height:250px;object-fit: cover;transition: all 0.8s;}
.youshi ul li:hover img{   transform: scale(1.1);}
.youshi ul li .youbk{ background:#fff; padding:30px;}
.youshi ul li .youbk h2{ font-weight:normal; color:#da251d; font-size:20px;}
.youshi ul li .youbk .youtxt{ line-height:28px; font-size:15px; color:#999;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:84px; margin-top:10px;}

.p_item .e_button-16 { color:#fff;
 display:flex;
 position:relative;
 overflow:hidden;
 text-align:left;
 box-sizing:border-box;
 width:210px;
 padding:0; 
 background_radio:1;
 border_radio:1;
 font_radio:1;
 radius_radio:1;
 display-radio:flex;
 margin-top:3%;
 height:54px;
 border-radius:0;
 background-image:linear-gradient(to right, #da251d , #b91d16);
 align-items:center;
 justify-content:space-around;
 margin-right:auto;
 margin-left:0px; 
 /*box-shadow:0 0 15px rgb(34 251 140 / 40%);*/
 font-size:17px;margin:0 auto;
}
.p_item .e_button-16::before {
 content:'';
 display:block;
 position:absolute;
 left:-100%;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.1);
 transition:all .6s ease
}
.p_item .e_button-16:hover::before {
 left:0
}
.p_item .e_button-16 span {
 display:block;
 position:relative;
 z-index:1;
 outline:0;
 margin:0px;
 overflow:hidden;
 transition:all .6s ease;
 left:0
}
.p_item .e_button-16:hover span {
 left:10px
}
.p_item .e_button-16 i {
 display:block;
 width:24px;
 height:24px;
 border-radius:50%;
 border:1px solid #fff;
 position:relative
}
.p_item .e_button-16 i::before {
 content:'';
 display:block;
 width:5px;
 height:5px;
 border-radius:50%;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 transition:all 0.6s ease
}
.p_item .e_button-16 i::after {
 content:'';
 display:block;
 width:45px;
 height:1px;
 background:#fff;
 top:50%;
 right:12px;
 position:absolute;
 transform:translateY(-50%);
 transition:all 0.6s
}
.p_item .e_button-16:hover i::before {
 content:'';
 display:block;
 width:10px;
 height:10px
}
.p_item .e_button-16:hover i::after {
 width:0px
}
.p_item .e_button-16::after {
 content:"";
 position:absolute;
 width:0;
 height:100%;
 transition:all .3s;
 z-index:0;
 opacity:0;
 top:0;
 left:0px
}
.p_item .e_button-16:hover::after {
 opacity:1
}
.p_item {
  flex: 1;margin-top:70px;
  max-width: 100%;
  max-height: 100%;
}




/* news */

.pr{position:relative}

.listbox222,.listbox111{ visibility:hidden;position: absolute;z-index:0;}/*height:504px !important;*/
.listbox222.active,.listbox111.active{visibility: visible;z-index:5;}
.listbox222.active{top:-100%;}

.anniub{ background:#444; border-radius:25px; line-height:40px; color:#fff; text-align:center; width:100px;}
.anniub.active{ background:#0b6e93;width:100px;border-radius:25px; color:#fff;}
/* news */
.news{text-align: center;box-sizing: border-box;}
.newsnav{ padding-bottom: 40px;}
.newsnav li {
    width: 130px;
    height: 28px;
    line-height: 18px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.newslis.on  p {
    color: #fff;
    background: #0b6e93;
}
.newsnav li p{
    padding: 5px 10px;
    color: #6b6b6b;
    margin: 0 10px;
    display: block;
    border-radius: 5px;
    line-height: 18px;
}
.newsnav li:hover .news_p{
    color: #fff;
    background: #0b6e93;
    transition: all .2s;
}
.newsnav li:after{
   width: 1px;
   height: 18px;
   content: '';
   background: #0b6e93;
   position: absolute;
   right: 0px;
   top: 50%;
   margin-top: -9px;
}
.newsnav li:last-child:after{
    background: none;
}
.bd_content{
    height: 470px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
.newsdes{
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    transition: all 1.2s ease;
    width: 100%;
}
.newsdes.on {
    z-index: 1;
    opacity: 1;
}
.inewsl{ width:40%; float:left; }
 .inewsr {
    width: 55%;
    float: right;
    height: 520px;
    transition: all .3s;

}
.newsimg{
    width: 100%;
    overflow: hidden;

}
.newsimg img{transition: all .5s; width:100%;}
.newsimg img:hover{transform: scale(1.1);}

.headlines {
    width: 25%;
    height: 55px;
    line-height: 55px;
    background: #0b6e93;
    text-align: center;
    color: #fff;
}
.headlines_new {
    width: 70%;
    height: 55px;
    line-height: 55px;
    background: #eeeeee;
    padding-left: 5%;
}
.headlines_new a{
    font-size: 16px;
}
.inewsr_headlines div:last-child {
    line-height: 24px;
    margin: 20px 0;
    color: #555555;
}
.inewsr_headlines p{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.inewsr li{
    margin-bottom:15px;
    border-top: 1px solid #ececec;
    padding-top: 15px;
}
.inewsr li a:hover{
    color: #0b6e93;
}
.inewsr li:hover .itime{
    background: #0b6e93;
    transition: all .3s;
}
.fyou{ width:86%; }
.itime{
    width:75px;
    border:1px solid #cdcdcd;
    padding:5px;
    box-sizing:border-box;
    background: #cfcfcf;
    text-align: center;
}
.itime p{
    font-size:30px;
    color:#fff;
    font-family:SimHei;
    text-align:center;
    line-height:45px;
    font-weight:700;
}
.itime span{
    font-size: 12px;
    color: #fff;

}
.inewst {
text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
}
.inewsc{
    font-size:14px;
    color:#666;
    line-height: 20px;
    text-align: left;
    margin-top: 8px; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666!important;
}




/*合作伙伴*/
.hezuo ul li{ float:left; width:16%; margin-top:0.5%; margin-right:0.5%; height:100px; overflow:hidden;display: flex;justify-content: center;
align-items: center; cursor:pointer;}
.hezuo ul li img{max-width:100%;max-height:80px; transition: all 0.8s;}
.hezuo ul li:hover img{   transform: scale(1.1);}

.wd1300{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.fatont{ width:1300px; margin:0 auto;display: flex;align-items: center;justify-content: space-between; padding-top:50px; padding-bottom:40px;}
.shejiao a:hover {background-color: #536072 !important;}
.shejiao a{transition: 0.6s; float: left; width:31px; margin: 0 10px 0 0 !important; font-size: 14px !important; color: #717171 !important; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.shejiao a:last-child{margin: 0 !important;}

.shejiao .bds_weixin{background: url("../images/share_ico1.png") #6e6e6e center no-repeat !important;}
.shejiao .bds_tsina{background: url("../images/share_ico2.png") #6e6e6e center no-repeat !important;}
.shejiao .popup_qzone{background: url("../images/share_ico3.png") #6e6e6e center no-repeat !important;}
.shejiao .popup_tqq{background: url("../images/share_ico4.png") #6e6e6e center no-repeat !important;}
.shejiao .popup_renren{background: url("../images/share_ico5.png") #6e6e6e center no-repeat !important;}
.ftel{ background:url(../images/f_phone.png) no-repeat left; padding-left:50px;}
.ftel p{ color:#c7c7c7; font-size:14px;}
.ftel h2{ font-weight:normal;}

/*-------底部-----------*/
.foot{ background:#434144; width:100%; margin:0 auto;color:#fff}
.foot .wd1300{ padding-bottom:0px; padding-top:0px;  }
.fline{ background: rgba(255,255,255,0.1); height:1px; width:100%;}
.foot .flogo{ text-align:center; margin:0 auto;}
.flogo img{
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}


.foot .fsline{background: rgba(255,255,255,0.1); width:1px; height:230px;}

.foot .bbx .ban { padding-top:35px; padding-bottom:35px;
    text-align: center;
    color: #848484;
    line-height: 21px; 
}


.foot ul li{ line-height:30px;}
.foot ul li a{ font-size:15px; color:#fff;}
.ftxt{ color:#fff; font-size:15px; line-height:30px;}

.foot a{ color:#fff}
.flx{ width:40%; padding-top:40px;}
.fayou{ padding-top:40px; width:55%;}
.foot .fmenu { width:35%; }
.foot .fmenu ul li{ float:left; width:50%; text-align:left; line-height:35px;}
.foot .fmenu ul li a{ font-weight:bold; font-size:14px;}
.ewm { width:45% }
.ewm ul li{ float:left; width:47%; text-align:center;}
.ewm ul li:nth-child(2){ float:right;}
.ewm p{ color:#fff; font-size:14px;}

.banquan{ line-height:30px;margin:0 auto; color:#d8d8d8}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;text-decoration:none;color: #d8d8d8;}
a.zzb07link:hover {text-decoration: underline;color: #d8d8d8;}
.zzb07tail{font-family:Arial, Helvetica, sans-serif;color:#d8d8d8;}
.lianjie{display: flex; width:1300px; margin:0 auto; padding-top:30px; padding-bottom:30px;
align-items: flex-start;
justify-content: flex-start;}
.lianjie ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.lianjie h2, .lianjie ul li {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
}
.lianjie h2 {
  min-width: 5em;
}
.lianjie li {
  margin-right: 15px;
}
.lianjie ul li  a{ font-size:14px;}


@media(max-width:768px){.lianjie{ width:95%;}}

/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#555; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}






/*内页*/
.dingwei{ width:100%; border-bottom:1px solid #ddd;}
.dingwei_z{ width:1300px; margin:0 auto}
.weizhi{ font-size:14px; background:url(../images/home.png) no-repeat left; background-size:auto 20px; padding-left:30px; margin-top:14px;}
.weizhi span{ padding-left:7px; padding-right:8px;}

.banner_n {
	width: 100%;
	height: 500px;
	background-size: cover;
	position:relative;}

	.banner_bg{
height: 100%;
width: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 100%);}
	
.banner_n .mouse{
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:50px;}

/*shubiao*/
.shubiao-index{
	position:absolute;
	bottom:0;
	left:50%;
	width:60px;
	margin-left:-30px;
	z-index:99;
}
.shubiao{
	width:14px;
	margin:40px auto 0;
	position:relative;
}
.shubiao-ncon{
	margin-top:70px;
}
.shubiao_line {
    width: 1px;
    height: 60px;
    background: #fff;
    margin:10px auto;
}
.shubiao_pinyin{
	font-size:14px;
	font-family:Arial;
	text-align:center;
	color:#fff;
	margin-top:5px;
}
#shubiao{
	width:26px;
	margin:0 auto;
}
.mouse {
  position: relative;
  width: 20px;
  height: 34px;
  border-radius: 30px;
  border: 2px solid #fff;
}
.mouse:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 3px;
  height: 8px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-animation: scroll 1s infinite alternate;
          animation: scroll 1s infinite alternate;
}
@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}



.banner_txt{color:#fff;text-align:center;margin:0 auto;padding-top:15%;}
.banner_txt h2{ font-weight:normal; font-size:56px; font-family:impact; text-transform:uppercase; letter-spacing:5px;}
.banner_txt h3{ font-size:40px;letter-spacing:5px;}


.nyabout{ width:100%; background:url(../images/nyabout.jpg) no-repeat center; margin:0 auto;height:500px;}


.nycon{ width:100%; background:url(../images/nycon.jpg) no-repeat center; margin:0 auto;height:500px;}
.nynews{ width:100%; background:url(../images/nynews.jpg) no-repeat center; margin:0 auto;height:500px;}
.nycase{ width:100%; background:url(../images/nycase.jpg) no-repeat center; margin:0 auto;height:500px;}
.nyservice{ width:100%; background:url(../images/nyservice.jpg) no-repeat center; margin:0 auto;height:500px;}
.nypro{ width:100%; background:url(../images/nypro.jpg) no-repeat center; margin:0 auto;height:500px;}


.nname{ font-family:Barlow-Regular; font-size:35px; text-transform:uppercase; margin-top:-20px; margin-bottom:10px; color:#999}

.nwz{ text-align:center;/*border-bottom:#e3e3e3 solid 1px;*/margin:0 auto; }
.nwz h2{ font-weight:normal; margin-bottom:20px;text-align:center; font-size:40px; color:#333;  }
.nwz h3{ font-weight:normal; margin-top:-20px; margin-bottom:30px; font-size:16px;}
.nwz .nyline{ background:#cf3a34;height:2px; margin:0 auto; width:70px;}
.neirong{margin-top:60px; line-height:30px; background:#fff; padding:50px;}

.nybg{ background:#f5f5f5;}
.nymenu{border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; box-shadow:0px 6px 6px rgba(0,0,0,.05); }
.nymenu_mid ul li{ border-left: #e5e5e5 1px solid;width: 100%;text-align: center;vertical-align: top;}
.nymenu_mid ul li:last-child{ border-left:0px solid #d1d1d1;}

.nymenu_mid ul{ margin:0 auto;display: flex; width: 100%;}
.nymenu_mid_s{ text-align:center}
.nymenu_mid_s ul li {float: none;display: inline-block;}
.nymenu_mid ul li a{ padding:1em 0;display:inline-block; font-size:1.25em; position:relative; }

.nymenu_mid ul li a{display: block;position: relative;font-size: 19px;color: #555;}
.nymenu_mid ul li a:after{content: '';display: block;width: 100%;height: 2px;background:#cf3a34;position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.nymenu_mid ul li:hover a:after,.nymenu_mid ul li.active a:after{transform: scaleX(1);}
.nymenu_mid ul li:hover a,.nymenu_mid ul li.active a{color: #cf3a34; font-weight: 700;}

.nymenu ul li:hover a{color: #cf3a34; font-weight: 700;}
.nymenu ul li .active{color: #cf3a34; font-weight: 700;}
.nymenu ul li .active a:after{content: '';display: block;width: 100%;height: 2px;background:#cf3a34;position: absolute;bottom: -1px;left: 0;transition: 0.4s ease-out;
transform: scaleX(0);}
.nymenu_mid p { display: none;}


.nymain{ width:1300px; margin:0 auto; padding-top:80px; padding-bottom:80px;}

.neirong_nbg{ margin-top:50px;}
/*内页公司简介*/
.neirong .c4 { padding-top:20px; padding-bottom:50px;}
.neirong .c4 .list1{ padding:0px; margin:0px;}
.neirong .c4 .list1  li{display: flex;
flex-direction: row-reverse;
align-items: center;}
.neirong .c4 .list1 li .img{ margin-left:10px;}
.neirong .c4 .list1 li  .zi h3 {
  font-size: 38.86px;
  font-weight: 600;
  color: #333;
  font-family: Barlow-Regular; margin-bottom:10px;}

/*公司风貌*/
.factory ul{ margin-top:50px;}
.factory ul li{  position:relative;background:#fff;float:left; width:28%; margin-left:1.5%; margin-right:1.5%; padding:1% 1% 60px 1%; margin-bottom:30px; }
.factory ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.factory ul li .factory_name{ text-align:center; padding-bottom:15px; }
.factory ul li .factory_tu img{width:100%;height:230px; transition: all 0.8s;object-fit: cover;}
.factory ul li .factory_tu img:hover{   transform: scale(1.1);}

.factory_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.factory_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #cf3a34;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.h_plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}
.h_plus span {
    background-color: #ffffff;
    display: inline-block;
  padding: 5px 15px;
    border-radius: 50%;
	font-size:24px;}
.factory_name p { font-size: 16px;}
.factory ul li:hover .factory_name { padding-top: 40px;}
.factory ul li:hover .factory_name::before { opacity: 1;}
.factory ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.factory ul li:hover .h_plus span{color:#cf3a34!important;}
.factory ul li:hover .factory_name p { color: #ffffff;}

/*荣誉*/
.neirong_nbk{ margin-top:50px;}
.rongyu ul li{text-align:center;float:left;display:inline;width:22.5%; margin-left:1%; margin-right:1%;height:260px; overflow:hidden;background:#fff; border:1px dotted #ccc;  border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:30px; padding-top:10px;}
.rongyu ul li span{line-height:22px;display:block;background:#FFF; text-align:center; padding-top:20px; font-size:15px;  color:#555}

.zu112{width:100%; height:190px; overflow:hidden; display: flex;justify-content: center;align-items: center;}
.zu112 img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-height:100%; max-width:90% }
.rongyu ul li:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.rongyu ul li:hover span{ color:#cf3a34}

/*工程案例*/
.cplist li {background: #fff; margin-left:1.5%; margin-right:1.5%;box-sizing: border-box;width:30%; position:relative;transition: all 0.8s; }

.cplist li:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #cf3a34;
	position: absolute;
	left: 0;
	bottom: 0;transition: all 0.8s;}

.cplist li:hover:after {width: 100%}

.cplist li .img {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 3;
	margin-bottom: 2px; height:200px;}

.cpxqinner p img {max-width: 100%;}

.cplist li img {
	width: 100% ;object-fit: cover;
	height: 100%;transition: all 0.8s;}

.cplist li>a>div:nth-child(2) {
	float: left;
	width:100%;
	padding-left: 7.5%;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	padding-right: 6.5%;}

.cplist_t h2 { font-weight:normal;font-size: 20px;color: #000;}

.cplist_t {position: relative;margin: 50px 0;}

.cplist_t span {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #f1bcba;
	position: absolute;
	right: 0;
	bottom: 0;transition: all 0.8s;
	top: 0;
	margin: auto}
.cplist_t span i {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #cf3a34;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	text-align: center;
	line-height: 36px}
.cplist li p {font-size: 16px;color: rgba(102, 102, 102, .8);line-height: 32px;}
.cplist li:hover p {color: #666}
.cplist li:hover img {transform: scale(1.25);transition: all 0.8s;}
.cplist li {margin-bottom: 32px;}
.cplist li:last-child {/*margin-bottom: 50px;*/}
.cplist li:hover span {transform: scale(1.25);transition: all 0.8s;}

/*内页产品*/
.neirong_nbg .swiper-slide {
    float: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
	
    margin-left: 1%;
    margin-right: 1%;width:23%;
    height: 100%;
    position: relative; display:inline-block;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
	 margin-bottom:30px;
}
.index_2_mid{ overflow:hidden;
position:relative; z-index:10; margin:0 auto;}
.index_2_mid_2_mid{ text-align:center;
background-color:#fff; padding:1em;border-radius:5px;box-shadow: 5px 10px 10px 0px rgba(0,0,0,.1);}
.index_2_mid_2_mid_1 {
position:relative; text-align:center; height:17.91666666666667vw;overflow:hidden}
.neirong_nbg .swiper-slide:hover .index_2_mid_2_mid_1_img img{ transform: scale(1.1);}
.index_2_mid_2_mid_1_img{
position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%); }
.index_2_mid_2_mid_1_img img{
max-width:200px;transition: all 0.8s;}
.index_2_mid_2_mid_2{
text-align:center; color:#292929; font-size:18px;}
.index_2_mid_2_mid_3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
text-align:center; margin-top:1.3em; margin-left:auto; margin-right:auto; margin-bottom:1.3em; max-width:8em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3{
}
.index_2_mid_2_mid_3 span{  color:#cf3a34; padding-bottom:.3em; padding-top:.3em;
display:inline-block; position:relative; overflow:hidden; font-size:14px; }
.index_2_mid_2_mid_3 span:before{ content:''; position:absolute; right:0;background-position:center; background-repeat:no-repeat; 
 top:50%;top:50%;transform:translateY(-50%); background-repeat:no-repeat;}

.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span{
color:#fff;background-color:#cf3a34; padding-left:1em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;border-radius:1.875em;  padding-right:1em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:before{
}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after{
display:none}
.index_2_mid_2_mid_3 span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #e7141a;
  transition: all 0.8s cubic-bezier(0.207, 0.58, 0.52, 0.975);
}


.index_2_mid_2_mid_1_bo{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%); z-index:10;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index_2_mid_2_mid:hover .index_2_mid_2_mid_1_bo{
opacity:1;}
.index_2_mid_2_mid_1_bo img{
width:100%;opacity:0;}
.index_2_mid_2_mid_1_bo span{
position:absolute; left:0; top:0; width:100%; height:100%;border-radius:100%;}
.index_2_mid_2_mid_1_bo span:nth-child(1){
background-color:#cf3a34; opacity:.07;}
.index_2_mid_2_mid_1_bo span:nth-child(2){
background-color:#cf3a34; opacity:.07;transform: scale(0.7267441860465116, 0.7267441860465116);}
.index_2_mid_2_mid_1_bo span:nth-child(3){
background-color:#cf3a34; opacity:.13;transform: scale(0.5436046511627907, 0.5436046511627907);}
.index_2_mid_2_mid_1_bo:after{ z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img19.png);
content:''; position:absolute; width:23.83720930232558%;height:23.83720930232558%;left:50%; top:50%;transform:translate(-50%, -50%);}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:.3}100%{opacity:0;transform:scale(1)}}
.index_2_mid_2_mid_1_bo span:nth-child(1){
  
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite
}
.index_2_mid_2_mid_1_bo span:nth-child(2){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 725ms infinite;
 -moz-animation:ripple 4s ease-out 725ms infinite;
 -o-animation:ripple 4s ease-out 725ms infinite;
 animation:ripple 4s ease-out 725ms infinite
}

.index_2_mid_2_mid_1_bo span:nth-child(3){
 
 opacity:0;
 -webkit-animation:ripple 4s ease-out 1225ms infinite;
 -moz-animation:ripple 4s ease-out 1225ms infinite;
 -o-animation:ripple 4s ease-out 1225ms infinite;
 animation:ripple 4s ease-out 1225ms infinite
} 

.neirong_nbg .index_2_mid_2_mid {
  text-align: center;
  background-color: #fff;
  padding: 1em;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.protitle{ background:#cf3a34;  padding-top:10px; padding-bottom:10px; color:#fff; text-align:center; font-size:25px;}
.protupian{ text-align:center; margin:0 auto}
.protupian img{ max-width:50%}



/*工程案例详细页*/
.case_z{ width:50%;}
.case_y{ width:45%;}
.case_y h2{ color:#333; font-size:20px;}

/*内页新闻*/
.uk-container::after, .uk-container::before {
  content: "";
  display: table;
}
.uk-container > :last-child {
  margin-bottom: 0;
}

.uk-position-relative {
  position: relative !important;
}
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.newslist ul{ margin-top:30px; border-top:1px solid #e9e9e9; }
.newslist li{ border-bottom:1px solid #e9e9e9; padding:30px; position: relative; background:#fff; cursor:pointer; }
.newslist li .date{ margin-right:50px; padding-top:27px; }
.newslist li .pic{ margin-right:55px; }
.newslist li .pic .img{ width:280px; height:200px; overflow:hidden }
.newslist li .pic .img img{transition: all 0.8s; width:100%; height:100%; object-fit: cover; }
.newslist li .con{ padding:30px 0; }
.newslist li .con .f18{ margin-bottom:15px; }
.newslist li:hover{ border-color:#cf3a34;}
.newslist li:hover .pic .img img{transform: scale(1.1);}
.newslist li:hover::before{ position: absolute; top:-1px; left: 0; content:''; display: block; width:100%; height: 1px; background: #cf3a34;}
.newslist li:hover .f18{ color:#cf3a34; }
.f60{ font-size: 3.75rem;font-family: Barlow-Regular;}
.f20{ font-size: 1.25rem;font-family: Barlow-Regular;}
.f18 {
  font-size: 20px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:1 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; color:#333;}
.f14 {
  font-size: 15px;color: #999;
  overflow:hidden;display:-webkit-box; -webkit-line-clamp:3 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; line-height:25px; height:75px;}
.uk-grid > * > :last-child {margin-bottom: 0;}
.newslist .img {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
}


/*内页联系我们*/
.neilian{ background:#fff; padding:50px 30px; text-align:center; margin-bottom:60px;}
.neilian ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.neilian ul li{ text-align:center; width:100%; border-right:1px solid #ddd;}
.neilian ul li:last-child{ border-right:0px;}
.neilian ul li h2{ font-weight:normal; color:#333; font-size:18px; margin-top:15px;}
.neilian ul li h3{ width:80%; margin:0 auto; font-weight:normal; color:#555; font-size:15px; margin-top:5px;}


/*留言*/
.contact_2{ background:url(../images/register.jpg);overflow:hidden;}
.contact_2_1{}
.contact_2 h2{ text-align:center;font-size:40px; color:#fff; font-weight:normal}
.contact_2 h3{ text-align:center;font-size:18px; margin-top:10px; margin-bottom:60px; color:#fff; font-weight:normal}
.contact_2_1 ul{ margin-bottom:30px;}

.contact_2_1 ul li{ margin-bottom:10px;float:left; width:49%;color:#fff}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){float:right}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1_mid{border:1px rgba(255,255,255,0.5) solid; padding:0.8em 1em; width:87%; }
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{border:1px rgba(255,255,255,0.5) solid; padding:0.8em 1em; width:93%; }
.teshuw{ width:93.8%}
.contact_2_1_mid input{
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;color:#fff}
.contact_2_1_mid textarea{ width:100%;
border:0; background:none; font-size:16px;outline:none; color:#fff}
.tixing{padding-left:10px; line-height:50px;}

.anniu2{ border:0PX; width:150px; height:45px;
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; line-height:45px;color:#fff; text-align:center; cursor:pointer}
.anniu2 { margin-top:1.5em;}
.anniu2:hover{background-color:#999;}
 

.fanhui{}
.fanhui ul { margin-top:60px;}
.fanhui ul li{ line-height:40px;width:40%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; text-align:center; border:1px solid #ddd; background:#fff; cursor:pointer}
.fanhui ul li:nth-child(3){ width:40%; text-align:center;}
.fanhui ul li:nth-child(2){ border:1px solid #cf3a34; width:15%; text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#cf3a34;height:40px; line-height:40px;text-align:center; display:block}
.fanhui ul li:hover a{ color:#fff;}
.fanhui ul li:hover{background:#cf3a34; border:1px solid #cf3a34; color:#fff; }

.xwbt{ text-align:center; margin:0 auto;}
.xwbt h2{ color:#333; font-size:25px; font-weight:normal;}
.xwbt h3{ font-weight:normal; margin-top:15px; font-size:15px; color:#555;}
.nymain2{ padding-bottom:40px; padding-top:60px;}


/*产品详细页*/
.pro_xx{ text-align:center}
.pro_xx img{ max-width:100%}
.pro_zuo{ width:40%; overflow:hidden}
.pro_zuo img{ width:100%;transition: all 0.8s;object-fit: cover; max-height:400px;}
.pro_zuo:hover img{transform: scale(1.1);}
.pro_you{ width:55%; text-align:left}
.xiangguan{ background:#f4f4f4}
.xiangxi{ width:1300px; margin:0 auto; padding-top:80px; padding-bottom:80px; text-align:center}
.pro_you h2{ margin-top:40px; font-size:40px; font-weight:normal;}
.liej ul{ border-top:1px solid #eee;border-bottom:1px solid #eee; padding-top:30px; padding-bottom:30px; margin-top:30px; margin-bottom:30px;}
.liej ul li{ float:left; width:48%; line-height:40px;}
.liej ul li:nth-child(2n){ float:right;}
.fanye ul li{ cursor:pointer; background:#fff; width:20%; line-height:45px; border-radius:25px; margin-right:30px; text-align:center; float:left; }
.fanye ul li:hover{ background:#111;border-radius:25px; color:#fff }
.fanye ul li:hover a{ color:#fff}




@media screen and (max-width: 640px) {
.gaodu{ height:auto;}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}

.title{ text-align:center;margin:0 auto; }
.title1{ font-family:Barlow-Regular; text-transform:uppercase; color:#dadada; font-size:30px;}
.title2{ font-weight:bold; color:#333; font-size:30px;}
.title3{ color:#555; font-size:16px; margin-top:8px;}



.wenzi h2{ text-align:center; font-size:32px;}
.wenzi .fl { width:100%}
.wenzi .fl h3 { text-align:center;
font-size: 15px;}
.wenzi .fr{ width:100%;}
.wd1300{ width:95%; padding-top:40px; padding-bottom:40px;}
.index1 .wd1300{ padding-bottom:0px;}
.findpro{ padding-bottom:0px;}

.inewsl{ width:100%; float:none; display:none }
 .inewsr {
    width: 100%; 
    float: none;
    height:450px;}
.fyou{ width:78%; }
.hezuo ul li{ float:left; width:32%; margin-left:0.5%; margin-right:0.5%; height:80px; }
.hezuo ul li img{max-width:80%;max-height:80px;}

/*-------底部-----------*/
.fatont{ width:100%;}
.shejiao{ display:none}
.ftel{ display:none}
.fline{ background: rgba(255,255,255,0.1); height:1px; width:100%;}
.foot .flogo{  width:100%; padding-bottom:30px;}

.flogo img{ height:70px;}
.foot .bbx .ban{font-size:14px; padding-top:25px; padding-bottom:25px;}

.foot .con{ padding-top:30px!important; text-align:center;}
.foot .con .foot2 h2::after {margin:0 auto;}
.foot .fsline{ display:none}
.ftxt{ color:#fff; font-size:15px; line-height:30px; text-align:center;}

.flx{ width:100%; padding-top:20px; padding-bottom:30px;}
.fayou{ display:none}

.foot3{ display:none;}
.banquan{width:100%; text-align:center; margin:0 auto; font-size:14px;}
.banquan p{ text-align:center}
a.zzb07link{font-size: 14px;}
.zzb07tail{font-size:14px;}
.lianjie{display: none;}


/*首页我们的优势*/
.youshi{ padding-top:40px; padding-bottom:20px;}
.youshi .title3{ color:#da251d; letter-spacing:5px; font-size:20px;}
.youshi ul{ display: block; width:96%; margin:0 auto; margin-top:30px;}
.youshi ul li:nth-child(2n){ margin-left:1.8%}
.youshi ul li{ margin-bottom:20px;margin-right:0px; width:48%;}
.youshi ul li .youtu{ height:150px;}
.youshi ul li .youtu img{height:150px;}

.youshi ul li .youbk{ padding:20px;}
.youshi ul li .youbk h2{font-size:16px;}
.youshi ul li .youbk .youtxt{ line-height:23px; font-size:14px; color:#999;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:92px; margin-top:10px;}

.p_item .e_button-16 {width:150px;height:40px; font-size:14px; margin-top:0px;}

.p_item{ margin-top:30px;}



/*内页*/

.banner_n {height: 200px;}
.nyabout{height:200px; background-size:auto 200px;}


.nycon{ height:200px; background-size:auto 200px;}
.nynews{ height:200px; background-size:auto 200px;}
.nycase{ height:200px; background-size:auto 200px;}
.nyservice{height:200px; background-size:auto 200px;}
.nypro{ height:200px; background-size:auto 200px;}


.nname{font-size:25px;margin-top:-5px;margin-bottom:5px;}
.nwz h2{margin-bottom:10px; font-size:30px;  }
.nwz h3{margin-top:-10px; margin-bottom:30px; font-size:16px;}

.neirong{margin-top:40px; line-height:27px;padding:20px; font-size:14.5px;}


.nymenu_mid ul li a{ font-size:15px; }
.nymenu_mid ul li a{font-size: 15px;}


.nymain{width:95%;padding-top:40px; padding-bottom:40px;}
.neirong_nbg{ margin-top:40px; font-size:14.5px; line-height:27px;}


/*内页公司简介*/
.neirong .c4 { padding-top:20px; padding-bottom:40px;}
.neirong .c4 .tong{ width:100%}
.neirong .c4 .list1 li{display: flex; justify-content: space-between; width:43%;}
.neirong .c4 .list1 li .img{ margin-left:10px;}
.neirong .c4 .list1 li .img img{ height:40px;}
.neirong .c4 .list1 li .zi h3 {font-size: 20px; margin-bottom:2px;}
.neirong .c4 .list1 li .zi p{ font-size:15px;}

/*公司风貌*/
.factory ul{ margin-top:40px;}
.factory ul li{width:98%; margin-left:0%; margin-right:0%; padding:1% 1% 60px 1%; }
.factory_name p { font-size: 15px;}


/*荣誉*/
.rongyu ul li{width:48%; margin-left:0%; margin-right:0%;height:180px;margin-bottom:30px; padding-top:10px;}
.zu112{width:100%; height:150px; }
.rongyu ul li span { padding-top:0px; font-size:15px;}

/*工程案例*/
.cplist li {margin-left:0%; margin-right:0%;border-box;width:48%; }
.cplist li:nth-child(2n){ float:right}




.cplist_t h2 {font-size: 16px;}

.cplist_t {margin: 30px 0;}

.cplist_t span {width: 30px;height: 30px;}
.cplist_t span i {
	width: 30px;
	height: 30px;
line-height: 30px}
.cplist li p {font-size: 15px;line-height: 30px;}


/*内页产品*/
.neirong_nbg .swiper-slide:nth-child(2n){ float:right}
.neirong_nbg .swiper-slide { margin-left: 0%;margin-right: 0%;width:48%;}



.index_2_mid_2_mid_1 {height:40vw;}


.index_2_mid_2_mid_1_img img{max-width:150px;}
.index_2_mid_2_mid_2{font-size:16px;}



/*工程案例详细页*/
.case_detail{display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;}
.case_z{ width:100%; margin-top:30px;}
.case_y{ width:100%;}
.case_y h2{ color:#333; font-size:20px;}

/*内页新闻*/


.newslist li{padding:20px; }
.newslist li .date{ margin-right:2%; padding-top:27px; }
.newslist li .pic{ margin-right:2%; width:30% }
.newslist li .pic .img{ width:100%; height:120px;}

.newslist li .con{ padding:10px 0; width:45%; }
.newslist li .con .f18{ margin-bottom:15px; }


.f60{ font-size: 2rem;}
.f20{ font-size: 0.85rem;}
.f18 {font-size:16px; -webkit-line-clamp:2 ; line-height:22px; height:44px;}
.f14 {font-size: 14px; -webkit-line-clamp:2 ;
line-height:20px; height:40px;}



/*内页联系我们*/
.neilian{ padding:20px;margin-bottom:30px;}
.neilian ul{display: flex; flex-wrap: wrap; /*justify-content: space-between;*/}
.neilian ul li{  width:48%; border-bottom:1px solid #ddd; border-right:0px; padding-top:10px;padding-bottom:10px;}






.fanhui ul { margin-top:40px;}
.fanhui ul li a{ font-size:15px;}
.fanhui ul li{ line-height:30px;width:33%;}
.fanhui ul li:nth-child(3){ width:33%; }
.fanhui ul li:nth-child(2){width:33%; }
.fanhui ul li:nth-child(2) a{height:30px; line-height:30px;}


.xwbt h2{ font-size:20px;}
.xwbt h3{ font-size:14px; }



.protitle{ background:#cf3a34;  padding-top:10px; padding-bottom:10px; color:#fff; text-align:center; font-size:20px;}
.protupian{ text-align:center; margin:0 auto}
.protupian img{ max-width:50%}

	}