@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:#1c2d5b }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 
@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }

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

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


body{ margin:0 auto;padding:0px;width:100%;font-family:Barlow-Regular;font-size:15px;color:#646464; margin:0px; }
.head_you{ width:65%;}
.ertxt{ color:#fff; margin-left:15px; margin-top:20px;}
.ertxt .tname{ font-size:28px;}
.ertxt .ename{ font-family:Barlow-Regular; font-size:14px; margin-top:5px; letter-spacing:2px;}

.nav{  float:left; width:95%;}
.nav ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between}
.nav li {float: left;list-style: none;font-size: 17px;text-align: center;box-sizing: border-box; position: relative; }
.nav li a:hover:before {width: 100%;}
.nav li:hover:after,.nav li.cur:after{width:100%;}
.nav li a {padding-right:0px;z-index: 1; color: #fff;
display: block;text-align: center;position: relative;height:55px;line-height: 55px;}
.nav  li a:hover{color:#1c2d5b}
header.bg .nav  li a:hover{color:#1c2d5b}
.nav li.hover a, .nav li:hover a { color:#03448b }
header.bg .nav li.hover a, header.bg .nav li:hover a { color:#03448b }
.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: 72px; width: 100%;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: 15px;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:#e67114;}
header.bg h1 img{ padding-top:5px; padding-bottom:5px;}
header.bg .nav li a{color: #333;}
.nav1{ width:170px!important; float:left;margin-left:0px!important;}
.nav2{ width:200px!important; float:left;margin-left:-9px!important;}
.sou{ margin-top:8px;}
.header.active {
  color: #fff;
}



.pepMore {
    display: inline-block;
    border-radius: 38px;
    border: 1px solid #fff;
    text-transform:capitalize;
    font-size: 13px;
    line-height: 1;
    padding: 20px 28px;
    letter-spacing: 1px;
    margin-top: 35px;
    font-weight: 300;
    transition: all 0.48s;
}

.pepMore.white {
    border-color: #fff;
    color: #fff;
}

.pepMore.hover,
.pepMore:hover {


    color: #fff;

}


/*  */
.banInner {
    position: relative;
    width: 100%;
    height: 58vh;
}



.banInner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banInner .banInner_mlb {
    display: none;
    height: auto;
}

/*  */
.conMore .more {
    display: inline-block;
    background: #1b4588;
    color: #fff;
    line-height: 1;
    padding: 16px 28px;
    letter-spacing: 0.5px;
    border-radius: 38px;
    text-transform: uppercase;
    font-size: 13px;
}

.conMore .more:hover {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

@keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}





/* swiper.js */
.swiper-pagination-bullet {
    width: 68px;
    height: 4px;
    border-radius: 6px;
    background: #fff
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 48px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-pagination-bullet-active {
    background: #fff
}

/*    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 .ertxt2 {
    display: none
}
.headLogo .headLogo_img2 {
    display: none
}

.headNav li {
    position: relative;
    margin: 0 28px;
    display: inline-block;
}

.headNav li::before {
    content: "";
    position: absolute;
    top: 30%;
    height: 40%;
    width: 1px;
    left: -34px;
    background: rgba(255, 255, 255, 0.18);
}

.headNav li:first-child:before {
    content: none;
}

.headNav a {
    font-weight: 300;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase; font-family:'PingFang'
}


.headR>a {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    /*   background: #139ff3; */
    border-radius: 38px;
    letter-spacing: 0.5px;
}

.headR path {
    fill: #fff;
}

.headTel {
    padding: 12px 0;
    font-size: 17px;
    font-weight: 300;
}

.headTel svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.headLang {
    padding: 12px 10px;
    position: relative;
    margin-left: 24px;
    padding-right: 0;
}

.headLang::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    background: #ccc;
    width: 1px;
    height: 14px;
    margin-top: -7px;
}

.headLang svg {
    width: 10px;
    height: 10px;
}
header.bg .headBox {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  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.bg .headLogo .ertxt1 {
    display: none
}
header.bg .headLogo .ertxt2 .ename{}
header.bg .headLogo .ertxt2 { color:#03448b;display: block}

header.bg .headNav a {
    color: #333;
}
header .headNav a span{
    display: block;
    text-align: center;
    width: 100%;
}
header.bg .headNav a:hover {
    color: #158bda;
}

header.bg .headNav li::before {
    background: rgba(0, 0, 0, 0.18);
}

header.bg .headR>a {
    color: #333;
}

header.bg .headR path {
    fill: #333;
}



/* banner */
.banner {
    position: relative;
    width: 100%;
    height: 100vh;
}

.banImg {
    position: relative;
    width: 100%;
    height: 100vh;
}

.banImg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1c2e41;
    /* background: #3f428e; */
    opacity: 0.1;
}

.banImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.banTxt {
    position: absolute;
    top: 35%;
    left: 7%; width:70%;
}

.banTxt .pepMore {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

.banTxt>span {
    display: block;
    font-weight:normal;
    text-transform:capitalize;
    color: #fff;
    font-size: 20px;font-family:Barlow-Regular;
    line-height: 1.5; margin-top:15px;
  /*  letter-spacing: 2px;
    text-shadow: 0 1px 1px #333;*/ font-family:Helvetica-Neue-2
}@font-face {
	font-family:Helvetica-Neue-2;
	src: url('../fonts/Helvetica-Neue-2.ttf'); }

.shangceng{ position:relative}
.fafa{content: " ";
background: rgba(0,15,38,.3);
position: absolute;
left: 0px;
right: 0px;
z-index: 200;
width: 100%;
height: 100vh;}


.banTxt>p { font-family:Barlow-Regular;
color:#fff; font-weight:bold; text-transform:capitalize; font-size:40px;
/*    text-shadow: 0 1px 1px #000;*/

}

.banner .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}

.swiper-slide-active .banTxt {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: fadeInRightBig 1.2s 1s 1;
    animation: fadeInRightBig 1.2s 1s 1;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.scroll {
    padding-bottom: 160px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    z-index: 100;
}

.scroll span.txt {
    display: block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.01em;
    transform: rotate(90deg);
    margin-top: 1em;
    margin-left: 0.5em;
}

.scroll span.line {
    display: block;
    width: 1px;
    height: 140px;
    background-color: #729295;
    position: absolute;
    left: 50%;
    bottom: 0;
    overflow: hidden;
}

.scroll span.line::before {
    content: "";
    display: block;
    width: 1px;
    height: 120px;
    background-color: #fff;
    position: relative;
    animation-name: scrollLine;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes scrollLine {
    0% {
        top: -100%;
    }

    50% {
        top: 0;
    }

    100% {
        top: 100%;
    }
}





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

.sou{ }
header.bg .icon-sousuo { color:#333}
.icon-sousuo {
  cursor: pointer;
  text-align: center;
  width: 40px; margin-top:10px; color:#fff;font-size: 20px;
}

.wd1300{ width:1300px; margin:0 auto; padding-top:60px; padding-bottom:70px; overflow:hidden;}

/*首页产品*/
.index_pro{background: url(../images/probg.jpg) center no-repeat;
  background-attachment: scroll;
  background-size: auto;
width: 100%;
height: 725px;
background-attachment: fixed;
background-size: cover;}

.promore{ margin:0 auto; margin-top:50px; text-align:center; border:1px solid #fff; line-height:40px; width:150px; border-radius:25px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.promore a{ color:#fff;}
.promore:hover{ background:#fff; border-radius:0px;}
.promore:hover a{ color:#03448b}

.wtitle{ text-align:center; margin:0 auto}
.wtitle .hname{ font-size:40px; font-weight:normal; font-family:Barlow-Regular}
.wtitle .sname{ color:#333; font-size:28px;font-family:Barlow-Regular }

.wtitle .hname2{ font-size:45px; font-weight:normal; color:#333;font-family:Barlow-Regular}
.wtitle .sname2{ color:#999; width:65%; margin:0 auto; line-height:30px; font-size:18px; font-family:Barlow-Regular}

.index_pro .wtitle .hname{ color:#fff}
/*首页产品*/
.main .new .left, .right {
	overflow: hidden;
	position: relative;}


.clearfix:after{
	display:block;
	content:"";
	clear:both;}


.conter{
	width: 100%;
	margin: 0 auto;


}

.main .new .text{
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	padding: 30px;
	position: absolute;
	bottom: -60px;
	left: 0;
	transition: all .5s;
}

.main .new .text p {
	margin: 5px 0;
}

.main .new .text .cate {
	color: #fff;
	font-size:20px;
	line-height: 1.6;
}

.main .new .text .name {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

.main .new .text a {
	display: block;
	margin-top: 40px;
	color: #fff;
}
.main .new .text a span{
	margin-left: 10px;
	color: #f00;
}
.main .new .new1-content {
	margin: 20px 0;
}

.new3-content{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.main .new .new1-content .left,
.right {
	max-height: 315px;
}

.main .new .left{ cursor:pointer; }

.main .new .new1-content .left img {
	height: 315px;
}

.main .new .new1-content .right img {
	height: 315px;
}

.main .new .new2-content {
	margin: 20px 0;
}

.main .new .new2-content .left,
.right {
	max-height: 315px;
}

.main .new .new2-content .left img {
	height: 315px;
}

.main .new .new2-content .right img {
	height: 315px;
}

.main .new .new3-content {
	display: flex;
	justify-content: space-between;
}

.main .new .new3-content .left { width:100%;
	max-height: 370px; margin-right:1px;
}

.main .new .new3-content .left img { width:100%; height:370px;object-fit: cover;
}

.main .new img {
	transition: .5s all;
}

.main .new .left:hover img{
	transform: scale(1.08);
}
.main .new .left:hover .text{
	position: absolute;
	bottom: 0;
}
.main .new .right:hover img{
	transform: scale(1.08);
}
.main .new .right:hover .text{
	position: absolute;
	bottom: 0;
}


@media all and (max-width:1259px){

.conter{width: 100%!important;}
.right {

	max-height: 415px;
}

.main .new .new2-content .left img {
	width:100%!important;
	height: 415px;
}
.main .new .new3-content .left {
	width:100%!important;
	max-height: 293px;
}

.main .new .new3-content .left img {
	width:100%!important;
	height: 293px;
}


}

@media all and (max-width:768px){
.conter{ width:100%;}
.name{ }

.main .new .new3-content {
	display: block;
	justify-content: space-between;
}
.new3-content{ display:none;}
.main .new .new2-content .right{ margin-top:20px;}
.main .new .new2-content .right img{ height:100px;}
.main .new .text .cate{ font-size:17px; line-height:26px;}
.main .new .new2-content {
	margin-bottom: 20px!important;
}
.main .new .new3-content .left {
	width:100%!important;
	max-height: 200px;
}

.main .new .new3-content .left img {
	height: 200px;
	width:100%!important;
}


}
.name{ font-family:Arial, Helvetica, sans-serif;}
.wenzi{ text-align:center}
.wenzi h2{ font-size:45px; padding:0px; margin:0px; color:#000;}
.wenzi h3{ font-weight:normal;font-size:17px; margin-top:10px;color:#555}
.join{ width:100%; margin:0 auto; background:url(../images/bg34.jpg) no-repeat center; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:489px; text-align:center; color:#FFFFFF; font-size:40px; font-weight:700; line-height:50px; padding-top:190px; clear:both}

.join span{ font-size:22px; font-family:Barlow-Regular; font-weight:400;}
.a_more{ font-size:17px; color:#fff!important; line-height:50px; width:200px; margin:auto;display:inline-block; 
  border: 1px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:30px
}
.a_more a{  color:#fff!important;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #419120;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}


/*首页公司简介*/
.index_about h2{ color:#d8261c; font-size:40px;}
.index_about .hname{font-size:45px; color:#1c2d5b}
.index_about .sname{margin-top:20px;}
.index_about  .wtitle{ padding-bottom:30px;}
.index_about .abnr{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; line-height:40px; font-size:18px; text-align:center; width:85%; margin:0 auto; color:#999}
.index_about{ margin-top:20px;}
.aline{ background:#e8e8e8 ; width:100%; height:1px; margin-top:-10px; margin-bottom:60px;}
.index_about_2{ width:85%; margin:0 auto; padding-bottom:60px;}
.index_about_2 ul{display: flex;flex-wrap: wrap;justify-content:space-between; }
.index_about_2 ul li{ width:30%; text-align:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; cursor:pointer}
.index_about_2 ul li .inmore{ border:1px solid #ddd; width:20px; height:20px; line-height:18px; font-family:"黑体"; font-size:15px; color:#ddd; text-align:center; border-radius:50px; margin:0 auto;}
.index_about_2 ul li .inname{ font-size:18px; margin-top:20px; margin-bottom:20px; color:#333;}
.index_about_2 ul li .inmiao{ width:80%; margin:0 auto;color:#848586; font-size:15px; line-height:25px; margin-bottom:20px;}
.index_about_2 ul li:hover .inmore{ background:#d8261c; color:#fff; border:1px solid #e60012}

.index_about_2 ul li .intu{ background:#d8261c; width:60px; height:60px; margin:0 auto; border-radius:50px;display: flex;justify-content: center;
align-items: center;}
.index_about_2 ul li .intu img{ height:40px;}
.index_about_2 ul li:hover{ transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}


.cona{ width:80%; margin:0 auto; }

@keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}


.counter{ color:#1c2d5b}
.ul-num{clear: both;}
.ul-num li:last-child{ border-right:0px;}
.ul-num li{float: left; width: 25%;color: #555;text-align:center;}
.neirong .cona { background:#1c2d5b!important; padding-top:30px; padding-bottom:30px;width:100%}
.neirong .cona .ul-num li{ margin-left:0px; width:50%}
.neirong .cona .ul-num li:nth-child(1){ margin-bottom:30px;}
.neirong .cona .ul-num li:nth-child(2){ margin-bottom:30px;}

.neirong .ul-num span{ color:#fff;font-size: 35px;}
.neirong .ul-num p{color:#fff; }
.neirong .ul-num .txt{color:#fff;}



.ul-num span{ color:#333333;font-size: 45px; font-weight:bold; position: relative; padding-right:10px; font-family:impact;
	line-height: 1;margin-bottom: 10px;}

.ul-num span:after{vertical-align: top;position: relative;top: 5px;
	font-size: 34px;font-family: arial;margin-left: 10px;
}
.ul-num p{font-size: 16px; text-align:center; color:#555; margin-top:5px;}
.ul-num .txt{overflow: hidden;color:#333; font-size:14px;}

.more01{ font-size:17px; color:#fff!important; line-height:50px; width:200px; margin:0 auto;display:block; 
  border: 0px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:60px; background:#1c2d5b; margin-bottom:60px;
}
.more01 a{  color:#fff!important; text-align:center!important; display:block
}
.more01:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e67114;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.more01:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.more01:hover{ color:#fff;}



/*业务优势*/
.super{ width:100%; margin:0 auto;}
.super_m{width: 1300px;height: 496px; margin:0 auto; margin-top:50px}
.super_m ul li{width: 100%;height: 466px;line-height: 0;overflow: hidden;}
.super_m ul li img{height: 466px;object-fit: cover;}
.super_nav ul {width:1300px; margin:0 auto;}
.super_nav ul li{float: left;width: 433px;height: 285px;padding: 32px 40px 0;position: relative;font-size: 14px;color: #333;z-index: 1;box-sizing: border-box;}
.super_nav ul li:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;left: 0;}
.super_nav ul li:after{content: "";width: 100%;height: 0;background: #1c2d5b;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1;}
.super_nav ul li em{width: 55px;height: 65px;display: block;line-height: 0;overflow: hidden;-webkit-transition:all .5s;transition:all .5s; }
.super_nav ul li em img{width: 55px; padding:0px;}
.super_nav ul li h5{font-size: 28px;overflow: hidden; padding:0px;  margin:0px;padding-top:20px;}
.super_nav ul li b{color: #024c96;padding-left: 10px;}
.super_nav ul li span{ padding-top:30px;line-height: 22px;color: #666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.super_nav ul li.on,.super_nav ul li.on b{color: #fff;}
.super_nav ul li.on:after{height: 375px;}
.super_nav ul li.on em{margin-top: -50px;}
.super_nav ul li.on em img{margin-top: -60px;}
.super_nav ul li.on span{color: #fff;}
.super_nav ul li.on .ygd a{ color:#fff}
.super_nav ul li:first-child:before{background: none;}
.ygd{ margin-top:30px;}

.poeidsk{ display:none}


.super_m{ display:block}
.super_nav{ display:block}




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

/*首页新闻*/
.news_top {display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; }
.news_top .news_z p{ font-size:30px; color:#333; margin-bottom:15px; font-family:Barlow-Regular}
.news_top  .news_z span{ font-size:16px; color:#999;  font-family:Barlow-Regular}
.news_y ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; margin-top:29px;}
.news_y { width:32%;}
.news_y ul li{ border:1px solid #1c2d5b; width:31%; border-radius:25px; line-height:40px; text-align:center}
.news_y ul li:nth-child(1){ background:#1c2d5b;}
.news_y ul li:nth-child(1) a{ color:#fff}
.newsbg{ background:#fafafa; margin-top:85px}
.newsbg .wd1300{ padding-top:50px; padding-bottom:50px;}
.index_news{display: flex; flex-wrap: wrap; justify-content: space-between;}
.syxw{width:31%; height:450px; position:relative;}
.syxwimg{width:100%; height:270px; position:absolute; z-index:1;}
.syxwimg img{ height:270px; width:100%;object-fit: cover;}
.syxwnr{ width:80%;height:auto; padding:8% 5%; background:#FFF; position:absolute; z-index:2; left:5%; bottom:0px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.syxwnr:hover{box-shadow: 0 0 10px rgba(255,94,16,0.4); margin-bottom:10px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.syxwnrbt{color:#212121; font-size:16px; font-weight:bold; line-height:26px; height:52px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; margin-bottom:20px;}
.syxwnrbt a{color:#212121;}
.syxwnrbt a:hover{color:#ff8b00;}
.syxwnr01{color:#555;  font-size:14px; line-height:24px;  text-align:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.syxwnran a{color:#ff8b00; margin-top:15px; font-size:14px;  line-height:26px; display:block;}

/*首页重点产品*/
.hl_main5_content3{border-top:none; position:relative; z-index:1; margin-top:50px;}
.hl_main5_content3 a{ color:#fff;}
.hl_main5_content13{width:88%;overflow:hidden; float:left;  margin:0 auto; overflow:hidden; padding-left:20px; }
.hl_main5_content13 ul{width:16000px; overflow:hidden!important; padding-top:20px; padding-bottom:20px;}
.hl_main5_content13 ul li{float:left; display:inline;  margin-right:15px;  margin-left:16px; border-radius:5px; background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.07); padding:20px 10px; width:232px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; }
.hl_main5_content13 ul li .pname{ font-size:16px; text-align:center; color:#555;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.pmore{ border:1px solid #d8d8d8; line-height:25px; text-align:center; width:90px; margin:0 auto; border-radius:50px; color:#999; font-size:13px; margin-top:20px;}


/*.hl_scrool_leftbtn3:hover { background:url(../images/left2.png) no-repeat center; width:50px; height:50px; cursor:pointer; float:left; margin-top:150px;}*/
.hl_scrool_leftbtn3{ background:url(../images/left.png) no-repeat center; width:50px; height:50px; cursor:pointer; float:left; margin-top:150px;}
.hl_scrool_rightbtn3{ background:url(../images/right.png) no-repeat center; width:50px; height:50px;cursor:pointer; float:right;margin-top:150px;}
/*.hl_scrool_rightbtn3:hover{ background:url(../images/right2.png) no-repeat center; width:50px; height:50px;cursor:pointer; float:right;margin-top:150px;}*/
.hl_main5_content13 ul li .calie{ width:100%; height:200px;  display: flex;justify-content: center;align-items: center; overflow:hidden; margin-bottom:15px; }
.hl_main5_content13 ul li .calie  img{max-width:100%;max-height:200px; transition: all 0.8s;}
.hl_main5_content13 ul li:hover img{   transform: scale(1.1);}
.hl_main5_content13 ul li:hover{ transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}
.hl_main5_content13 ul li:hover h3{ color:#fff;}
.hl_main5_content13 ul li:hover h2{ color:#fff;}
.hl_main5_content13 ul li:hover .pmore{background:#1c2d5b; color:#fff}
.probg{ background:#1c2d5b; margin-bottom:80px;}
.probg .hname2{ color:#fff;}
.probg .sname2{ color:#fff; opacity:0.6;}


/*-------底部-----------*/
.foot{ background:#1c2d5b; width:100%; margin:0 auto;color:#fff}
.foot .wd1300{ padding-bottom:40px; padding-top:70px; border-bottom:1px solid rgba(255,255,255,0.1);display: flex; /*flex-wrap: wrap;*/ justify-content: space-between}
.foot .fbt{ color:#fff; font-size:20px; margin-bottom:15px; }
.foot .faline{ background:#419120; height:2px; width:30px;margin-bottom:15px;}
.foot ul li{ line-height:30px;}
.foot ul li a{ color:#eee; font-size:15px;}
.ftxt{ line-height:30px;font-size:15px; color:#fff}
.ewm p{ text-align:center; padding-top:10px;}
.wechat img{ padding:5px; background:#fff; border-radius:5px; text-align:center}
.wechat{ text-align:center; margin:0 auto}
.banquan{ width:1300px; margin:0 auto;line-height:30px; color:#aaa;  padding-top:20px; padding-bottom:20px; }
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #aaa;}
a.zzb07link:hover {text-decoration: underline;color: #aaa;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#aaa;}

.shejiao ul li{ float:left; margin-right:20px; margin-top:20px;transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.shejiao ul li:hover{transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}

.dizhi{ line-height:30px; padding-top:15px; font-size:17px;}
.flogo .dianhua{ margin-top:25px; font-family:impact; font-size:30px; letter-spacing:2px; color:#e67114;}
.flogo{ width:33%;}

/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #1c2d5b; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #1c2d5b; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #1c2d5b; font-weight: normal;}
.contentPage a:visited {color: #1c2d5b; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #1c2d5b; 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:#1c2d5b;font-weight:normal;}
.contentPage .current{color:#1c2d5b; 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;}



/*内页*/
/*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;
}

.weizhi{ width:1300px; margin:0 auto; padding-top:15px; padding-bottom:15px; line-height:35px; }
.position{ font-size:15px; margin-top:3px;
	overflow:hidden;
	color:#838383;
	line-height:30px; padding-left:30px;
	background:url(../images/icon27.png) no-repeat left center;

	}
.position span{ padding-left:7px; padding-right:7px;}	
.wbg{ background:#f2f2f2}

/* nmenu */
.nmenu{overflow:hidden;}
.nmenu ul{
	overflow:hidden;
	margin:0;
	}
.nmenu ul li{
	overflow:hidden;
	float:left;
	line-height:35px;
	padding:0 34px;
	text-align:center;
	position:relative;
	}
.nmenu ul li:after{
	content:"";
	width:1px;
	height:18px;
	background:#c9c9c9;
	position:absolute;
	right:0;
	top:10px;
	}
.nmenu ul li:first-child{
	padding-left:0;
	}
.nmenu ul li:last-child{
	padding-right:0;
	}
.nmenu ul li:last-child:after{
	display:none;
	}
.nmenu ul li a{
	font-size:16px;
	color:#5a5a5a;
	display:block;
	position:relative;
	padding-bottom:0px;
	}
.nmenu ul li a:after{
	content:"";
	width:0;
	height:1px;
	background:#1c2d5b;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	}
.nmenu ul li a:hover,.nmenu ul li.active a{
	color:#1c2d5b;
	font-weight:bold;
	}
.nmenu ul li:hover a:after{
	width:100%;
	}
	/*.nmenu ul li:hover a:after,.nmenu ul li.active a:after{
	width:100%;
	}*/


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

	
	

.banner_n .mouse{
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:50px;}
	
.nyabout{ background:url(../images/nyabout.jpg) no-repeat center top fixed;}
.nypro{ background:url(../images/ban4.jpg) no-repeat center bottom fixed;}
.nyyewu{ background:url(../images/nyyewu.jpg) no-repeat center top fixed;}
.nynews{ background:url(../images/nynews.jpg) no-repeat center top fixed;}
.nycon{ background:url(../images/nycon.jpg) no-repeat center top fixed;}
.nyjob{ background:url(../images/nyjob.jpg) no-repeat center top fixed;}


.banner_txt{color:#fff;text-align:center;margin:0 auto;padding-top:13%;}
.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;}


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

/*内页公司简介*/
.neirong .abzuo{ width:65%; line-height:30px;}
.neirong .abzuo .neititle{ text-align:left}
.neirong .abzuo .neititle .mcline{ background:#e67114; height:2px; width:50px;margin-top:20px; margin-bottom:40px; display:inline-block}
.neirong .abyou{ width:30%}
.neirong .abyou img{ width:100%}
.neititle .enmc{ font-family:Barlow-Regular; font-size:30px; text-transform:capitalize; margin-bottom:10px; color:#999}
.neititle .zmc{ font-size:30px; color:#333;}
.neititle .zmca{ font-size:40px; color:#333;text-transform:capitalize;font-family:Barlow-Regular; }
.neititle .mcline{ background:#e67114; height:2px; width:50px; margin:0 auto;margin-top:20px; margin-bottom:40px;}
.neirong .abzuo p{padding-bottom:20px; }
.neititle{ text-align:center; margin:0 auto;}

/*企业文化*/
#culture{ background-image: linear-gradient(#f3f3f3, #fff);}
#culture ul {display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
#culture ul li:nth-child(2){}
#culture ul li{ width:100%;margin-top:20px;transition: all 0.8s;padding-left:20px;padding-right:20px;}
.cubk{ background:#fff;padding:40px 25px;box-shadow: 0 2px 15px #ddd; }
.cubk h2{ color:#333; font-size:25px; font-weight:normal}
.cubk .cline{ background:#ce2b37; height:4px; width:50px; margin-top:20px; margin-bottom:20px;}
.cul_tu{ width:100%; display: flex;justify-content: center;
align-items: center;overflow:hidden}
.cul_tu  img{  width:100%; display:block;transition: all 0.8s;}
#culture ul li:hover img{   transform: scale(1.1);}
#culture ul li .cubk p{font-size:20px; margin-bottom:8px; color:#333;}
#culture ul li .cubk span{ color:#999}
/* --------------------发展历程----------------- */
.aboutCourse {position: relative; background-attachment: scroll;background-size: cover; background:url(../images/ablc.jpg) no-repeat center;}
.timeline-box { padding-top: 50px; padding-bottom: 50px; }
#timeline { width: 100%; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
#timeline:before { content: ""; width: 1px; height: 100%; background: #afc7cf; left: 50%; top: 0; position: absolute; }
#timeline:after { content: ""; clear: both; display: table; width: 100% }
#timeline .timeline-item { margin-top: 0; position: relative; }
#timeline .timeline-item .timeline-icon { background: #043b8b; width: 32px; height: 32px; line-height: 32px; font-size: 0; position: absolute; top: 0; left: 50.5%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; margin-left: -6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
#timeline .timeline-item .timeline-icon::before {content: ''; display: inline-block; width: 31px; height: 31px; background: url(../images/time-icon.png) center center no-repeat;  background-size: cover; position: absolute; top: 50%; left: 50.5%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#timeline .timeline-item .timeline-content { width: 46%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#timeline .timeline-item .timeline-content.right { float: right; }
.timeline-txt, .timeline-year { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.min-height100 {min-height: 100px;}
.hgd{ text-align:center; margin:0 auto; margin-top:40px;}
.hgd a{ font-weight:bold; color:#1c2d5b}
/*.titRtight {left: 60%;}*/
.titRtight {margin:0 auto;  text-align:center}
.titRtight h2{ margin:0 auto; text-align:center}
.bgfffab {height: 100%; position: absolute; left: 0; background: #fff; z-index: 1;}
.zeren{ margin:0 auto}
.timeline-year {
 color:#333!important;
}
.padding15 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h4, .h4 {
  font-size: 27px;
  line-height: 1.1em;
}
.tright {
  text-align: right;
}


/*企业荣誉*/
.hl_main5_content{border-top:none;  }
.hl_main5_content a{ color:#fff;}
.hl_main5_content1{width:90%;overflow:hidden; float:left;  margin:0 auto;padding-left:30px; overflow:hidden;}
.hl_main5_content1 ul{width:26000px; overflow:hidden!important;}
.hl_main5_content1 ul li{float:left;display:inline;padding-right:20px; padding-left:20px; padding-top:20px; width:350px; }
.hl_main5_content1 ul li h2{ text-transform:uppercase; font-size:15px; color:#0093dd; font-weight:normal; margin-bottom:5px;}
.hl_main5_content1 ul li p{ font-size:16px; color:#555; text-align:center}

.hl_scrool_leftbtn{ background:url(../images/left.jpg) no-repeat left; width:29px; height:57px; float:left; margin-top:160px; cursor:pointer;}
.hl_scrool_rightbtn{ background:url(../images/right.jpg) no-repeat left; width:29px; height:57px; float:right; margin-top:160px; cursor:pointer;}

.hl_main5_content1 ul li .calie{  height:350px;  display: flex;justify-content: center;align-items: center; overflow:hidden; margin-bottom:15px;border:1px solid #eee;box-shadow: 0 2px 15px #ddd;}
.hl_main5_content1 ul li .calie  img{height:350px; transition: all 0.8s;object-fit: cover;}
.hl_main5_content1 ul li:hover img{   transform: scale(1.1);}
.hl_main5_content1 ul li:hover p{ color:#1c2d5b}

/*内页产品列表*/
.product-list li {width: 23%;box-shadow: 0 0 20px rgba(51,51,51,.1);
float: left; height:280px; margin-left:1%; margin-right:1%; margin-bottom:30px; padding-bottom:20px;}
.product-list li img{/*width:auto!important; */margin:auto; text-align:center; max-height: 200px!important;}
.product-list li .tutu{ height:200px;  display: flex;justify-content: center;
align-items: center;}
.product-list li {display: block;line-height: normal;overflow: hidden;
position: relative;background:#fff}

.product-list li figure img {display: block; width:100%;transition: 424ms linear; }

.product-list li figcaption {
	display: block;
	color: #555;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(28, 45, 91, 0.2);
	background: #19aeae\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 1px solid #1c2d5b;
	border-right: 1px solid #1c2d5b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 1px solid #1c2d5b;
	border-bottom: 1px solid #1c2d5b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #1c2d5b;
}

/*产品详细页*/

.prozuo{ width:50%; border:1px solid #ddd}
/* DB_gallery */
#DB_gallery{}
#DB_gallery .DB_imgSet {position:relative;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_imgWin img{ display:block!important}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:100%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{ width:123px; height:73px; object-fit: cover;}
.DB_imgWin{height:550px; display: flex;justify-content: center;
align-items: center; width:100%}
.DB_imgWin img{ max-height:550px; width:100%; }
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0px;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:123px;height:73px;border:2px solid #ff0000;left:auto;top:0}

.proyou{ width:45%; font-size:35px;}
.proyou h2{font-size:35px; font-weight:normal; border-bottom:1px dashed #d8d8d8; padding-bottom:20px;}
.proyou ul li{ margin-top:30px; margin-bottom:30px;}
.proyou ul { margin-top:50px;}
.proyou ul li .texing{ font-size:20px; color:#333;}
.proyou ul li p{ font-size:16px; margin-top:10px; color:#808080}

.miaoshu .wd1300 img{ max-width:100%!important; height:auto!important}
.miaoshu{  margin-top:80px; min-height:120px;}
.miaoh{ font-size:20px; color:#fff;background:#e67114; height:50px; line-height:50px; text-align:center;}
.xiangguan{ background:#f4f4f4;}
.xiangguan h2{ text-align:center; font-size:35px; font-weight:normal; color:#000; margin-bottom:50px;}

/*生产研发*/
.yanfa:nth-child(2n){ margin-top:60px;}
.yanfa ul li{ float:left; width:48.5%; border-radius:10px; overflow:hidden; margin-bottom:40px;}
.yanfa ul li:nth-child(2n){ float:right}

.wenmiao{ font-weight:bold; font-size:25px; color:#1c2d5b; font-family:Barlow-Regular}
.wentxt{ font-size:16px; margin-bottom:30px; color:#848484; margin-top:20px;font-family:Barlow-Regular}
.yanfa ul li img{width:100%;height:400px; transition: all 0.8s;object-fit: cover;}
.yanfa ul li:hover img{   transform: scale(1.05);}

/*内页新闻*/
.xwzx_con1_u1 .divBox{font-size: 0; width:100%}
.xwzx_con1_u1 li{position: relative; float:left; width:100%}
.xwzx_con1_u1 li a{display: block;padding: 30px 0;position: relative;z-index: 2;}
.xwzx_con1_u1 li:nth-child(even) {background: #f6f6f6;}
.xwzx_con1_u1 li:after{content: '';display: block;width: 100%;height: 100%;background:#1c2d5b;background-size: cover;
position: absolute;top: 0;left: 0;transition: 0.3s ease-in-out;opacity: 0;}
.xwzx_con1_left{display: inline-block;vertical-align: middle;width: 248px;overflow: hidden;}
.xwzx_con1_left img{width:200px; height:120px;transition: 0.3s ease-out; margin-left:10%}
.xwzx_con1_middle{width: 10%;display: inline-block;vertical-align: middle;text-align: center;}
.xwzx_con1_right{width: calc(100% - 40%);display: inline-block;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-left: 20px;
padding-right: 0px;position: relative;transition: 0.3s ease-out;}

.xwzx_con1_right h2{font-size: 18px;color: #282828;transition: 0.3s ease-out; text-align:left}
.xwzx_con1_right h2:before{content: '';display: inline-block;width: 0;height: 1px;background:#282828;vertical-align: middle;transition: 0.3s ease-in-out;}
.xwzx_con1_right p{font-size: 14px;color: #999999;margin-top: 0px; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px;}
.xwzx_con1_middle b {font-size: 40px;color: #2c3238;font-family: arial;transition: 0.3s ease-out;}

.xwzx_con1_middle em {font-size: 16px;color: #999;font-family: arial;transition: 0.3s ease-out;}
/*.xwzx_con1_middle b {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}*/
.xwzx_con1_middle prc04 {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}



.xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{width: 20px;margin-right: 10px;}
.xwzx_con1_u1 li:hover .xwzx_con1_left img{transform: scale(1.05);}
.xwzx_con1_u1 li:hover .xwzx_con1_right:after{transform: rotate(180deg);color: #fff;}
.xwzx_con1_u1 li:hover:after{opacity: 1;}
.xwzx_con1_u1 li:hover .xwzx_con1_right{border-left: 1px solid rgba(250,250,250,.2);}
.xwzx_con1_u1 li:hover .xwzx_con1_right h2{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_right p{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_middle b{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_middle em{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{background:#fff;}

.newsxx{ text-align:center;}
.newsxx h2{ font-size:20px;}
.newsxx h3{ color:#bbbbbb; font-size:14px;}
.news_detail{ margin-top:40px;}
.news_detail img{ max-width:100%!important; height:auto!important}





.fanhui ul {  margin-top:30px; padding-top:10px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; }
.fanhui ul li{ font-size:15px; line-height:40px; text-align:left;width:33%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:right;width:33%;}
.fanhui ul li:nth-child(2){ width:33%; margin:0 auto; text-align:center;    }
.fanhui ul li:nth-child(2) a{ display:block;background:#e67114; width:120px; color:#fff;margin: 0 auto;text-align: center;}


/*人才招聘*/
.job_1{
overflow:hidden;}
.job_1_1{
margin-top:2.8em;}
.job_1_1 ul li{
float:left; width:33.33333333333%;}
.job_1_1_1{
position:relative; overflow:hidden;}
.job_1_1_1 img{
width:100%;}
.job_1_1_1_jj{
position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;}
.job_1_1_1_jj_mid{
margin:1.5em;}
.job_1_1_1_jj_mid_1{
font-size:1.5em;}
.job_1_1_1_jj_mid_2{
font-size:15px; margin-top:0.4em;}
.job_1_2{
font-size:1em; line-height:2; margin:2.5em 0 4em 0; color:#000; text-align:center;}
.jobs_2{ padding-bottom:6.25em;
overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img6.jpg);}
.jobs_2_1{ margin-top:2.8em;
text-align:center; padding:2.25em; background-color:#fff;}
.jobs_3{
overflow:hidden; padding-bottom:5.5em;}
.jobs_3_1 ul li{
float:left; margin-bottom:1.6875em; width:49%;}
.jobs_3_1 ul li:nth-child(2n){
float:right;}
.jobs_3_1_1{
overflow:hidden;}
.jobs_3_1_1 img{
width:100%;}
.jobs_3_1{
margin-top:3.5em;}
.jobs_4{transition: all 0.8s;
overflow:hidden; margin:0 ; padding:0}
#mid{  margin: 0 auto;}
.jobs_4_1{overflow:hidden;
background-image:url(../images/img11.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jobs_4_1_1{ margin-top:3.766666666666667em;
text-align:center; font-size:1.875em;}
.jobs_4_1_2{ letter-spacing:0.08em;
font-size:3em; text-align:center; margin-top:0.5em; margin-bottom:2em;}
.jobs_4_1_3{ padding:1.5em 0; margin-bottom:0.625em;
background-color:#1c2d5b; overflow:hidden;}
.joblist li{ 
float:left; width:25%; list-style:none}
#mid h3 {
    width: 1200px;
    float: left;
    font-size: 35px;
    color: #313131;
    font-weight: normal;
    text-align: center;
    padding-bottom: 10px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'AlibabaSans-Regular';
}

.joblist li:nth-child(4){
width:25%;}
.joblist li.showjobinfo{ display:none;
width:100%; clear:both; background-color:#fff;  }
.joblist_mid{
padding-left:2em; padding-right:2em;}
.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{
text-align:center}
.joblist_mid_t{
font-size:16px; color:#fff}
.joblist{
display:block;}
.jobs_4_2{
 padding-top:5px; overflow:hidden;}
.jobs_4_2 ul{ cursor:pointer;
background-color:#fff; border:1px #d3d7df solid; margin-bottom:5px; margin-left:0; padding:0}
.jobs_4_2 ul li{
min-height:3.3em;}
.joblist_mid_c{
padding:1em 0; color:#333}
.showjobinfo_mid{
padding:1em 2em 0em 2em; }
.showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:1.7em; color:#333}
.jobs_4_2 ul.on{background-color:#788694;}
.jobs_4_2 ul.on .joblist_mid_c{
color:#fff;}
.jobs_4_2 ul.joblist.on li.showjobinfo{
display:block}
.showjobinfo_mid_2 a{ padding:0.45em 2em;
display:inline-block; color:#fff; background-color:#194695;}
.showjobinfo_mid_2 a span{ padding-left:20px;
background-position:left center; background-repeat:no-repeat; display:inline-block; background-image:url(../images/img5.png);}
.jobs_4_2_2{
margin:3em 0 5.5em 0}
.jobs_4_2_2 a{
border:1px #d3d7df solid;}








@media all and (max-width:550px){
#mid {
    width: 100%;
    margin: 0 auto;
    margin-top: 3%;
}.nei2 {
    width: 100%;
}

.joblist_mid_t {
    font-size: 15px;
    color: #fff;
}
.jobs_4_2 ul li:nth-child(3){ display:none}
.jobs_4_2 ul li:nth-child(2){ display:block}

.joblist li:nth-child(3){ display:none}
.joblist li:nth-child(2){ display:block}
.joblist li:nth-child(1){ width:40%}
.joblist li {
    float: left; width:25%;
    list-style: none;
}
.joblist_mid {
    padding-left: 1em;
    padding-right: 1em;
}
}

/*内页联系我们*/
.dity{ }
.neilian{ background:#fafafa; padding:50px 30px; text-align:center}
.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;}

.liu_zuo{ width:45%; margin-top:70px;}
.liu_zuo h2{ color:#e67114; font-family:Arial, Helvetica, sans-serif; font-size:35px;}
.liu_zuo h3{ color:#000; font-size:30px; font-weight:normal; margin-top:10px; margin-bottom:30px;}
.liu_zuo h4{ line-height:30px; color:#aaa; font-weight:normal; font-size:16px;}
.liu_you{ width:50%}
.liu_you ul li{ margin-bottom:15px;}
.liu_you ul li .fl{ background:#f4f6f8; outline:none; line-height:50px; border:none; width:90%; padding-left:3%; color:#ddd; height:50px;}
.teshu{ background:#f4f6f8; padding-left:3%}
.liu_you ul li textarea{border: none ;
background:#f4f6f8;
width: 100%;
font-size: 16px;
outline: none; line-height:50px;}
.liu_you ul li input{border: none ;
background:#f4f6f8;
width: 100%;
font-size: 16px;
outline: none; line-height:50px;}

.yanzhengma{ width:50%;background:#f4f6f8; outline:none; line-height:50px; border:none;  padding-left:3%; color:#ddd; height:50px;}
.anniua{ background:#f4f6f8!important; width:150px; line-height:50px; text-align:center; color:#fff; cursor:pointer; display: inline-block;}
.anniu3{ 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}
.anniu3 { margin-top:1.5em;}
.anniu3:hover{background-color:#999;}
.liu_zuo h4 {
  line-height: 30px;
  color: #aaa;
  font-weight: normal;
}


 .zmcb{ font-size:25px;}
  .zmcc{ font-size:16px; color:#999; padding-top:10px;}
  .newsdetail{margin-top: 50px;
background: rgba(250,250,250,0.8); padding:50px; line-height:30px;}




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

.banner {
    position: relative;
    width: 100%;
    height: 50vh;
}

.banImg {
    position: relative;
    width: 100%;
    height: 50vh;
}	


.banTxt>p { font-size:20px;}
.banTxt>span {font-size: 16px;}
.pepMore { padding: 10px 18px; margin-top: 25px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 18px;}
.banTxt {top: 30%;}



/* 发展历程 */
.timeline-box { padding-top: 0; padding-bottom: 30px; }
#timeline:before { left: 10px; }
#timeline .timeline-item { margin-top: 30px; }
#timeline .timeline-item .timeline-content { width: 94%; float: right; }
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before { left: 6%; margin-left: -8px; border-left: 0; border-right: 9px solid #ececec; }
#timeline .timeline-item .timeline-icon { left: 18px; width: 22px;height: 22px; }
#timeline .timeline-item .timeline-icon::before {width: 20px;height: 20px;}
.absurveNum .area_50 {width: 45% ;float: left;}
.min-height100 {min-height: 80px;}

.tright {text-align: left;}
.padding15 {padding: 15px; padding-top:0px;}



.wd1300{ width:95%; padding-top:40px; padding-bottom:40px;}
.wtitle .hname{ font-size:30px;}
.wtitle .sname{font-size:20px;}
.wtitle .hname2{ font-size:30px; }
.wtitle .sname2{ width:95%; font-size:16px; }



/*首页公司简介*/
.index_about .hname{font-size:30px;}
.index_about .sname{margin-top:15px;}
.index_about  .wtitle{ padding-bottom:15px;}
.index_about .abnr{line-height:30px; font-size:15px;  width:95%;}
.index_about{ margin-top:0px;}
.cona {width: 95%;}

.ul-num li:last-child{ border-right:0px;}
.ul-num li{float: left; width: 25%;color: #555;text-align:center;}
.neirong .cona { background:#1c2d5b!important; padding-top:30px; padding-bottom:30px;width:100%}
.neirong .cona .ul-num li{ margin-left:0px; width:50%}
.neirong .cona .ul-num li:nth-child(1){ margin-bottom:30px;}
.neirong .cona .ul-num li:nth-child(2){ margin-bottom:30px;}

.neirong .ul-num span{ color:#fff;font-size: 20px;}
.ul-num span{font-size: 25px;}
.ul-num p{font-size: 14px; }

.more01{ font-size:15px; line-height:40px; width:150px;margin-top:40px; margin-bottom:40px;}



/*业务优势*/
.super{ width:100%; margin:0 auto;}
.super_m{width: 1300px;height: 496px; margin:0 auto; margin-top:50px}
.super_m ul li{width: 100%;height: 466px;line-height: 0;overflow: hidden;}
.super_m ul li img{height: 466px;object-fit: cover;}
.super_nav ul {width:1300px; margin:0 auto;}
.super_nav ul li{float: left;width: 433px;height: 285px;padding: 32px 40px 0;position: relative;font-size: 14px;color: #333;z-index: 1;box-sizing: border-box;}
.super_nav ul li:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;left: 0;}
.super_nav ul li:after{content: "";width: 100%;height: 0;background: #1c2d5b;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1;}
.super_nav ul li em{width: 55px;height: 65px;display: block;line-height: 0;overflow: hidden;-webkit-transition:all .5s;transition:all .5s; }
.super_nav ul li em img{width: 55px; padding:0px;}
.super_nav ul li h5{font-size: 28px;overflow: hidden; padding:0px;  margin:0px;padding-top:20px;}
.super_nav ul li b{color: #024c96;padding-left: 10px;}
.super_nav ul li span{ padding-top:30px;line-height: 22px;color: #666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.super_nav ul li.on,.super_nav ul li.on b{color: #fff;}
.super_nav ul li.on:after{height: 375px;}
.super_nav ul li.on em{margin-top: -50px;}
.super_nav ul li.on em img{margin-top: -60px;}
.super_nav ul li.on span{color: #fff;}
.super_nav ul li.on .ygd a{ color:#fff}
.super_nav ul li:first-child:before{background: none;}
.ygd{ margin-top:30px;}

.poeidsk{ display:block; width:95%; margin:0 auto; margin-top:40px;}


.super_m{ display:none}
.super_nav{ display:none}

.poeidsk ul li{ width:100%;}
.poeidsk ul li img{ width:100%;}
.poeidsk ul li span{ width:90%; padding:5%;  display:block; background:#fafafa;}
.poeidsk ul li span span{  padding:0; }

.poeidsk ul li span em{width: 35px;height: 35px;display: block;line-height: 0;overflow: hidden;-webkit-transition:all .5s;transition:all .5s; margin-top:0px}
.poeidsk ul li span em img{width: 35px;height:auto}
.poeidsk ul li span h5{font-size: 28px;line-height: 40px;overflow: hidden;}
.poeidsk ul li span b{color: #024c96;padding-left: 10px;}
.poeidsk ul li span span{padding-top: 20px;line-height: 22px;color: #666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; width:100%;}

.poeidsk ul li span h5 {
    font-size: 18px;
    line-height: 30px;
    height:auto; padding:0px; margin:0px; padding-top:15px; margin-top:15px;padding-bottom:10px;
    overflow: hidden;
    padding-top: 0px;
}
.poeidsk ul li span span {
    padding-top: 0px;
    line-height: 22px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}





/*首页新闻*/
.news_top {display: block; text-align:center; margin:0 auto; }
.news_top .news_z p{ font-size:30px; text-align:center}
.news_top  .news_z span{ font-size:16px; text-align:center }
.news_y ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; margin-top:29px;}
.news_y { width:95%;}
.news_y ul li{ border:1px solid #1c2d5b; width:31%; border-radius:25px; line-height:40px; text-align:center}

.newsbg{ margin-top:40px}
.newsbg .wd1300{ padding-top:40px; padding-bottom:40px;}
.index_news{display: block; }
.syxw{width:100%; height:350px; position:relative;}
.syxw:nth-child(2){ margin-top:20px; margin-bottom:20px;}
.syxwimg{width:100%; height:200px; position:absolute; z-index:1;}
.syxwimg img{ height:200px; width:100%;object-fit: cover;}
.syxwnr{ width:80%;height:auto; padding:8% 5%; background:#FFF; position:absolute; z-index:2; left:5%; bottom:0px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}



/*首页重点产品*/
.hl_main5_content3{margin-top:20px;}
.hl_main5_content13{width:74%;padding-left:2%; }
.hl_main5_content13 ul{width:16000px; overflow:hidden!important; padding-top:20px; padding-bottom:20px;}
.hl_main5_content13 ul li{ padding:10px 10px; width:225px; }
.hl_scrool_leftbtn3{ width:10%; height:30px; cursor:pointer; float:left; margin-top:150px; background-size:30px 30px;}
.hl_scrool_rightbtn3{width:10%; height:30px;cursor:pointer; float:right;margin-top:150px;background-size:30px 30px;}

.probg {margin-bottom: 40px;}

/*-------底部-----------*/

.foot .wd1300{ padding-bottom:30px;padding-top:40px;display: block; }
.foot .fbt{ color:#fff; font-size:20px; margin-bottom:15px; }
.foot .faline{ background:#419120; height:2px; width:30px;margin-bottom:15px;}
.foot ul li{ line-height:30px;}
.foot ul li a{ color:#eee; font-size:15px;}
.ftxt{ line-height:30px;font-size:15px; color:#fff}
.ewm p{ text-align:center; padding-top:10px;}
.wechat img{ padding:5px; background:#fff; border-radius:5px; text-align:center}
.wechat{ display:none;}
.banquan{ width:95%; margin:0 auto;line-height:30px; color:#aaa;  padding-top:20px; padding-bottom:40px; }
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #aaa;}
a.zzb07link:hover {text-decoration: underline;color: #aaa;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#aaa;}
.flogo{ width:100%; margin:0 auto; text-align:center}
.flogo img{ height:80px;}
.fpro{ display:none}
.fabout{ display:none}
.fnews{ display:none}
.shejiao { width:80%; margin:0 auto}
.shejiao ul li{ float:none; margin-right:10px; margin-left:10px; }
.shejiao ul {display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; }

.dizhi{ line-height:30px; padding-top:15px; font-size:17px;}
.flogo .dianhua{ margin-top:25px; font-family:impact; font-size:30px; letter-spacing:2px; color:#e67114;}
.banquan p{ text-align:center}


.weizhi{ width:95%; padding-top:15px; padding-bottom:15px; line-height:35px; }
.position{ float:none; width:92%;font-size:14px; margin-top:3px;
	overflow:hidden;
	color:#838383;
	line-height:30px; padding-left:8%;
	background:url(../images/icon27.png) no-repeat left center;

	}
.position span{ padding-left:5px; padding-right:5px;}	


/* nmenu */
.nmenu{overflow:hidden; float:none; width:100%;}
.nmenu ul li{line-height:35px; padding:0 10px;}
.nmenu ul li a{font-size:15px;}



/* banner_n------- */
.banner_n {height: 150px; margin-top:60px;}

	
	

	
.nyabout{ background:url(../images/nyabout.jpg) no-repeat center center; background-size:150%; background-attachment:local}
.nypro{ background:url(../images/ban4.jpg) no-repeat center center ;background-size:150%; background-attachment:local}
.nyyewu{ background:url(../images/nyyewu.jpg) no-repeat center center ;background-size:150%; background-attachment:local}
.nynews{ background:url(../images/nynews.jpg) no-repeat center center ;background-size:150%; background-attachment:local}
.nycon{ background:url(../images/nycon.jpg) no-repeat center center; background-size:150%; background-attachment:local}
.nyjob{ background:url(../images/nyjob.jpg) no-repeat center center;background-size:150%; background-attachment:local}



.nymain{ width:95%; padding-top:40px; padding-bottom:40px;}

/*内页公司简介*/
.neirong .abzuo{ width:100%; line-height:30px;}
.neirong .abzuo .neititle{ text-align:left}
.neirong .abzuo .neititle .mcline{ margin-bottom:20px;}

.neirong .abyou{ width:100%}
.neirong .abyou img{ width:100%; height:200px;object-fit: cover;}
.neititle .enmc{ font-family:Barlow-Regular; font-size:30px; text-transform:capitalize; margin-bottom:10px; color:#999}
.neititle .zmc{ font-size:25px;}
.neititle .zmca{ font-size:25px;}

.neirong .abzuo p{padding-bottom:20px; }
.neititle{ text-align:center; margin:0 auto;}

/*企业文化*/
#culture{ background-image: linear-gradient(#f3f3f3, #fff);}
#culture ul {display: block; /*flex-wrap: wrap;*/ justify-content: space-between;}
#culture ul li:nth-child(2){}
#culture ul li{ width:100%;margin-top:20px;padding-left:0px;padding-right:0px;}
.cubk{ background:#fff;padding:40px 25px;box-shadow: 0 2px 15px #ddd; }
.cubk h2{ color:#333; font-size:25px; font-weight:normal}
.cubk .cline{ background:#ce2b37; height:4px; width:50px; margin-top:20px; margin-bottom:20px;}
.cul_tu{ width:100%; display: flex;justify-content: center;
align-items: center;overflow:hidden}
.cul_tu  img{  width:100%; display:block;transition: all 0.8s;}
#culture ul li:hover img{   transform: scale(1.1);}
#culture ul li .cubk p{font-size:20px; margin-bottom:8px; color:#333;}
#culture ul li .cubk span{ color:#999}



/*企业荣誉*/
.hl_main5_content{border-top:none;  }
.hl_main5_content a{ color:#fff;}
.hl_main5_content1{width:75%;overflow:hidden; float:left;  margin:0 auto;padding-left:2%; overflow:hidden;}
.hl_main5_content1 ul{width:26000px; overflow:hidden!important;}
.hl_main5_content1 ul li{float:left;display:inline;padding-right:20px; padding-left:20px; padding-top:20px; }
.hl_main5_content1 ul li h2{ text-transform:uppercase; font-size:15px; color:#0093dd; font-weight:normal; margin-bottom:5px;}
.hl_main5_content1 ul li p{ font-size:16px; color:#555; text-align:center}

.hl_scrool_leftbtn{ background:url(../images/left.jpg) no-repeat left; width:10%; height:30px; float:left; margin-top:130px; cursor:pointer; background-size:30px 30px;}
.hl_scrool_rightbtn{ background:url(../images/right.jpg) no-repeat left; width:10%; height:30px; float:right; margin-top:130px; cursor:pointer; background-size:30px 30px;}

.hl_main5_content1 ul li .calie{ height:250px;}
.hl_main5_content1 ul li .calie  img{height:250px;}


/*内页产品列表*/
.product-list li:nth-child(2n){ float:right}
.product-list li {width: 48%;
float: left; height:210px; margin-left:0%; margin-right:0%; margin-bottom:20px; padding-bottom:0px;}
.product-list li img{max-width:100%!important; margin:auto; text-align:center; max-height: 120px!important;}

.product-list li img{/*width:auto!important; */margin:auto; text-align:center; max-height: 120px!important;}
.product-list li .tutu{ height:120px;  display: flex;justify-content: center;
align-items: center;}

.product-list li {display: block;line-height: normal;overflow: hidden;
position: relative;background:#fff}

.product-list li figure img {display: block; width:100%;transition: 424ms linear; }





/*产品详细页*/
.prodetail{display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;}
.prozuo{ width:100%; border:1px solid #ddd}
/* DB_gallery */
#DB_gallery{}
#DB_gallery .DB_imgSet {position:relative;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_imgWin img{ display:block!important}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:100%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li img{ width:123px; height:73px; object-fit: cover;}
.DB_imgWin{height:550px; display: flex;justify-content: center;
align-items: center; width:100%}
.DB_imgWin img{ max-height:550px; width:100%; }
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0px;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:123px;height:73px;border:2px solid #ff0000;left:auto;top:0}

.proyou{ width:100%; font-size:30px; margin-bottom:30px;}
.proyou h2{font-size:20px; font-weight:normal; border-bottom:1px dashed #d8d8d8; padding-bottom:20px;}
.proyou ul li{ margin-top:30px; margin-bottom:30px;}
.proyou ul { margin-top:30px;}
.proyou ul li .texing{ font-size:18px; color:#333;}
.proyou ul li p{ font-size:15px; margin-top:10px; color:#808080}

.miaoshu .wd1300 img{ max-width:100%!important; height:auto!important}
.miaoshu{  margin-top:80px; min-height:120px;}
.miaoh{ font-size:20px; color:#fff;background:#e67114; height:50px; line-height:50px; text-align:center;}
.xiangguan{ background:#f4f4f4;}
.xiangguan h2{ text-align:center; font-size:35px; font-weight:normal; color:#000; margin-bottom:50px;}

/*生产研发*/
.yanfa:nth-child(2n){ margin-top:60px;}
.yanfa ul li{ float:left; width:48.5%; border-radius:10px; overflow:hidden; margin-bottom:30px;}
.yanfa ul li:nth-child(2n){ float:right}

.wenmiao{ font-weight:bold; font-size:20px; color:#1c2d5b}
.wentxt{ font-size:15px; margin-bottom:30px; color:#848484; margin-top:20px;}
.yanfa ul li img{width:100%;height:200px; transition: all 0.8s;object-fit: cover;}
.yanfa ul li:hover img{   transform: scale(1.05);}

/*内页新闻*/
.xwzx_con1_u1 .divBox{font-size: 0; width:100%}
.xwzx_con1_u1 li{position: relative; float:left; width:100%}
.xwzx_con1_u1 li a{display: block;padding: 30px 30px;position: relative;z-index: 2;}
.xwzx_con1_u1 li:nth-child(even) {background: #f6f6f6;}
.xwzx_con1_u1 li:after{content: '';display: block;width: 100%;height: 100%;background:#1c2d5b;background-size: cover;
position: absolute;top: 0;left: 0;transition: 0.3s ease-in-out;opacity: 0;}
.xwzx_con1_left{display: inline-block;vertical-align: middle;width: 100%;overflow: hidden; margin-bottom:20px;}
.xwzx_con1_left img{width:100%; height:120px;transition: 0.3s ease-out; margin-left:0%;object-fit: cover;}
.xwzx_con1_middle{width: 20%;display: inline-block;vertical-align: middle;text-align: center;}
.xwzx_con1_right{width: calc(100% - 22%);display: inline-block;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-left: 20px;
padding-right: 0px;position: relative;transition: 0.3s ease-out;}

.xwzx_con1_right h2{font-size: 16px;color: #282828;transition: 0.3s ease-out; text-align:left}
.xwzx_con1_right h2:before{content: '';display: inline-block;width: 0;height: 1px;background:#282828;vertical-align: middle;transition: 0.3s ease-in-out;}
.xwzx_con1_right p{font-size: 14px;color: #999999;margin-top: 0px; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px;}
.xwzx_con1_middle b {font-size: 40px;color: #2c3238;font-family: arial;transition: 0.3s ease-out;}

.xwzx_con1_middle em {font-size: 16px;color: #999;font-family: arial;transition: 0.3s ease-out;}
/*.xwzx_con1_middle b {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}*/
.xwzx_con1_middle prc04 {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}



.xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{width: 20px;margin-right: 10px;}
.xwzx_con1_u1 li:hover .xwzx_con1_left img{transform: scale(1.05);}
.xwzx_con1_u1 li:hover .xwzx_con1_right:after{transform: rotate(180deg);color: #fff;}
.xwzx_con1_u1 li:hover:after{opacity: 1;}
.xwzx_con1_u1 li:hover .xwzx_con1_right{border-left: 1px solid rgba(250,250,250,.2);}
.xwzx_con1_u1 li:hover .xwzx_con1_right h2{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_right p{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_middle b{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_middle em{color: #fff;}
.xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{background:#fff;}

.newsxx{ text-align:center;}
.newsxx h2{ font-size:20px;}
.newsxx h3{ color:#bbbbbb; font-size:14px;}
.news_detail{ margin-top:40px;}
.news_detail img{ max-width:100%!important; height:auto!important}


 .zmcb{ font-size:20px;}
  .zmcc{ font-size:16px; color:#999; padding-top:10px;}
  .newsdetail{margin-top: 40px;
background: rgba(250,250,250,0.8); padding:30px; line-height:30px;}
.newsdetail img{ max-width:100%!important; height:auto!important}

.fanhui ul {  margin-top:30px; padding-top:10px;display: block; /*flex-wrap: wrap;*/ justify-content: space-between; }
.fanhui ul li{ font-size:15px; line-height:40px; text-align:center;width:100%; float:none;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:center;width:100%;}
.fanhui ul li:nth-child(2){ width:100%; margin:0 auto; text-align:center;    }
.fanhui ul li:nth-child(2) a{ display:block;background:#e67114; width:120px; color:#fff;margin: 0 auto;text-align: center;}




/*内页联系我们*/
.dity{ margin-top:30px;}
.neilian{ background:#fafafa; padding:0px 5%; text-align:center; width:85%; margin:0 auto}
.neilian ul{display: block; /*flex-wrap: wrap;*/ justify-content: space-between; }
.neilian ul li{ text-align:center; width:100%; border-right:0px; border-bottom:1px solid #ddd; padding-bottom:30px; padding-top:30px;}
.neilian ul li:last-child{ border-right:0px;border-bottom:0px;}
.neilian ul li:nth-child(4){border-bottom: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;}

.liu_zuo{ width:100%; margin-top:50px;}
.liu_zuo h2{ color:#e67114; font-family:Arial, Helvetica, sans-serif; font-size:35px; text-align:center}
.liu_zuo h3{ color:#000; font-size:30px; font-weight:normal; margin-top:10px; margin-bottom:30px; text-align:center}
.liu_zuo h4{ line-height:30px; color:#aaa; font-weight:normal; font-size:16px; text-align:center}
.liu_you{ width:100%; margin-top:40px;}
.liu_you ul li{ margin-bottom:15px;}
.liu_you ul li .fl{ background:#f4f6f8; outline:none; line-height:50px; border:none; width:90%; padding-left:3%; color:#ddd; height:50px;}
.teshu{ background:#f4f6f8; padding-left:3%}
.liu_you ul li textarea{border: none ;
background:#f4f6f8;
width: 100%;
font-size: 16px;
outline: none; line-height:50px;}
.liu_you ul li input{border: none ;
background:#f4f6f8;
width: 100%;
font-size: 16px;
outline: none; line-height:50px;}

.yanzhengma{ width:50%;background:#f4f6f8; outline:none; line-height:50px; border:none;  padding-left:3%; color:#ddd; height:50px;}
.anniua{ background:#f4f6f8!important; width:150px; line-height:50px; text-align:center; color:#fff; cursor:pointer; display: inline-block;}
.anniu3{ 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}
.anniu3 { margin-top:2.5em;}
.anniu3:hover{background-color:#999;}
.liu_zuo h4 {
  line-height: 30px;
  color: #aaa;
  font-weight: normal;
}









.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
/*.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}*/

.m-header  .icon-sousuo {
  cursor: pointer;
  text-align: center;
  width: 40px; margin-top:20px;


  font-size: 20px;
}

.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px; color:#333;
  }

	}