html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}

* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}

body {color: #444;font-size: 14px;position: relative;overflow-x: hidden;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input {vertical-align: middle;}

textarea {resize: none;}

ul {list-style: none;}

img, {display: block;}

a{color: #444;text-decoration: none;}

a:hover{color: #444;text-decoration: none;}

i, em {font-style: normal;}

p{margin-bottom: 0px;}

.left{float: left;}

.right{float: right;}

/*input placeholder 样式 */

::-webkit-input-placeholder {color: #999999;}

:-moz-placeholder {color: #999999;}

::-moz-placeholder {color: #999999;}

:-ms-input-placeholder {color: #999999;}

.over-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.over-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.over-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.over-line-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

.over-line-6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}

/*修改滚动条*/

::-webkit-scrollbar{width:6px;height:6px ;}

::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}

::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}

/* 无内容 */

.pf_12{font-size: 12px;line-height: 25px;}

.pf_16{font-size: 16px;line-height: 30px;}

.pf_18{font-size: 18px;line-height: 30px;}

.pf_20{font-size: 20px;line-height: 35px;}

.pf_22{font-size: 22px;line-height: 35px;}

.pf_24{font-size: 24px;line-height: 40px;}

.pf_26{font-size: 26px;line-height: 40px;}

.pf_28{font-size: 28px;line-height: 40px;}

.pf_30{font-size: 30px;line-height: 45px;}

.pf_32{font-size: 32px;line-height: 45px;}

.pf_34{font-size: 34px;line-height: 50px;}

.pf_36{font-size: 36px;line-height: 50px;}

.pf_40{font-size: 36px;line-height: 50px;}

@font-face {font-family:fz;src: url('bahnschrift.ttf');}

#dituContent label {max-width: unset!important;text-align: center;}

.p-75{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}

.p-75 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}

.p-66{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}

.p-66 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}

.p-50{display: block;width: 100%;height: 0;padding-bottom: 50%;position: relative;overflow: hidden;}

.p-50 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}



/*top*//*top*/

.top{position: fixed;z-index: 88;top:0;width: 100%;background:rgba(0,0,0,.2);}

.topa a{display: block;}

.topa img{display: block;max-width: 100%;margin:0 auto;}

.topb{line-height: 40px;border-bottom: 1px solid rgba(255,255,255,.2);color: #ff6a30;}

.topb i{color: #ff6a30;font-size: 20px;}

.topb b{color: #fff;font-size: 18px;}

.menu li{position: relative; text-align: center;height: 100%;}

.menu li span{display: block;position: relative;line-height: 64px; overflow: hidden;color: #fff;font-size: 15px;transition:.4s;}

.menu li span:hover {color: rgba(255,255,255,.8);}

.menu li span:hover i{width: 25px;}

.menu li span i{display: block;height: 1px;background:#fff;width: 0px;margin:0 auto;transition:.4s;}

.menu li.curr { transition: all 0.3s ease 0s; }

.menu li.curr .submenu{opacity: 1; }

.menu li .submenu{position:fixed;z-index: 8;top:108px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,1);

    border-top: 1px solid #eee;transition: all 0.3s ease 0s;box-shadow: 0px 0px 8px 5px rgba(9,9,9,.2); }

.menu li .submenu .suba strong{display: block;color: #333;}

.menu li .submenu .suba p{line-height: 30px;color: #777;}

.menu li .submenu .suba a{display: block;width: 140px;line-height: 45px;height: 45px; background: #4f5260;border: 1px solid #4f5260; text-align: center;color: #fff;transition:.4s;}

.menu li .submenu .suba a:hover{background: #fff;color:#4f5260; }

.menu li .submenu .subb{position: relative;}

.menu li .submenu .subb::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);}

.menu li .submenu .subb::after{position: absolute;content: "";width: 1px;height: 200%;top:-50%;right:0; background: rgba(0,0,0,.1);}

.menu li .submenu .subb p{line-height:45px;border-bottom: 1px dashed #dadada;}

.menu li:nth-of-type(3) .submenu .subb p{float: left;width: 50%}

.menu li .submenu .subb p a{display: block;color: #777;transition:.4s;}

.menu li .submenu .subb p a:hover{color: #4f5260;}

.menu li .submenu .subb p i{float: right;}

.menu li .submenu .subc img{display: block;max-width: 100%;margin:0 auto;box-shadow: 0px 0px 2px 2px #ddd;padding: 7px;}



.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}

.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}

.mobmenu .aligncontent-center {text-align: center;}

.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}

.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: -25px;}

.mobmenu .menu-left {float: left;}

.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}

.mobmenu .menu-button i{font-size: 24px;color:#fff}

.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}

.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}

.mobmenu .sidebar nav span{display: block;line-height: 45px;background: #444;color: #fff;padding-left: 10%;font-size: 18px;text-transform: uppercase;font-family: fz;}

.mobmenu .sidebar ul{padding:4%;}

.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition: .4s;padding-left: 1rem;}

.mobmenu .sidebar li a:hover{background: #4f5260;color: #fff;}

.mobmenu .sidebar li i{float: right; font-size: 18px;}

/*首页大图*/

.banner {position: relative;height: auto !important;z-index: 1;top:0;}

.banner .swiper-wrapper{height: auto !important;}

.banner .swiper-slide {position: relative;height: auto !important;float: left;}

.banner .swiper-slide a{display:block;width:100%;height: auto !important;}

.banner a img{width: 100%; height: auto;}

.banner a video{width: 100%; height: auto;object-fit: fill;}

.banner .swiper-slide .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4); padding-top: 18%;text-align: center;}

.banner .swiper-slide .bannera img{max-width: 100%;}

.banner .swiper-slide .bannera strong{display: block;font-size:72px;color: #fff;}

.banner .swiper-slide .bannera span{color: rgba(255,255,255,1);line-height: 70px;letter-spacing:7px;font-size: 36px;}

.banner .swiper-pagination{bottom: 4% !important;}

.banner .swiper-pagination-bullet{transition:.4s;}

.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}

/*in_01*/

.in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat #f8f9fb;}

.intita strong{display: block;}

.intita strong i{display: block;text-transform: uppercase;font-weight: 700;font-size: 54px;letter-spacing: -2px; text-align: center;-webkit-text-stroke: 1px rgba(4,4,4,.2);color: transparent;font-family: sans-serif;  }

.intita strong span{display: block;margin-top: -35px;}

.intita a{display: block;width: 150px;line-height: 48px;background: #4f5260;color: #fff;text-align: center;transition:.4s;}

.intita a:hover{background: #ff6a30;}

.in01a .mySwiper {padding: 1rem 0 1rem 1rem;text-align: center;}

.in01a .mySwiper em{font-size: 40px;}
.in01a .mySwiper img{width:60%;}

.in01a .mySwiper span{line-height: 45px;text-align: center;}

.in01a .mySwiper i{display: block;background:url(../images/in01a.png) center  no-repeat;height: 16px;width: 0px;margin:0 auto; overflow: hidden;transition:.4s;}

.in01a .mySwiper .swiper-slide{position: relative;transition:.4s;}

.in01a .mySwiper .swiper-slide:hover{background: #fffefd;border-radius: 10px;box-shadow: 0px 0px 8px 8px #dedfdf;  /* fallback for old browsers */

background: -webkit-linear-gradient(to bottom, #ffebe2, #fff5f0, #fffefd);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to bottom, #ffebe2, #fff5f0, #fffefd);}

.in01a .mySwiper .swiper-slide:hover i{width: 100%;}

.in01a .mySwiper .swiper-slide-thumb-active{background: #fffefd;border-radius: 10px;box-shadow: 0px 0px 8px 8px #dedfdf;  /* fallback for old browsers */

background: -webkit-linear-gradient(to bottom, #ffebe2, #fff5f0, #fffefd);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to bottom, #ffebe2, #fff5f0, #fffefd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.in01a .mySwiper .swiper-slide-thumb-active i{width: 100%;}

.in01a .mySwiper2 li a{display: block;height: auto;overflow: hidden;text-align: center;box-shadow: 0px 0px 5px 5px #eee;background: #fff;position: relative;border-radius:8px 8px 0 0;}

.in01a .mySwiper2 li a img{display: block;max-width: 100%;transition: all 0.6s ease 0s;}

.in01a .mySwiper2 li a strong{position: relative;z-index: 3;transition:.4s;}

.in01a .mySwiper2 li a:hover .in01b{padding: 5rem 0 7rem 0;height: 100%;}

.in01a .mySwiper2 li a:hover strong{color: #fff;}

.in01a .mySwiper2 li a:hover img{transform:scale(1.05,1.05);}

.in01b{position: absolute;z-index: 2;background: rgba(79,82,96,.9);width: 100%;color: #fff;padding:0;transition:.4s;height: 0px;overflow: hidden;}

.in01b i{font-size: 44px;}

.in01b span{display: block;}



.in_02{height: auto;overflow: hidden;background:url(../images/in02bg.jpg) center top no-repeat #1a192b;}

.in02a p{color: rgba(255,255,255,.8);}

.in02a i{color: rgba(255,255,255,.9);font-size: 42px;transition:.4s;}

.in02a i:hover{color:#ff6a30;}

.in02b {position: relative;}

.in02b img{display: block;max-width: 100%;margin:0 auto;}

.in02ba {position: absolute;z-index: 2;width: 100%;padding-top: 1rem;}

.in02bb {-webkit-animation: rotation 4s linear infinite;

    animation: rotation 4s linear infinite;}
    
    
    
    

@-webkit-keyframes rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.in02c{text-align: center;color: #fff;} 

.in02c strong{font-size: 56px;font-family: fz;} 



.in_03{height: auto;overflow: hidden;background: #f2f4f6;}

#hxys{position: relative;z-index: 1;padding: 8rem 0 6rem 0;}

#hxys .swiper-slide {height: auto;position: relative;

  /* Center slide text vertically */

  flex-direction: column;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  transition: 500ms;

  transform: scale(1);

}

#hxys .swiper-slide-active,.swiper-slide-duplicate-active{  background: #fff;position: relative;}

#hxys .swiper-slide-prev{ left: -10%; background: #000; }

#hxys .swiper-slide-next{ right: -10%; background: #000; }

#hxys .swiper-slide .pic img{ width: 100%; height: auto; opacity: 0.3;border-radius: 10px;box-shadow: 0px 0px 15px 5px rgba(0,0,0,.2);}

#hxys .swiper-slide-active .pic img,.swiper-slide-duplicate-active .pic img{ opacity: 1; width: 100%; height: auto ; transform: scale(1.5);}

#hxys .swiper-button-next{ right: 23%; top:45%; outline: none;width: 40px; height: 40px;background:#fff;transition:.4s;border-radius: 60px;box-shadow: 0px 0px 4px 2px #eee;}

#hxys .swiper-button-next i{color: #444;}

#hxys .swiper-button-prev{ left: 23%; top:45%; outline: none;width: 40px; height: 40px;background:#fff;transition:.4s;border-radius: 60px;box-shadow: 0px 0px 4px 2px #eee;}

#hxys .swiper-button-prev i{color: #444;}

#hxys .swiper-button-prev:after,#hxys .swiper-button-next:after{display: none;} 

#hxys .swiper-button-prev:hover{background: #ff6a30;}

#hxys .swiper-button-prev:hover i{color: #fff;}

#hxys .swiper-button-next:hover{background: #ff6a30;}

#hxys .swiper-button-next:hover i{color: #fff;}

#hxys .swiper-slide .tit{position: absolute;left:0px; bottom:0;width:30%;background:url(../images/in03a.png) center no-repeat;z-index: 99; opacity: 0;}

#hxys .swiper-slide .tit span{display: block;color: #777;}

#hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{opacity: 1;width: 70%;}



@media screen and (max-width:768px){

  #hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{ width: 100%; left: 0;}

}

@media screen and (max-width:768px){

  #hxys .tit{ padding: 2% ; background: #26365a ;}

  #hxys .tit .left{ width: 100%; border: none;}

}

.in_04{height: auto;overflow: hidden;background:url(../images/in04bg.jpg) center  no-repeat;}

.in04a .swiper-slide a{display: block;transition:.4s;position: relative; }

.in04a .swiper-slide a:hover .in04b{background: #f4f6f8; /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #f4f6f8, #ecf0f2, #e2e6e9);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to right, #f4f6f8, #ecf0f2, #e2e6e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

.in04a .swiper-slide a:hover::after{width: 100%;}

.in04a .swiper-slide a:hover span{color: #ff6a30;}

.in04a .swiper-slide a::after{position: absolute;content: "";left:0;bottom: 0;height: 5px;overflow: hidden; background: #ff6a30;width: 0px;transition: all 0.3s ease 0s; }

.in04a .swiper-slide img{display: block;max-width: 100%;}

.in04b {background: #f1f2f5;}

.in04b span{transition:.4s;}

.in04b p{line-height: 30px;color: #777;}

.in04b i {line-height: 40px;color: #777;font-weight: normal;}

.in04b i em{float: right;}



.in_05 {height: 800px;overflow: hidden;}

.in05a {position: relative;}

.in05a li a{display: block;position: relative;height: auto;overflow: hidden;padding:5rem 0;}

.in05a li a:hover::before{border: 1px solid #fbe3da;box-shadow: 0px 0px 4px 4px #fbe3da;}

.in05a li a img{display: block;margin:0 auto;}

.in05a li a::before{position: absolute;content: ""; width: 180px;height: 180px;border: 1px solid #eee;box-shadow: 0px 0px 4px 4px #fdfdfd; transform: rotate(45deg);transition:.4s}

.in05a li{float: left;width: 20%;}

.in05a_a{height: auto;overflow: hidden;}

.in05a li a::before{left:42px;top:50px;}

.in05a_b{height: auto;overflow: hidden;position: relative;left:135px;top:-120px;}

.in05a_c{height: auto;overflow: hidden;position: relative;left:0px;top:-245px;}





.mob05a li {border: 1px solid #eee;}

.mob05a li img{display: block;margin:0 auto; max-width: 100%;}

/*脚步*/

.footer{height: auto;overflow: hidden;background:url(../images/footbg.jpg) center bottom no-repeat fixed;}

.foota{height: auto;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.1)}

.foota_a img{display: block;}

.foota_a span{display: block;color:#fff;}

.foota_a b{display: block;font-size: 34px;font-family: fz;color: #ff6a30;}

.foota_a p{line-height: 35px;}

.foota_b li {text-align: center;}

.foota_b li span{display: block;}

.foota_b li span a{color: #fff;transition:.4s;}

.foota_b li p a{line-height: 35px;color: #7c7d7f;transition:.4s;font-size: 15px;}

.foota_b li a:hover{color: rgba(255,255,255,.8);}

.ewm {width: 50%;text-align: center;}

.ewm img{max-width: 100%;}

.ewm span{display: block;color: rgba(255,255,255,.8);line-height: 40px;}

.footc{line-height: 60px;text-align: center;color: #a8aaab;}

.footc a{color: #a8aaab;transition:.4s;}

.footc a:hover{color:#fff;}



.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}

.footnav li{float: left;text-align: center;width: 21%}

.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}

.footnav li em i{color: #fff;}

.footnav li a{display: block;}

.footnav li:nth-of-type(1){width: 16%;}

.footnav li:nth-of-type(4) a{border-right: none;}

.footnav li i{font-size: 20px;}

.footnav li span{display: block;line-height: 20px;font-size: 12px;}

.footnav li a{display: block;padding-top:4%;}

.footnav li a:hover{color: #d0121b}



/*简介*/

.com_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/com_ban.jpg) center top no-repeat fixed;}

.pro_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/pro_ban.jpg) center top no-repeat fixed;}

.news_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/news_ban.jpg) center top no-repeat fixed;}

.case_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/case_ban.jpg) center top no-repeat fixed;}

.hgdj_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/hgdj_ban.jpg) center top no-repeat fixed;}

.jobs_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/jobs_ban.jpg) center top no-repeat fixed;}

.con_ban {height: auto;overflow: hidden;color: #fff;background: url(../images/con_ban.jpg) center top no-repeat fixed;}

.banimg {padding:12rem 0 3rem 0;position: relative;}

.banimg img{display: block;margin:0 auto;max-width: 100%;}

.ban {padding:7rem 0 0rem 0;position: relative;height: 680px;box-sizing: border-box;}

.ban img{
  width: 480px;
  display: block;margin:0 auto;max-width: 100%;-webkit-animation: rotation 9s linear infinite;animation: rotation 9s linear infinite;}

.bana {position: absolute;width: 100%;left:0;top:0;text-align: center;padding-top: 14rem;}

.bana strong{display: block;font-size: 36px;line-height: 50px;}

.bana span{display: block;font-size: 24px;line-height: 40px;font-family: fz;text-transform: capitalize;}

.bana i{display: block;width: 160px;height: 1px;background: rgba(255,255,255,.8);margin:1rem auto;position: relative;}

.bana i::before{position: absolute;content: "";width:8px;height:8px;border-radius: 10px;background: #fff;top:-4px;animation: myfirst 4s infinite linear;

    -webkit-animation: myfirst 4s infinite linear;}

@-webkit-keyframes myfirst {

    from {left:10%;}

    to {left: 90%;}

}

@-moz-keyframes myfirst {

    from {left:10%;}

    to {left: 90%;}

}

@-ms-keyframes myfirst {

    from {left:10%;}

    to {left: 90%;}

}

@-o-keyframes myfirst {

    from {left:10%;}

    to {left: 90%;}

}

@keyframes myfirst {

    from {left:10%;}

    to {left: 90%;}

}



.bana p{width: 30%;margin:0 auto;color: rgba(255,255,255,.8);line-height: 30px;}

.location{line-height: 60px;border-bottom: 1px solid #efefef;color: #777;}

.locationb{text-align: right;}

.locationb i{color: #4f5260;}

.locationb a{color: #777;transition:.4s;}

.locationb a:hover{color: #ea5515;}

.locationa a{display: block; text-align: center;position: relative;font-size: 15px;transition:.4s;}

.locationa a::before{position: absolute;content: "";left:0;bottom: 0;height: 3px;width: 0;background: #ea5515;transition:.4s;}

.locationa a:hover{color:#ea5515;}

.locationa a:hover::before{width: 100%;}

/*company*/

.companya{height: auto;overflow: hidden;}

.companya img{display: block;max-width: 100%;margin:0 auto;}

.comtit strong{display: block;}

.comtit span{display: block;color: #ea5515;text-transform: uppercase;}

.coma_n{height: 390px; overflow-y: scroll;padding-right: 2rem;letter-spacing: 1.5px;
    text-indent: 2.6em;font-size:18px;line-height: 40px;}

.coma_a p{color: #777;}

.coma_b {color: #ea5515;}

.coma_b span{position: relative;margin-bottom: 1rem;text-align: center;padding: 1.25rem 0;}

.coma_b span::before{position: absolute;content: "";width: 90%;height: 100%;border: 1px solid #ea5515;left:0;top:0;transform:skewX(-25deg);border-radius: 15px;}

.coma_b strong{font-size: 44px;font-family: fz;}



.companyb{height: auto;overflow: hidden;background: url(../images/companyb.jpg) center no-repeat fixed;padding:10rem 0;}

.comb_a strong{display: block; font-size: 60px;color: #fff;}

.comb_a a{display: block;width: 150px;line-height: 48px;background: #fff;text-align: center;border-bottom: 2px solid #ea5515;transition:.4s;}

.comb_a a:hover{background: #4f5260;color:  #fff;}



.companyc{height: auto;overflow: hidden;background: url(../images/companyc.jpg) center no-repeat;}

.comc_a{height: auto;overflow: hidden;background: url(../images/comc_a.jpg) center no-repeat;padding: 9rem 5rem 8rem 5rem;}

.comc_a img{max-width: 100%;}

.comc_b li a{display: block; height: auto;overflow: hidden;position: relative;}

.comc_b li a:hover span{bottom: 0px;}

.comc_b li span{display: block;position: absolute;bottom: -60px;left:0;background: rgba(0,0,0,.6);text-align: center;line-height: 60px;width: 100%;color: #fff;transition:.4s;}

.commore a{display: block;width: 150px;line-height: 48px;background: #4f5260;color:  #fff;text-align: center;transition:.4s;margin:0 auto;}

.commore a:hover{background: #ff6a30;}



.companyd{height: auto;overflow: hidden;background: url(../images/companyd.jpg) center top no-repeat;padding:6rem 0 3rem 0;}

.comtitb{height: auto;overflow: hidden;}

.comtitb strong{display: block;}

.comtitb span{display: block;color: #ea5515;text-transform: uppercase;}

.comtitb a{color: #fff;padding: 0 1rem;font-size: 15px;transition:.4s;}

.comtitb a:hover{color: rgba(255,255,255,.6);}

.comtita{float: left;}

.companyd .mySwiper a{display: block; height: auto;overflow: hidden;border-radius: 15px;position: relative;}

.companyd .mySwiper a:hover img{transform:scale(1.05,1.05);}

.companyd .mySwiper img{max-width: 100%;transition: all 0.6s ease 0s;}

.companyd .mySwiper span{border-top: 1px solid rgba(255,255,255,.6);position: absolute;z-index: 3;bottom: 0;left: 5%;width: 90%;color: #fff;}

.companyd .mySwiper span em{font-size: 30px;}



.coma_d{background: url(../images/coma_db.jpg) center center no-repeat; position: relative;animation: move 100s infinite linear alternate;animation-duration: 20s;}

.coma_da img{max-width: 100%;}

@keyframes move{

    100%{background-position: 10% 0;}

}





.cultit strong{display: block;font-size: 48px;line-height: 60px;text-align: center;}

.culturea li strong{display: block;}

.culturea li span{display: block;color: #ff6a30;text-transform: uppercase;}

.culturea li img{max-width: 100%;}

/*product*/

.plocation li a {border: 1px solid #f0f0f0;border-radius: 5px;line-height: 50px;text-align: center;position: relative;transition:.4s;}

.plocation li a em{font-size: 36px;}

.plocation li a::before {position: absolute;content: "";width: 3px;height: 0px;background: #ff6a30;left:-1px;top:0;transition:.4s;}

.plocation li a:hover {box-shadow: 0px 2px 4px 4px rgba(6,6,6,.1);}

.plocation li a:hover::before {height: 100%;}

.typelist{height: auto;overflow: hidden;background: #f4f7f8;}

.typetit {height: auto;overflow: hidden;border-bottom: 1px solid #e3e6e8;}

.typetit strong{display: block;transition:.4s;}

.typetit strong:hover{color: #ff6a30}

.typetit strong i{display: block;text-transform: uppercase;font-weight: 700;font-size: 40px;letter-spacing: -2px; text-align: center;-webkit-text-stroke: 1px #e3e4e4;color: transparent;font-family: sans-serif;  }

.typetit strong span{display: block;margin-top: -35px;}

.prolist{height: auto;overflow: hidden;}

.prolist .swiper-slide a {display: block;text-align: center;background: #fff;position: relative;transition:.4s;}

.prolist .swiper-slide a strong{border-top: 1px solid #f7f7f7;}

.prolist .swiper-slide a p{color: #ff6a30;}

.prolist .swiper-slide a:hover {box-shadow: 0px 2px 5px 5px #ebeeef}

.prolist .swiper-slide a:hover img{transform:scale(1.05,1.05);}

.prolist .swiper-slide a:hover .ptypea{padding: 4rem 0 6rem 0;height: 100%;}

.ptypea{position: absolute;z-index: 2;background: rgba(79,82,96,.9);width: 100%;color: #fff;padding:0;transition:.4s;height: 0px;overflow: hidden;}

.ptypea i{font-size: 44px;}

.ptypea span{display: block;}

.prolist li a {display: block;text-align: center;background: #fff;position: relative;transition:.4s;}

.prolist li a strong{border-top: 1px solid #f7f7f7;}

.prolist li a p{color: #ff6a30;}

.prolist li a:hover {box-shadow: 0px 2px 5px 5px #ebeeef}

.prolist li a:hover img{transform:scale(1.05,1.05);}

.prolist li a:hover .ptypea{padding: 4rem 0 6rem 0;height: auto;}



/*product_info*/

.proinfo{height: auto;overflow: hidden;background: url(../images/proa.jpg) top no-repeat;padding: 12% 0 4% 0;}

.pinfol{color: #fff;line-height: 50px;height: 50px;}

.pinfol a{color: #fff;transition:.4s;}

.pinfol a:hover{color: #ff6a30;}

.fahui{float: right;}

.proa {height: auto;overflow: hidden;z-index: 3;position: relative;}

.proa img{display: block;width: 100%;}

.proaa{height: auto;overflow: hidden;color: #fff;}

.proaa strong{display: block;border-bottom: 1px solid #fff;position: relative;}

.proaa strong::before{position: absolute;content: "";height: 2px;width: 160px;background: #ff6a30;bottom: -1px;left:0;}

.proaa p{line-height: 30px;}

.proab li .proac{border: 1px solid #fff;text-align: center;color: #fff;border-radius: 10px;}

.proab li .proac i{font-size: 42px;}

.proab li .proac span{display: block;font-size: 18px;line-height: 40px;}

.proab li .proac em{display: block;width: 60px;margin:.5rem auto;height: 2px;background: #fff;}

.pmore {width: 60%;}

.pmore a{display: block;width:48%;line-height: 55px;font-size: 18px;text-align: center;background: #ff6a30;color: #fff;transition:.4s;}

.pmore a:nth-of-type(2){background: #fff;color: #444;transition:.4s;}

.pmore a:hover{background: #444;color: #fff;}

.pmore a i{font-size: 24px;font-weight: normal;}

.ptit{height: auto;line-height: 60px;color: #777;background:#f4f7f8;border-bottom: 1px solid #ebebeb;}

.ptit a{display: block;text-align: center; transition:.4s;font-size: 15px;position: relative;}

.ptit a::before{position: absolute;content: "";width: 0px;left:46%;height: 2px;bottom: 0;background: #ff6a30;transition:.4s;}

.ptit a:hover{color: #ff6a30;}

.ptit a:hover::before{width: 8%;}

.prob{background:#f4f7f8;}

.prod{background:#f4f7f8;}

.ptita{border-left: 2px solid #ff6a30;line-height: 26px;font-size: 24px;padding-left: 1rem;}



.proc_b{position: relative;}

.proc_font{position: absolute;z-index: 3;color: #fff;left:2rem;top:3rem;}

.proc_font strong{display: block;font-size: 48px;}

.proc_font span{display: block;font-weight: bold;}

.proc_img img{max-width: 100%;}



.proe{height: auto;overflow: hidden;}

/*news*/

.caseslist{height: auto;overflow: hidden;}

.caseslist li a{height: auto;overflow: hidden;}

.caseslist li:hover .cfonta{background: #f7f7f7;}

.caseslist li:hover .cfonta em{height: 42px;margin-top: 1rem;}

.caseslist li:hover .cimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}

.caseslist li:hover .cimga i{opacity: 1;}

.caseslist li img{display: block;max-width: 100%;}

.cfonta{height: auto;overflow: hidden; transition:.4s;border: 1px solid #e7e7e7;position: relative;}

.cfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(172,172,172,.1);font-size:44px;font-family: impact;text-transform: uppercase;}

.cfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.cfonta i{display: block;width: 35px;height: 2px;background: #0f81ec;margin:1.5rem 0;}

.cfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.cimga{display: block;width: 100%;
/*  height: 0;*/
/*  padding-bottom: 50%;*/
  position: relative;overflow: hidden;}

.cimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}

.cimga span i{font-size: 40px;opacity: 0;}

.cimga span p{font-family: fz;}
.alimg{
  height: 300px;
  background-size: cover;background-position: center;
}

/*job*/

.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;background:#f7f7f8}

.joba li:hover .j_a{background: #4f5260; color: #fff; }

.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.joba li:hover .j_a p{color: #fff;}

.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}

.joba li .j_a i{font-size: 52px;color: #ff6a30}

.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}

.joba li .j_a span{display: block;}

.joba li .j_a p{color: #777;transition:.4s;}



.jobb{height: auto;overflow: hidden;background: #f6f6f6}

.jobtita{background: #4f5260;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}

.jobtita dd{background: #4f5260;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}

.jobtit{background: #fff;height: auto;overflow: hidden;}

#jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;}

#jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;}

#jobs li{height: auto;overflow: hidden;background: #f3f3f3;}

#jobs li:nth-of-type(2n+0){background: #fff;}

#jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}

.jobbox strong{display: block;color: #444;}

.jobbox p{line-height: 35px;}



.jobca{text-align: center;line-height: 30px;color: #777;}

.jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;}



.jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}

.jobd img{max-width: 100%;}

.jobd_a {color: #fff;line-height: 30px;}

.jobd_a li span{display: block;text-transform: uppercase;}

.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}

/*荣誉*/

.honorlist{height: auto;overflow: hidden;}

.honorlist li{height: auto;overflow: hidden;}

.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}

.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}

.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}

.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;

    background: rgba(0,33,84,0);transition: .4s;}

.hfonta span{display: block;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.hfonta i{font-size: 40px;}

.himga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}

.himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}

.himgb img{display: block;margin:0 auto; max-width: 100%;max-height: 100%;transition: 0.3s;}



.hzpplist{height: auto;overflow: hidden; }

.hzpplist ul{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}

.hzpplist li{text-align: center;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}

.hzpplist li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}

.hzpplist li img{display: block;max-width: 100%;margin:0 auto;}





/*新闻*/

.newsa{margin:10rem 0 4rem 0;}

.newsa a:hover img{transform: scale(1.05,1.05);}

.newsa a:hover .newsa_d{background: #f0f0f0;}

.newsa_c{display: block;width: 100%;height: 0;padding-bottom: 42%;position: relative;overflow: hidden;}

.newsa_c img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}

.newsa_d{height: auto;overflow: hidden;background: #fff;transition:.4s;}

.newsa_d p{color: #777;}

.newsa_d i{display: block; color: #777;}

.newsa_b{margin-bottom: 0}
.newsa_b  li{height: auto;overflow: hidden;background: #fff}
.newsa_b li:last-child{
  margin-bottom: 0!important;
}
.newsa_b  li a{display: block;;}

.newsa_b  li:hover .timeyy{background:#ff6a30;color: #fff;}

.newsa_b  li:hover .yuefen{color: #fff;}

.newsa_b  li:hover span{color:#ff6a30;}

.fonta{float: right;height: auto;overflow: hidden;width: 84%;}

.fonta span{line-height:35px;height:35px;overflow: hidden;font-size: 16px;}

.fonta p{display: block;line-height: 25px;color: #777;}

.timeyy{float: left; display:block; width: 13%;height: 100%;background:#4f5260;color: #fff; text-align: center;transition:.4s;}

.riqi{ display:block;line-height:45px;font-size:42px;font-weight: normal;font-family: impact;}

.yuefen{display: block; font-weight: normal;line-height: 25px;font-family: fz;font-size: 16px;color: #fff;}



.newslist{height: auto;overflow: hidden;}

.newslist ul li{border-bottom: 1px dashed #eee;}

.newslist ul li a{display: block;transition:.4s;position: relative; }

.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}

.newslist ul li:hover span{color: #ff6a30;}

.newslist ul li:hover strong{color: #ff6a30;}

.time {display: block;line-height: 30px;color: #999;}

.newsfonta span{transition: .4s; }

.newsfonta p{line-height: 30px;color: #777;}
.new-jj p{display:block;}
.nimga{height: auto;overflow: hidden;box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;}

.nimga img{display: block;max-width: 100%;transition:.4s;}

/*新闻详情*/

.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}

.ninfoa{height: auto;overflow: hidden;text-align: center;}

.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 

.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}

.newsaa {height: auto;overflow: hidden;}

.newsaa  img{display: block;margin:0 auto;max-width: 100%;}

.newsaa  p{line-height: 30px;}

.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: #ff6a30;}

.sidetit strong{display: block;color: #f35c21;font-family: fz;display: block;font-size: 30px;line-height: 60px;}

.sidetit span{display: block;margin-top: -40px;color: #fff;}

.sidea{padding: 2% 0;height: auto;overflow: hidden;}

.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}

.sidea li:hover{background: #ff6a30;color: #fff;}

.sidea li:hover span{color: #fff;}

.sidea li:hover p{color: #fff;}

.sidea li img{max-width: 100%;}

.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.sidea li p{line-height: 25px;color: #666;font-size: 13px;}

.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}

.sidea dl dd{line-height: 35px;margin-bottom: 0px;}

.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}

.sidea dl dd a:hover{color: #ff6a30;}

.sidea dl dd a:hover::before{background: #ff6a30;}

.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}

.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}

#prev_next li{line-height: 35px; color: #777;}

#prev_next li i{float: left;}

#prev_next li a{transition:.4s;}

#prev_next li:hover a{color: #ff6a30 !important;}

.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #ff6a30;border-radius: 5px;text-align: center;;transition:.4s;background: #ff6a30}

.back a:hover{border-radius:40px}





.hgdjtit{position: relative;text-align: center;}

.hgdjtit strong{color: #f70d21;}

.hgdjtit::before{position: absolute;content: "";left:0;top:45%;height: 1px;width: 35%;background: #f70d21;}

.hgdjtit::after{position: absolute;content: "";right:0;top:45%;height: 1px;width: 35%;background: #f70d21;}

.hgdja_b li{border-bottom: 1px solid #f0f0f0;transition:.4s;}

.hgdja_b li a{transition:.4s;}

.hgdja_b li:hover{background: #4f5260}

.hgdja_b li:hover  a{color: #fff;padding-left: .5rem;}

.hgdja_a img{max-width: 100%;}

.hgdja_a span{background: #cb3130;color: #fff;text-align: center;}



.hgdjb{height: auto;overflow: hidden;}

.hgdjb .mySwiper{height: auto;overflow: hidden;}

.hgdjb .swiper-slide a{display: block;position: relative;padding-bottom: .5rem;}

.hgdjb .swiper-slide img{display: block;width: 100%;transition: all 1s ease}

.hgdjb .swiper-slide:hover img{transform: scale(1.05, 1.05)}

.hgdjb .swiper-slide:hover span{color: #4f5260;}

.hgdjb .swiper-slide:hover p::before{width: 40px;}

.hgdjba{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 66%;}

.hgdjbb{transition:.4s;border: 1px solid #e4e4e4;background: #fff;}

.hgdjbb span{display: block;border-bottom: 1px solid #e4e4e4;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.hgdjbb p{line-height: 30px;color: #777;transition:.4s;text-align: right;position: relative;}

.hgdjbb p::before{position: absolute;content: "";width: 10px;height: 2px;background: #4f5260;top:15px;left:0;transition:.4s;}

.hgdjbb p i{font-size: 13px;}



.hgdjb .swiper-button-prev{position: absolute;width: 45px;height: 45px;border-radius: 30px;background:#cccccc; transition:.4s;top:40%;left:1%;}

.hgdjb .swiper-button-prev:hover{background:#c01900;}

.hgdjb .swiper-button-prev i{font-size: 30px;color: #fff;}

.hgdjb .swiper-button-next{position: absolute;width: 45px;height: 45px;border-radius: 30px;background:#cccccc; transition:.4s;top:40%;right:1%;}

.hgdjb .swiper-button-next:hover{background:#c01900}

.hgdjb .swiper-button-next i{font-size: 30px;color: #fff;}

.hgdjb .swiper-button-next:after, .hgdjb .swiper-button-prev:after{display: none;}



/*联系*/

.lxwma li:nth-of-type(1) .lxwma_a b{background:#fde8e8;}

.lxwma li:nth-of-type(1) .lxwma_a b i{color: #f26666;}

.lxwma li:nth-of-type(2) .lxwma_a b{background:#e6eeff;}

.lxwma li:nth-of-type(2) .lxwma_a b i{color: #377ffc;}

.lxwma li:nth-of-type(3) .lxwma_a b{background:#e6eeff;}

.lxwma li:nth-of-type(3) .lxwma_a b i{color: #377ffc;}

.lxwma li:nth-of-type(4) .lxwma_a b{background:#ffe9d9;}

.lxwma li:nth-of-type(4) .lxwma_a b i{color: #ff6d00;}

.lxwma li:nth-of-type(4){
  border:0;
}

.lxwma_a{text-align: center;transition:.4s;height: auto;overflow: hidden;}

.lxwma_a:hover b{background: #4f5260;border-radius: 50px;}

.lxwma_a b{display: block;font-weight: normal;transition:.8s;width:70px;line-height: 60px;text-align: center;margin:0 auto;border-radius: 10px;margin-bottom: 1rem;}

.lxwma_a i{font-size: 30px;}

.lxwma_a span{display: block;line-height: 30px;font-size: 15px;}

.lxwma_a p{line-height: 30px;transition:.4s;color: #777;}

.lxwma ul{height: auto;overflow: hidden;}

.lxwma li{border-right: 1px solid #eee;}

.lxwmb{height: auto;overflow: hidden;background:url(../images/lxwmb.jpg) center center no-repeat;}

.lxwmtitb{width: 80%;text-align: center;margin:0 auto;color: #fff;}

.lxwmtitb span{display: block;font-weight:600;}

.lxwmb_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;background: #efefef; line-height: 55px;padding-left:2rem;margin-bottom: 1rem;}

.lxwmb_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;background:#efefef;height: 110px;}

.lxwmb_a .forma input:nth-of-type(2){margin-right: 0px;}

.lxwmb_a .code input{float: left;width: 35%;line-height: 45px;background: #efefef;text-align: center;}

.lxwmb_a .code .verify{float: left;width: 30%;margin: 0 3%;}

.lxwmb_a .code .verify img{max-width: 100%;height: 45px;}

.lxwmb_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #efefef;text-align: center; background: #4f5260;border: 1px solid #4f5260; transition: .4s;}

.lxwmb_a .code .submit:hover{background: #fff;color: #4f5260}

.mes-form{height: auto;overflow: hidden;}

.lxwmb_a .code{width: 36%;margin:0 auto;}



@media (max-width: 576px) { 
  .lxwma li:nth-of-type(2n){
  border:0;
}

.mf_12{font-size: 12px;line-height: 25px;}

.mf_14{font-size: 14px;line-height: 30px;}

.mf_16{font-size: 16px;line-height: 30px;}

.mf_18{font-size: 18px;line-height: 35px;}

.mf_22{font-size: 22px;line-height: 40px;}



.topa img{margin:0;max-width: 50%;}

.intita strong i{font-size: 22px;}

.intita a{line-height: 40px;width: 100px;}

.in01a .col-6{padding-left: .5rem;padding-right: .5rem;}

.in01a .mySwiper2 li a:hover .in01b{padding: 2rem 0 3rem 0;}

.in01b i{font-size: 22px;}

.in02c strong{font-size: 18px;}

#hxys .swiper-slide .tit{display: none;}

#hxys{padding: 4rem 0 3rem 0}

.in_05{height: auto;}

.ban{padding: 6rem 0 3rem 0;height:auto;}

.com_ban{background-size: 180%;}

.pro_ban {background-size: 180%;}

.news_ban {background-size: 180%;}

.case_ban {background-size: 180%;}

.hgdj_ban {background-size: 180%;}

.jobs_ban {background-size: 180%;}

.con_ban{background-size: 180%;}

.prob .container img{
    display: block;
    margin: 0px auto;
    width: 100%;
}

.bana{padding-top: 1rem;}

.bana p{display: none;}

.bana strong{font-size: 20px;line-height: 30px;}

.coma_b{zoom:.8;}

.coma_b span::before{left:10%;width: 70%;}

.comb_a strong{font-size: 18px;}

#hxys .swiper-button-next{right:4%;}

#hxys .swiper-button-prev{left:4%;}

.locationb{text-align: left;}

.comc_a{padding: 1rem;}

.hfonta i{font-size: 20px;}

.plocation li a em{font-size: 16px;}

.typetit strong i{font-size: 16px;}

.typetit img{display: none;}

.prolist .col-6{padding-left: .5rem;padding-right: .5rem;}

.pmore a{font-size: 14px;}

.proc_font{top:1rem;}

.ptypea i{font-size: 18px;}

.fonta{width: 100%;}

.cfonta i{margin: .5rem 0;}

.hgdj_ban{background-size: 160%;}

.banimg{padding: .5rem 0;}

.banimg img{max-width: 70%;}

.lxwmb_a .code{width: 100%;}

.ban img{display: none;}

.cultit strong{font-size: 22px;}

.bana{position: relative;}

.in01a .swiper-slide li:nth-of-type(7){display: none;}

.in01a .swiper-slide li:nth-of-type(8){display: none;}

.newslist .col-12{padding-left: 0px;padding-right: 0px;}

.lxwma_a p{font-size: 12px;}

}



@media (min-width: 576px) and (max-width: 768px) { 



.topa img{margin:0;max-width: 50%;}

.intita strong i{font-size: 32px;}

.intita a{line-height: 40px;width: 100px;}

.in01a .col-6{padding-left: .5rem;padding-right: .5rem;}

.in01a .mySwiper2 li a:hover .in01b{padding: 2rem 0 3rem 0;}

.in01b i{font-size: 22px;}

.in02c strong{font-size: 18px;}

#hxys .swiper-slide .tit{display: none;}

#hxys{padding: 4rem 0 3rem 0}

.in_05{height: auto;}

.ban{padding: 8rem 0 3rem 0}

.bana{padding-top: 16rem;}

.bana p{width: 60%;}

.bana strong{font-size: 24px;}

.coma_b{zoom:.8;}

.coma_b span::before{left:10%;width: 70%;}

.comb_a strong{font-size: 18px;}

#hxys .swiper-button-next{right:4%;}

#hxys .swiper-button-prev{left:4%;}

.locationb{text-align: left;}

.comc_a{padding: 1rem;}

.hfonta i{font-size: 20px;}

.plocation li a em{font-size: 16px;}

.typetit strong i{font-size: 16px;}

.typetit img{display: none;}

.prolist .col-6{padding-left: .5rem;padding-right: .5rem;}

.pmore a{font-size: 14px;}

.proc_font{top:1rem;}

.ptypea i{font-size: 18px;}

.fonta{width: 100%;}

.cfonta i{margin: .5rem 0;}

.hgdj_ban{background-size: 160%;}

.banimg{padding: .5rem 0;}

.banimg img{max-width: 70%;}

.lxwmb_a .code{width: 100%;}

.cultit strong{font-size: 30px;}

 }

@media (min-width: 768px) and (max-width:992px) { 

.topa img{margin:0;max-width: 50%;}

.intita strong i{font-size: 22px;}

.intita a{line-height: 40px;width: 100px;}

.in01a .col-6{padding-left: .5rem;padding-right: .5rem;}

.in01a .mySwiper2 li a:hover .in01b{padding: 2rem 0 3rem 0;}

.in01b i{font-size: 22px;}

.in02c strong{font-size: 18px;}

#hxys .swiper-slide .tit{display: none;}

#hxys{padding: 4rem 0 3rem 0}

.in_05{height: auto;}

.ban{padding: 8rem 0 3rem 0}

.bana{padding-top: 16rem;}

.bana p{width: 60%;}

.bana strong{font-size: 24px;}

.coma_b{zoom:.8;}

.coma_b span::before{left:10%;width: 70%;}

.comb_a strong{font-size: 18px;}

#hxys .swiper-button-next{right:4%;}

#hxys .swiper-button-prev{left:4%;}

.locationb{text-align: left;}

.comc_a{padding: 3rem;}

.hfonta i{font-size: 20px;}

.plocation li a em{font-size: 16px;}

.typetit strong i{font-size: 16px;}

.typetit img{display: none;}

.prolist .col-6{padding-left: .5rem;padding-right: .5rem;}

.pmore a{font-size: 14px;}

.proc_font{top:1rem;}

.ptypea i{font-size: 18px;}

.fonta{width: 100%;}

.cfonta i{margin: .5rem 0;}

.hgdj_ban{background-size: 160%;}

.banimg{padding: .5rem 0;}

.banimg img{max-width: 70%;}

.lxwmb_a .code{width: 100%;}

.proaa strong{font-size: 18px}

.cultit strong{font-size: 36px;}

 }

@media (min-width: 992px) and (max-width:1200px) { 

.banner .swiper-slide .bannera span{font-size: 30px;}

.banner .swiper-slide .bannera strong{font-size: 42px;}

.intita strong i{font-size: 32px;}

.in_05{height: auto;}

.bana p{width: 50%;}

.comb_a strong{font-size: 32px;}

.caseslist li:hover .cimga span{padding-top: .5rem;}

.hgdj_ban{background-size: 160%;}

.banimg{padding: 7rem 0 2rem 0;}

.hgdjbb span{font-size: 15px;}

.proc_font span{font-size:18px;line-height: 30px;}

}



@media (min-width: 1200px) and (max-width:1400px) { 

.in05a{zoom:.9;}

}

@media (min-width: 1200px) {

.container{max-width: 1400px ;}

}


/*设计经验模块*/
.page2 {
  padding: 0;margin-top: 0;
}
.page_list2 ul {
  overflow: hidden;margin-bottom: 0;
}
.page_list2 ul li {
  width: 25%;
  float: left;
}
.page_list2 ul li a {
  display: block;
  position: relative;
}
.page_list2 ul li .img img {
  width: 100%;
  display: block;
}
.page_list2 ul li .text {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 50%;
  margin-top: -60px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_list2 ul li .text h3 {
  font-size: 24px;
  font-weight: normal;
}
.page_list2 ul li .text p {
  line-height: 62px;
  border-bottom: 2px solid #fff;
  display: inline-block;
  width: 75%;
  white-space: nowrap;
  font-size: 16px;
  margin-bottom: 35px;
  text-overflow: inherit;
}
.page_list2 ul li .text span {
  display: none;
}
.page_list2 ul li a:hover .text p {
  width: 100%;
}
.img:hover img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    opacity: 0.6;
}

.page2 *, .page2 *:before, .page2 *:after {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.img {
    overflow: hidden;
    background: #000;
    position: relative;
}
@media only screen and (max-width: 1000px){
  .page_list2 ul li {
    width: 100%;
}
}


/*首页新增模块*/
.sy-ljgd{
    float: right;
    margin-bottom: 30px;
}
.index_advantage *{
  box-sizing: border-box;
}
.index_advantage{padding-top:100px;padding-bottom:100px;background-position:0 0;background-repeat:repeat;background-image:url(../images/index_advantage_bg.jpg)}
.index_advantage .index_bd .layout{width:auto}
.index_advantage .col_hd{width:31%;float:left}
.index_advantage .advantage_tabs,.index_advantage .advantage_tabs a{color:#fff}
.index_advantage .advantage_tabs .tabs_item{font-size:20px;line-height:31px;text-transform:uppercase;display:block;padding:55px 19% 55px 0;text-align:right;margin-bottom:1px;background-color:#07bcdd}
.index_advantage .advantage_tabs .tabs_item:nth-child(1){background-color:#07bcdd}
.index_advantage .advantage_tabs .tabs_item:nth-child(2){background-color:#019bcf}
.index_advantage .advantage_tabs .tabs_item:nth-child(3){background-color:#1472ba}
.index_advantage .advantage_tabs .tabs_item:nth-child(4){background-color:#215ca9}
.index_advantage .col_bd{width:62%;float:left;padding-left:7%}
.index_advantage .article_cell{width:100%;margin:0 0 80px}
.index_advantage .article_cell .cell_hd{width:25%;text-align:right;padding-left:0}
.index_advantage .article_cell .cell_hd p{font-size: 18px;
    margin-top: 25%;}
.index_advantage .article_cell .cell_bd{width:75%}
.index_advantage .article_cell .cell_tit{font-size:22px}
.index_advantage .article_cell .cell_desc{height:5.4em;line-height:1.8em;overflow:hidden;font-size:16px;text-transform:uppercase;padding-bottom:0}
.index_advantage .advantage_img{width:100%;display:block}
.index_advantage .advantage_img .img_item{display:block;width:100%;height:auto}
.index_advantage .advantage_img .img_item img{display:block;width:100%;height:auto}
@media screen and (min-width:951px){.index_advantage .advantage_tabs .tabs_item:hover{font-size:22px;background-color:#16385e!important;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);z-index:1}
}
.clearfix:after, .layout:after, .sys_row:after, .web_main:after, .page_main:after, .nav_wrap .head_nav:after, .items_list ul:after, .product_items:after, .cate_items ul:after, .web_head .logo:after, .product-intro:after, .detail-tabs:after, .foot_item .news_cell:after, .cate_items:after, .article_cell:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.article_cell .cell_bd {
    width: 78%;
    border-left: 2px solid #0091ca;
    float: left;
}.article_cell .cell_hd, .article_cell .cell_bd {
    padding: 0 30px;
}.article_cell .cell_hd, .article_cell .cell_bd {
    padding: 0 30px;
}
.article_cell .cell_hd {
    width: 22%;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.1;
    float: left;
}.article_cell .cell_tit, .article_cell .cell_tit a {
    color: #0091ca;
}
.article_cell .cell_tit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.nav_wrap .head_nav>li>a:after, .web_head .head-search .search-ipt, .index_project .project_item .item_info, .index_advantage .advantage_tabs .tabs_item, .brand_items .item_img img, .foot_txt_list li a:before, .gotop:after {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (max-width:951px){
.index_advantage .col_hd, .index_advantage .col_bd {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    float: none;
}
.index_advantage .advantage_tabs {
    text-align: center;
    padding-bottom: 30px;
}
.index_advantage .advantage_tabs {
    font-size: 0;
}
.index_advantage .advantage_tabs .tabs_item {
    font-size: 18px;
    padding: 0.3em 1em;
    margin: 0 1px 2px;    display: inline-block;}
    .index_advantage .article_cell .cell_hd {
    text-align: left;
}
.article_cell .cell_hd, .index_project .col_hd .hd_title, .index_company_intr .company_intr_title, .foot_news .col_hd .hd_title {
    font-size: 30px;
}
.article_cell .cell_hd {
    margin-bottom: 30px;
    text-align: left;
    padding-right: 0;
}
.article_cell .cell_hd, .article_cell .cell_bd {
    -webkit-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.article_cell .cell_bd {
    padding-left: 20px;
}
.article_cell .cell_tit {
    line-height: 1.2;
    font-size: 20px;
}
.index_advantage .article_cell .cell_hd {
    width: 100%;
    text-align: left;
    padding-left: 0;
    
    margin-bottom: 15px;
}
.index_advantage .article_cell .cell_bd {
    width: 100%;
}
.index_advantage .article_cell .cell_tit{
  font-size: 18px;
}
.index_advantage .article_cell .cell_desc{
  font-size: 14px;
}
.article_cell .cell_hd, .article_cell .cell_bd {
    padding: 0 15px;
}
.index_advantage {
    padding-top: 60px;
    padding-bottom: 60px;
  
}
.index_advantage .col_bd{
  padding: 0 5%;
}
.index_advantage .article_cell{
  margin-bottom: 40px;
}
}


/*优势*/
.inyoushi {
  padding: 60px 0;
}
.inyoushi .lmtit {
  font-size: 45px;
  text-align: center;
  margin-bottom: 5px;
}
.inyoushi .lmtit span {
  font-size: 70px;
  color: #03a3e6;
  font-weight: bold;
}
.inyoushi .lmjj {
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-bottom: 50px;
}
.inyoushi .nr {
  position: relative;
  height: 1625px;
}
.inyoushi .nr .xian {
  height: 1050px;
  width: 1px;
  background: #03a3e6;
  left: 50%;
  top: 70px;
  position: absolute;
  z-index: 9;
}
.inyoushi .nr .li {
  position: absolute;width: 100%;
}
.inyoushi .nr .li .pic {
  width: 580px;
  float: left;
}
.inyoushi .nr .li .sz {
  width: 70px;
  height: 70px;
  background: #03a3e6;
  line-height: 70px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  float: left;
  border-radius: 50%;
/*  margin: 70px 75px 0 35px;*/
  z-index: 99;
  position: absolute;
   top:70px;left: 50%;transform: translate(-50%, 0);
   margin-left: -35px;
}
.inyoushi .nr .li .wz {
  float: right;
  margin-top: 70px;
  width: 460px;
}
.inyoushi .nr .li:nth-child(2n+1) .wz{
  float: left;
}
.inyoushi .nr .li:nth-child(2n+1) .wz .jj{
  text-align: right;
}


.inyoushi .nr .li .wz .tit {
  font-size: 28px;
  color: #03a3e6;
  margin-bottom: 20px;
}
.inyoushi .nr .li .wz .jj {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.inyoushi .nr .li.li2 .pic {
  float: right;
}
.inyoushi .nr .li.li2 .sz {
  float: right;
/*  margin: 70px 35px 0 75px;*/
}
.inyoushi .nr .li.li2 .wz {
  width: 360px;
}
.inyoushi .nr .li.li2 .wz .tit {
  text-align: right;
}
.inyoushi .nr .li.wz1 {
  top: 0;
  left: 0;
}
.inyoushi .nr .li.wz2 {
  top: 335px;
  right: 0;
}
.inyoushi .nr .li.wz3 {
  top: 690px;
  left: 0;
}
.inyoushi .nr .li.wz4 {
  top: 1035px;
  right: 0;
}
.inyoushi .nr .li .pic img{
  width: 100%;
}



@media screen and (max-width: 1200px) {
   .inyoushi {
    padding: 20px 0;height: auto;
  }
  .inyoushi .lmtit {
    font-size: 20px;
  }
  .inyoushi .lmtit span {
    font-size: 35px;
  }
  .inyoushi .lmjj {
    margin-bottom: 20px;
  }
  .inyoushi .nr .xian {
    display: none;
  }
  .inyoushi .nr {
    height: auto;
  }
  .inyoushi .nr .li {
    position: static;
  }
  .inyoushi .nr .li .pic {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  .inyoushi .nr .li .sz {
    display: none;
  }
  .inyoushi .nr .li .wz {
    width: auto;
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .inyoushi .nr .li .wz .tit {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .inyoushi .nr .li .wz .jj {
    font-size: 14px;
    line-height: 25px;
  }
  .inyoushi .nr .li.li2 .wz {
    width: auto;
  }
  .inyoushi .nr .li.li2 .wz .tit {
    text-align: left;
  }
  .inyoushi .nr .li:nth-child(2n+1) .wz .jj {
    text-align: left;
}
.inyoushi .nr .li:nth-child(2n+1) .wz {
    float: none;
}
}