.banner-container{width: 100%;position: relative}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;}
.banner-pic img{width: 100%;object-fit: cover;}
.banner-pic .banner-pc{display: block;min-height: 520px;}
.banner-pic .banner-mb{display: none;min-height:400px;}
.banner-words{position: absolute;z-index: 6;top:50%;left:5%;transform: translate(0,-50%);}
.banner-words h4{font-size: 64px;color: #fff;font-family:"微软雅黑";}
.banner-words h4 span{color: #e3144e;font-weight: bold;}
.banner-words p{font-size:1.6em; letter-spacing:1px; color: #fff;font-family:"微软雅黑"; margin:4% auto 15%; line-height:36px;}
.banner-words a{display: block;font-size: 16px;color: #fff;width:137px;height:46px;text-align: center;line-height:40px;border:2px solid #fff;transition: all .4s ease-in-out;}
.banner-words a:hover{background: #11b5f0;border-color: #11b5f0;}

.banner-words h3{ color:#ffb81c; font-size:3.9em; font-weight:bold; letter-spacing:6px; margin:4% auto}

.swiper-slide-active .banner-words h4{animation: banWords 1s ease-in-out both 100ms;}
.swiper-slide-active .banner-words h3{animation: banWords 1s ease-in-out both 300ms;}
.swiper-slide-active .banner-words p{animation: banWords 1s ease-in-out both 600ms;}
.swiper-slide-active .banner-words a{animation: banWords 1s ease-in-out both 1000ms;}


@keyframes banWords {0% {transform: translateX(120px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width:30px;height:80px;margin-top: -40px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 0;background: rgba(255, 255, 255, .03) url('../img/jt1.png') no-repeat center center;}
.banner-next{right: 0;background: rgba(255, 255, 255, .03) url('../img/jt.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color:#11b5f0;}
.banner .swiper-pagination{bottom: 32px;}
.banner .swiper-pagination-bullet {width: 36px;height: 6px;border-radius: initial;background: rgba(0, 0, 0, .1);opacity: 1;position: relative;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .52);width: 0;height: 6px;z-index: 1;transition: 0s;}
.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 3.6s ease;}

/* =====banner动画===== */
.banner-dhoneimg{position: absolute;width: 993px;top: 10%;z-index: 1;right: 6%;}
.banner-dhone1{width: 100%;}
.banner-dhone1 img{width: 100%;}
.banner-dhone2{position: absolute;left: 310px;bottom: 320px;z-index: 2;width: 288px;}
.banner-dhone2 img{width: 100%;}
.banner-dhone3{position: absolute;left: 384px;bottom: 380px;z-index: 1;opacity: 0;width: 136px;}
.banner-dhone3 img{width: 100%;}
.swiper-slide-active .banner-dhone2{animation: dhoneR1 1.2s ease both 300ms;}
.swiper-slide-active .banner-dhone3{animation: dhoneR2 1.8s ease infinite 1.6s;}
@keyframes dhoneR1 {0% {opacity: 1;transform: scale(0)}50% {opacity: .4;}100% {opacity: 1;transform: scale(1)}}
@keyframes dhoneR2 {0% {transform: translateY(0);opacity: 1;}50% {transform: translateY(-40px);opacity: 1;}100% {transform: translateY(0);opacity: 1;}}

.banner-dhtwoimg{position: absolute;top:26%;z-index:1;right:0;}

.banner-dhtwo1{width:34.5%; z-index:2; position:absolute; top:230px; left:0;}

.banner-dhtwo2{position:absolute; top:20px; left:36%; z-index:3; width:28%;}

.banner-dhtwo3{position: absolute; top:-20px; left:65%; z-index:4; width:26%;}

.banner-dhtwo4{position:absolute; top:20px; left:32%; z-index:3; width:40%;}

.banner-dhtwo5{position:absolute; top:60px; left:20%; z-index:3; width:25%;}

.banner-dhtwo6{position:absolute; top:90px; left:60%; z-index:3; width:21%;}

.banner-dhtwo1 img,.banner-dhtwo2 img,.banner-dhtwo3 img,.banner-dhtwo4 img,.banner-dhtwo5 img,.banner-dhtwo6 img{width: 100%;}

.banner-words2{ left:10%}


.swiper-slide-active .banner-dhtwoimg{animation: dhtwoR3 1s ease both 1s;}

.slide1 .banner-dhtwoimg{ width:70%; float:right}


.slide2 .banner-dhtwoimg{ width:70%;}

.slide3 .banner-dhtwoimg{ width:70%;}


.show_con,.show_zhaiyao,.show_content{ width:100%; overflow:hidden; margin:0 auto}
.show_con{ width:78%;font-size:0.96em;line-height:1.8em; }
.show_con h1{ font-weight:bold; color:#0a122e; font-size:1.8em; border-bottom:solid 1px #e5e5e5; overflow:hidden; width:100%; line-height:2.4em; position:relative}
.show_con h1 span{ float:right; color:#0a122e; font-size:0.6em; font-weight:normal}
.show_con h1 em{ width:40px; height:3px; position:absolute; bottom:0; left:0; background:#004057}
.protuce_con h1{ line-height:1.8em;}
.protuce_con h1 span{ float:left;}

.show_zhaiyao{ margin:1% auto; color:#9b9b9b; font-size:1em; line-height:1.6em;}
.show_zhaiyao span{ margin:0 2% 0 0}
.show_zhaiyao span.show_shijian{background:url(../img/show_shijian.png) no-repeat left center; padding-left:20px;}
.show_zhaiyao span.show_qiye{background:url(../img/show_qiye.png) no-repeat left center; padding-left:22px;}
.show_zhaiyao span.show_qiye a{ color:#004057}
.show_zhaiyao span.show_liulan{background:url(../img/show_liulan.png) no-repeat left center; padding-left:28px;}

.show_zhaiyaojieshao{ border-left:solid #004057 5px; padding:0 0 0 1.5%; color:#9b9b9b; margin:1.5% auto}

.show_content{ color:#000; margin:0 auto 2%}
.show_content img{ max-width:100%; padding:1% 0}
.show_content h1,.company_text h1{ font-size:2em; line-height:2.5em; color:#0070c0; font-weight:bold}
.show_content h2,.company_text h2{ font-size:1.7em; line-height:2.3em; color:#0070c0; font-weight:bold}
.show_content h3,.company_text h3{ font-size:1.3em; line-height:1.8em; color:#0070c0; font-weight:bold}
.show_shangxia{ border-bottom:solid 1px #e5e5e5; border-top:solid 1px #e5e5e5; padding:1% 0; color:#333333}
.show_shangxia span{ color:#9b9b9b}



@keyframes dhtwoR3 {0% {opacity: 0;transform: translateY(40px);}100% {transform: translateY(0);opacity: 1;}}


/* ==================== */


.product-container,.apply-container,.news-container{width: 100%;padding:0 0 3%;}
.product{width:97%;margin: 0 auto;}

.apply,.news,.content{width:1678px;margin: 0 auto;}

.title{ margin:4% auto 2.5%}
.title h4{ color:#0a122e; font-size:2em; font-weight:bold;}



/* slide */
#indexmain{width:100%;margin:0 auto;overflow:hidden;position:relative;}
#slide{position:relative;width:100%}

#slide .cover{position:relative;width:100%;overflow:hidden;z-index:3}
#slide ul{position:relative;overflow:hidden}
#slide li{float:left;display:inline;width:392px; background:#fff;  margin:13px 14px 13px 13px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
}
#slide li a{position:relative;width:100%;overflow:hidden;display:block;}
#slide .shadow{position:absolute;left:-1px;bottom:-30px;width:284px;height:244px;}
#slide .shadow-vanish{position:absolute;left:0;top:0;width:280px;height:210px;}
#slide li img{display:block; max-height:280px;    vertical-align: middle;
    margin:0 auto;padding:18px;}
#slide li .info-wrap{position:absolute;left:0;bottom:-24px;height:53px;width:276px;}
#slide li i{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;background-color:#000000;filter:alpha(opacity=60);opacity:0.6;}
#slide li .status{position:absolute;right:10px;top:7px;color:#c4c4c4;line-height:160%;cursor:pointer;}
#slide li .info{position:absolute;left:13px;top:25px;line-height:2em;color:#c4c4c4;font-size:14px;cursor:pointer;}
#slide li em{position:absolute;right:10px;top:3px;font-size:24px;line-height:100%;color:#fb7702;cursor:pointer;}
#slide li em span{font-size:16px;}

.tuitjian #slide li{ width:23%; margin:1%;}

.Test_product{ margin:0 auto 3% !important}
.Test_product #slide li{ width:48%;}
.Test_product #slide li .li_img{ float:left; width:50%; line-height:2em; padding:0 0 10px}
.Test_product #slide li .cover_div{ float:left; width:50%; background:#fff}
.Test_product #slide li img{padding:18px 18px 0; overflow:hidden}
.Test_product #slide li .li_img .li_imgshow{ overflow:hidden}




#slide .btn{position: absolute;z-index:9;top:40%;width:30px;height:80px; line-height:80px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.left-btn{left:12px;background:rgba(0, 0, 0, .5) url('../img/jt1.png') no-repeat center center;}
.right-btn{right:15px;background: rgba(0, 0, 0, .5) url('../img/jt.png') no-repeat center center;}
.left-btn:hover,.left-btn:hover{background-color:#11b5f0;}



.slide-bottom-shadow{width:960px;height:15px;}
#slide .ft{text-align:center; overflow:hidden; margin:0 auto 3%}
#slide .tab,
.page_tab,
.page_productcon .menu{position:relative;width:100%;}
#slide .tab a,
.page_tab a,
.page_productcon .menu li{color:#333;width:160px;text-align:center; font-size:1em; height:50px; line-height:50px; display:block; float:left; background:#f1f1f1}

#slide .tab a:hover,
#slide .tab .cur,
.page_tab a:hover,
.page_tab a.cur,
.page_productcon .menu li:hover,
.page_productcon .menu li.active{color:#FFF; background:#014258;}

.cover_div{ background:#f5f5f5; padding:30px 20px; color:#999; font-size:0.96em; line-height:1.5em;}
.cover_div h4{ color:#333; font-size:1.4em; margin:0 auto 5%; font-weight:bold; width:100%;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.diangjia_content{ padding:0 0 1%}
.case_container{ padding: 0 0 1%; overflow:hidden}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#slide li a:hover .cover_div h4{ color:#014258}

.page_container{ margin:3% auto; overflow:hidden; width:100%}
.page_tab{ width:100%; overflow:hidden; margin:0 auto}

.hidden{ overflow:hidden; width:100%; margin:0 auto}

.company_main{background:url(../img/column_boxbg.jpg) no-repeat; margin:0; padding:3% 0}
.company_main .show_con{ width:90%}
.page_tab a,.page_productcon .menu li{ width:205px; background:#fff; margin-right:10px; font-size:1.1em;}
.page_productcon .menu li{ background:#f2f2f3}
.page_productcon .menu{ border-bottom:solid 1px #e7e8e8}

.company_l{ float:left; width:50%;}

.company_r{ float:right; width:42%}

.container_show .title_h1 h1{ border-bottom:none; font-size:3.4em;  padding:3% 0 2% 2%; position:relative; font-weight:normal}
.container_show .title_h1 h1 span{ background:#004057; width:4px; height:48px; position:absolute; left:0; top:36%}

.title_h3{ color:#006fbe; font-size:0.95em; line-height:3em; margin:0 auto 3%}
.title_h3 h3{ color:#0a122e; font-size:2.2em; font-weight:bold}
.base_text {font-size:1.05em; line-height:2em; color:#333}

.zizhi{background:#006fbe; padding:4% 3% 1%; color:#fff; font-size:1.1em; margin:0 auto 5.5%;    
-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.zizhi li{ padding:3% 0 0; line-height:3em; margin:0 0 3.5%; width:50%; float:left; text-align:center;}
.zizhi li span{ background:#9bd4fd; width:173px; height:1px; display:block; margin:2% auto 0}
.zizhi li:nth-child(1),.zizhi li:nth-child(3){ border-right:solid 1px #9bd4fd}

#video_div{-webkit-border-radius:5px; margin:0 auto 2%; overflow:hidden;
    -moz-border-radius: 5px;
    border-radius: 5px;}


#video {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}.VideoBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    cursor: pointer;
    z-index: 10;
}
.protuce_dows{ margin:3% auto; width:100%; overflow:hidden}

.protuce_dows a{ background:url(../img/wenjian.jpg) no-repeat center left; padding-left:30px; color:#11b5f0;font-size:1em; line-height:2em; margin:0 2%; padding-top:1.5%; padding-bottom:1.5%; display:block; width:45%; float:left}
.protuce_dows a:hover{ color:#11b5f0}



/* 首页 新闻媒体 */
.Floor002722{ padding:0 0 4%; overflow:hidden; background:#f2f2f2 }  
.Floor002722 .copy-html{ display:none;}
.Floor002722 .tab >.auto{ position:relative;}
.Floor002722 .tab >.auto a{ position:absolute; right:0; top:18px; color:#999; font-size:16px;}
.Floor002722 .tab >.auto a span{ display:inline-block; width:15px; height:15px; border:1px solid #999; position:relative; vertical-align:middle; margin-left:10px;}
.Floor002722 .tab >.auto a span:before,
.Floor002722 .tab >.auto a span:after{ position:absolute; content:'';  background:#999; }
.Floor002722 .tab >.auto a span:before{width:9px; left:2px; height:1px;top:6px;}
.Floor002722 .tab >.auto a span:after{ width:1px; left:6px; top:2px; height:9px;}
.Floor002722 .tab >.auto a:hover{ color:#b39959;}
.Floor002722 .tab >.auto a:hover span{ border-color:#b39959;}
.Floor002722 .tab >.auto a:hover span:before,
.Floor002722 .tab >.auto a:hover span:after{background:#b39959;}
.Floor002722 .tab li{ float:left; text-align:center; cursor:pointer;}
.Floor002722 .tab li span{float: left; display: block; min-width: 140px; height:50px; line-height: 50px; text-align: center; font-size: 1em; background: #fff; color: #333; cursor: pointer; } 
.Floor002722 .tab li.on span{ background:#014258; color: #fff;} 
@media(min-width:641px){
.Floor002722 .tab ul{ padding:0 0 40px 0; }
.Floor002722 .tab li{  }
}
@media(max-width:1024px){
.Floor002722 .tab ul{ padding:0 0 30px 0; }
}
@media(max-width:640px){
.Floor002722 .tab li{ width:50%; }
.Floor002722 .tab li span{ float: none; width: 100%; margin-right: 0; margin-bottom: 2px; }
.Floor002722 .tab >.auto a{ top:7px; font-size:14px;}
}
/*slick Basic*/
.Floor002722 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Floor002722 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Floor002722 .slick-list:focus {outline: none}
.Floor002722 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Floor002722 .slick-slider .slick-track, 
.Floor002722 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Floor002722 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Floor002722 .slick-track:before, 
.Floor002722 .slick-track:after{display: table; content: '';}
.Floor002722 .slick-track:after{ clear: both;}
.Floor002722 .slick-loading .slick-track { visibility: hidden;}
.Floor002722 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Floor002722 .slick-slide .slick-loading img { display: none;}
.Floor002722 .slick-slide .dragging img { pointer-events: none;}
.Floor002722 .slick-initialized .slick-slide { display: block;}
.Floor002722 .slick-loading .slick-slide { visibility: hidden;}
.Floor002722 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Floor002722 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/
 
.Floor002722 .news-top .auto{ background:#f9f9f9;}

.Floor002722 .news-top li.slick-slide{ position:relative;}
.Floor002722 .news-top li.slick-slide .Ispic:after{ opacity:0.6; content:''; position:absolute; left:0; width:100%; height:60%; bottom:0; z-index:1;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 64%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(64%, rgba(0,0,0,0.65)),to(rgba(0,0,0,0.65)));
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.Floor002722 .news-top li.slick-slide .Ispic aside{ position:absolute; width: 80%;text-align:center; left:10%; right:10%; bottom:12%; color:#fff; font-weight: bold; font-size:24px; z-index:12;}
.Floor002722 .news-top li.slick-slide .Ispic{ }
.Floor002722 .news-top li.slick-slide .Ispic:hover{ }

.Floor002722 .news-top li.slick-slide .inner{-webkit-background-size:100% auto; -moz-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto;}
.Floor002722 .news-top li.slick-slide time{font-family: "din-bold"; color:#999; font-size:16px;}
.Floor002722 .news-top li.slick-slide h1{ margin:0.8em 0; font-size:20px; line-height:1.45em;overflow: hidden;}
.Floor002722 .news-top li:hover h1 a{ color:#014258;}
.Floor002722 li.slick-slide p{color:#999;margin:0;}
.Floor002722 .news-top li.slick-slide p{ line-height:1.715em; overflow:hidden; margin:2% auto}
.Floor002722 li .home_more{ border-top: 0; }
.Floor002722 .news-top .slick-dots li{ cursor:pointer;display:inline-block; width:14px; height:14px; border:1px solid rgba(255,255,255,0.5); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin-right:12px;}
.Floor002722 .news-top .slick-dots li button{ display:none;}
.Floor002722 .news-top .slick-dots li.slick-active{ border-color:#fff; border-width:2px;}
.Floor002722 .news-top .slick-dots li:last-of-type{ margin-right: 0; } 
.Floor002722 .a_more{ float:left}
.Floor002722 .news-top li.slick-slide time span{ font-size:36px; color: #333; }
 
@media(min-width:769px){
.Floor002722 .news-top li.slick-slide .Ispic{ position:absolute; left:0; top:0; height:100%; width:61.584%;}
.Floor002722 .news-top li.slick-slide .txt{ padding-left:61.584%;}
.Floor002722 .news-top li.slick-slide .inner{ padding:8.68%;height:412px}

.Floor002722 .news-top .slick-dots{ z-index:10; position:absolute; left:0; text-align:center; bottom:5%; width:60%; }
}
@media(max-width:768px){
.Floor002722 .news-top .slick-dots li.slick-active{ border-color:#0a122e; }
.Floor002722 .news-top li.slick-slide .Ispic aside{ width: 100%; left:inherit; right:inherit; bottom:8%; padding:0 5%; color:#fff; font-weight: bold; font-size:20px; z-index:12;}
.Floor002722 .news-top li h1 a{-webkit-line-clamp:1;}
.Floor002722 .news-top li.slick-slide .Ispic{ position:relative; padding-bottom:56%; display:block;}
.Floor002722 .news-top li.slick-slide .inner{ padding:5% 5% 3%; }
.Floor002722 .news-top li.slick-slide .more{ padding-top:5%;}
.Floor002722 .news-top .slick-dots{ text-align:center; padding:10px 0;}
.Floor002722 .news-top .slick-dots li{ border-color:#ccc;}
}
@media(max-width:640px){
.Floor002722 .news-top li.slick-slide .Ispic aside{ font-size:18px;}
.Floor002722 .news-top li.slick-slide h1{ font-size:20px;}
.Floor002722 .news-top {-webkit-border-radius: 10px 0;-moz-border-radius: 10px 0;border-radius: 10px 0;}
}
@media(max-width:320px){
.Floor002722 .list li time span,
.Floor002722 .news-top li.slick-slide time span{ font-size:30px;  }
.Floor002722 .list li time{ padding-bottom: 10px;  }
}

.Floor002722 .list .slick-slider{border-left:1px solid #dedede; padding-right:7.66%;}
.Floor002722 .list .slick-slider::after{ position:absolute; content:''; width:1px; height:100%; background:#dedede; right:7.66%; top:0; z-index:10;}
.Floor002722 .list .slick-arrow{ font-size:0; background:#fff; z-index:10; border:1px solid #dedede; border-left:0;position:absolute; right:0; width:7.66%; height:50%; padding:0; cursor:pointer;}
.Floor002722 .list .slick-arrow:before{ position:absolute; content:''; width:24px; height:24px; border-right:2px solid #999; border-top:2px solid #999; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); top:50%; left:50%; margin:-12px 0 0 -10px;}
.Floor002722 .list .slick-arrow:hover:before{ border-color:#014258;}
.Floor002722 .list .slick-prev{ top:0; border-bottom:0;}
.Floor002722 .list .slick-prev:before{-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); }
.Floor002722 .list .slick-next{ bottom:0;}
.Floor002722 .list .slick-next:before{ margin-left:-19px;}
.Floor002722 .list li{ border:1px solid #dedede; border-left:0;}
.Floor002722 .list li a{ display:block; padding:10%; position:relative; background: #fff; }
.Floor002722 .list li a:before{position:absolute; content:''; left:0; top:0; width:100%; height:100%; border:1px solid #014258; opacity:0; -webkit-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; transition:0.5s; display: none; }
.Floor002722 .list li h2{ font-weight:normal; margin:0; font-size:18px; line-height:1.555em; min-height:3.11em;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2}
.Floor002722 .list li h3{  font-weight:normal; margin:0; font-size: 18px;  }
.Floor002722 .list li time{ padding:0 0 15px; display: inline-block; }
.Floor002722 .list li time span{ font-size: 36px;  }
.Floor002722 .list li p{ margin: 3% 0; line-height: 22px; font-size: 14px; height: 44px; overflow: hidden;}
.Floor002722 .list li a:hover h2{color:#014258;}
@media(max-width:640px){
.Floor002722 .list li a{ padding:5% 3%;}
.Floor002722 .list .slick-slider{ padding-right:50px;}
.Floor002722 .list .slick-arrow{ width:50px;}
.Floor002722 .list .slick-slider::after{ right:50px;}
.Floor002722 .list li h2{ font-size:16px;}
}






.product-picwords{width: 100%;margin-top: 46px;}
.product-picwords ul{margin-left: -1.5%;}
.product-picwords ul li{width: 23.5%;float: left;margin-left: 1.5%;padding: 92px 0 88px 0;border: 1px solid #ececec;text-align: center;transition: all .4s ease-in-out;margin-top: 16px;}
.product-pic{width: 100%;height: 96px;}
.product-pic img{max-width: 100%;}
.product-words{width: 100%;overflow: hidden;font-size: 0;margin-top: 36px;}
.product-words h6{font-size: 30px;color: #000;transition: all .3s ease-in-out;}
.product-words h6:hover{color: #e3144e;}
.product-words p{width: 100%;margin-top: 4px;min-height: 25px;}
.product-words p a,.product-words p span{display: inline-block;vertical-align: middle;font-size: 18px;color: #777;}
.product-words p a{transition: all .3s ease-in-out;}
.product-words p a:hover{color: #e3144e;}
.product-words p span{margin: 0 20px;}
.product-picwords ul li:hover{box-shadow: 0 6px 20px 2px #ececec;transform: translateY(-6px)}


.apply-container{background:#1e2037 url(../images/y_bg.jpg) no-repeat center;overflow: hidden;position: relative;}
#applylz{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.apply-top,.apply-bottom{width: 100%;position: relative;z-index: 3;}
.apply-top{margin-top:45px;}
.apply-top ul{margin-left: -2%;}
.apply-top ul li{width: 48%;float: left;margin-left: 2%;height: 514px;overflow: hidden;position: relative;}
.apply-top ul li a{display: block;width: 100%;height: 100%;}
.apply-top ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-words{position: absolute;z-index: 4;width: 88%;top:5%;left:4%;}
.apply-words h6{font-size:24px;color: #000;font-weight:600;transition: all .3s ease-in-out;}
.apply-words p{font-size: 16px;color: #333;margin-top:15px;}
.apply-top ul li a:hover img{transform: scale(1.1);}
.apply-top ul li a:hover h6{color: #11b5f0;}
.apply-topsize{width: 100%;height: 240px;overflow: hidden;position: relative;}
.apply-topsize .apply-words{top:10.5%;}
.apply-topminl,.apply-topminr{width: 48%;position: relative;height: 240px;overflow: hidden;}
.apply-topminl{float: left;}
.apply-topminr{float: right;}
.apply-topminl .apply-words,.apply-topminr .apply-words{left: 12%;width: 76%;}
.apply-top ul li:nth-child(1)>div:nth-child(2){margin-top: 34px;}
.apply-bottom{width: 100%;margin-top: 34px;}
.apply-bottom ul{margin-left: -2%;}
.apply-bottom ul li{width: 23%;float: left;margin-left: 2%;height: 240px;overflow: hidden;position: relative;}
.apply-bottom ul li a{display: block;width: 100%;height: 100%;}
.apply-bottom ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-bottom ul li a:hover img{transform: scale(1.1);}
.apply-bottom ul li a:hover h6{color: #11b5f0;}
.apply-bottom .apply-words{top:10.5%; left:8%}


.news-container{background: #f3f7ff;}
.news-click{width: 100%;overflow: hidden;font-size: 0;margin-top: 28px;text-align: center;}
.news-click ul li{display: inline-block;cursor: pointer;width: 148px;height: 48px;line-height: 48px;font-size: 18px;color: #687286;background: #fff;border: 1px solid #e5eaf4;margin: 0 6px;user-select: none;}
.news-click ul li.ontrue{background: #e3143b;color: #fff;border-color: #e3144e;}
.news-wordsbox{width: 100%;margin-top: 66px;box-shadow: 0 6px 16px 4px #e3e7ee;}
.news-tablist{width: 100%;}
.news-tablist ul li{float: left;height: 398px;overflow: hidden;position: relative;}
.news-tablist ul li a{display: block;width: 100%;height: 100%;}
.news-tablist ul li:first-child{width: 28%;}
.news-tablist ul li:nth-child(2),.news-tablist ul li:nth-child(3),.news-tablist ul li:last-child{width: 24%;}
.news-tablist ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.news-tablist ul li a:hover img{transform: scale(1.1);}
.news-tablist ul li:nth-child(2){background: #e3143b;}
.news-tablist ul li:nth-child(4){background: #fff;}
.news-words{position: absolute;z-index: 2;width: 90%;left: 5%;bottom: 32px;color: #fff;}
.news-words h4{font-size: 26px;font-family: 'SYREGULUM';height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words p{font-size: 16px;line-height: 24px;margin-top: 24px;height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-words h6{width: 100%;color: rgba(255, 255, 255, .3);font-size: 14px;padding-right: 20px;margin-top: 38px;background: url('../images/arrrw.png') no-repeat right center;}
.news-words.black h4{color: #222;}
.news-words.black p{color: #666}
.news-words.black h6{color: #777;background: url('../images/arrrb.png') no-repeat right center;}
.news-wordslist{width: 100%;}
.news-wordslist ul li{float: left;height: 398px;overflow: hidden;position: relative;}
.news-wordslist ul li a{display: block;width: 100%;height: 100%;}
.news-wordslist ul li:first-child{width: 28%;background: #62667a;}
.news-wordslist ul li:nth-child(2){width: 48%;background: #fff;}
.news-wordslist ul li:last-child{width: 24%;background: #e3143b;}


.shiyanshi_banner .shiyanshi{ position:absolute; top:20%; left:7%; width:93%; overflow:hidden; margin:0;}
.shiyanshi_banner .shiyanshi .shiyanshi_l{ width:70%}
.shiyanshi_rr{ width:227px; height:227px; display:block; float:left; overflow:hidden }
.shiyanshi_banner .shiyanshi h2{ font-size:2.4em; line-height:2.4em; letter-spacing:2px}



.page_tab{ float:left; width:60%}
.news_nav{ float:left; width:40%; line-height:50px; text-align:right}
.news_nav a{ color:#333; font-size:1em; padding:0 3.5%}
.news_nav a.current{ color:#006fbe}

.news_list .list{ margin:3% auto 0}
.news_list .list li{ float:left; border:solid 1px #e3e3e3; padding:2% 3% 2% 1%; width:100%; margin:0 auto 2.5%;
-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.news_list .list li .li_img{ width:25%; float:left;
}
.news_list .list li .li_img img{ max-height:175px;
-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    display: block;
    margin: 0 auto;
    vertical-align: middle;}
.news_list .list li .li_info{ float:left; width:70%; color:#999; font-size:1em; line-height:1.3em; border-left:solid 1px #f3f3f3; padding:0 0 0 3%}
.news_list .list li .li_info h4{ font-weight:bold; font-size:1.4em; line-height:1.8em; margin:0 auto 2%; color:#333}
.news_list .list li .li_info p a{ color:#006fbe; display:block; width:100%; overflow:hidden; margin:2% auto}
.news_list .list li .li_info h4 a:hover{ color:#006fbe}
.news_list .list li .li_info p a:hover{ text-decoration:underline}


.solution_l{ border:solid 1px #dedede; color:#333; font-size:1em; line-height:1.6em; width:23.6%; float:left; padding:1.5% 2%}
.solution_l h3{ font-weight:bold; color:#333; font-size:1.1em; line-height:2em;}
.solution_l span{
	color: #004057;
	text-transform: uppercase;
}
.solution_l li{ width:100%; overflow:hidden; border-bottom:solid 1px #e5e5e5; margin:3% auto; padding:2.5% 0 3% 25px;
background: url(../img/li_bg1.png) no-repeat left center;}
.solution_l li a:hover,.solution_l li.cur a{ color:#004057}
.solution_l li:hover,.solution_l li.cur{background: url(../img/li_bg2.png) no-repeat left center;}

.solution_r{ float:right; width:74%}
.solution_r h1{    font-weight: bold; width:100%; overflow:hidden;
    color: #0a122e;
    font-size: 1.8em;
    border-bottom: solid 1px #e5e5e5;
    line-height: 2em;
    position: relative;}
.solution_r h1 em{
    width: 40px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #004057;
}
.protuce_con{ color:#666; font-size:1em; line-height:1.6em;}
.protuce_con img{ padding:2% 0}
.protuce_con h1.title_h1{ border-bottom:solid 1px #e5e5e5; margin:0 auto 2%}
.protuce_con h1{ border-bottom:none}
.company_text{ color:#333; line-height:2em; font-size:1em; overflow:hidden; padding:2% 0; width:100%; display:block}
.company_text img{ padding:2% 0}

.product_r li{ float:left; width:25%; height:361px; text-align:center;color:#333; font-size:1.1em; line-height:1.5em; margin:0 auto 0}
.product_r li img{ max-width:100%; height:220px;    display: block;
    margin: 0 auto;
    vertical-align: middle;}
.product_r li p{ margin:8% auto 0}
.product_r li a{ width:100%; overflow:hidden; display:block; padding:10% 8% 8%; margin:2%;}
.product_r li a:hover{background: #fff;-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    -webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);}


.cooperation_div li{ width:16.66%; margin:1% auto 2%}

.shaixuan_div{ border:1px #ededed solid; background:#fff; padding:0.5% 2%; margin:2.5% auto}
.shaixuan_div .shaixuan_show{ border-bottom:solid 1px #ededed; padding:1.2% 0; font-size:0.95em;}
.shaixuan_div .shaixuan_show span{ color:#666}
.shaixuan_div .shaixuan_show a{ color:#333; margin:0 1.5%}
.shaixuan_div .shaixuan_show em,.shaixuan_div .shaixuan_show a:hover{ color:#0084b5; margin:0 1.5%}



/* 02_产品详情 轮播图 */
.auto_780 {max-width: 780px; margin:0 auto}
.Galary002512{ background:#f1f1f1; padding:150px 0 25px;}
.Galary002512 .slider-for{ margin-bottom:3%;}
.Galary002512 .slider-for li{ background:#fff;}
.Galary002512 .slick-dots li{ background:none;}
.Galary002512 .slider-for li .Ispic{ padding-bottom:64.1%; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;}
.Galary002512 .slider-nav li .Ispic{ border:1px solid #fff; background-color:#fff; padding-bottom:60%; margin:0 3%;}
.Galary002512 .slider-nav li.slick-center .Ispic{ border-color:#0047ba;}
.Galary002512 .slider-nav{ margin-bottom:30px;}
/* Slider */
.Galary002512 .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.Galary002512 .slick-list{position: relative;overflow: hidden;}
.Galary002512 .slick-slider .slick-track,
.Galary002512 .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.Galary002512 .slick-track{position: relative;top: 0;left: 0;}
.Galary002512 .slick-loading .slick-track{visibility: hidden;}
.Galary002512 .slick-slide{display: none;float: left;min-height: 1px;}
.Galary002512 .slick-initialized .slick-slide{display: block;}
.Galary002512 .slick-loading .slick-slide{visibility: hidden;}
.Galary002512 .slick-loading .slick-list{background: url(../images/ajax-loader.gif) center center no-repeat;}
.Galary002512 .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.Galary002512 .slick-arrow.slick-hidden {display: none;}
/* Arrows */
.Galary002512 .slick-arrow{font-size: 0;line-height: 0;position: absolute;top: 50%; width: 40px;height: 40px;padding: 0;cursor: pointer;border: none; z-index:10; margin-top:-20px;  background-color:rgba(0,0,0,0.8);}
.Galary002512 .slick-arrow:hover{background-color: #0047ba;}
.Galary002512 .slick-arrow::before{ position:absolute; content:''; left:50%; top:50%; margin-left:-2px; margin-top:-5px; width:10px; height:10px;  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  -o-transform:rotate(-45deg);  transform:rotate(-45deg);}
.Galary002512 .slick-prev{left: -55px;}
.Galary002512 .slick-next{right: -55px; background-position: right top;}
.Galary002512 .slick-prev::before{ border-left:2px solid #fff; border-top:2px solid #fff;}
.Galary002512 .slick-next::before{ border-right:2px solid #fff; border-bottom:2px solid #fff;margin-left:-8px;}
/* Dots */
.Galary002512 .slick-dots{ list-style: none;text-align: center; position:absolute; left:0; bottom:20px; width:100%;}
.Galary002512 .slick-dots li{display: inline-block;margin: 0 5px;}
.Galary002512 .slick-dots li button{font-size: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;border: 0;background: rgba(0,0,0,0.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:0;}
.Galary002512 .slick-dots li.slick-active button{ background: #014258;}
@media(max-width:1200px){
.Galary002512{ padding: 40px 0; } 
.Galary002512 .slick-slider{  margin-bottom: 0; } 
}
@media(max-width:768px){
.Galary002512 .slick-prev{ left: 0 }
.Galary002512 .slick-next{ right: 0 }
}
@media(max-width:640px){
.Galary002512{ padding: 20px 0; } 
}


/* tab */
.tab{width:100%;margin:0 auto; overflow:hidden}
.tab ul.menu li{cursor:pointer;}
.protuce_con{ margin:3% auto;}
.fuwu_div li{ float:left; width:31.33%; margin:0 1%; text-align:center; height:250px; color:#fff; padding:3% 0 0; font-size:1.2em; line-height:1.8em;
-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
.fuwu_div ul{ margin:3% auto;}
.fuwu_div li img{width:85px; overflow:hidden; margin:0 auto; }
.fuwu_div li a{ display:block; color:#fff; margin:3.5% auto 0}

.fuwu_div li a.btn {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    padding: 0 70px 0 45px;
    text-align: center;
    color: #0044a8;
    background: url(../images/Floor002398-more2.png) no-repeat 90% center #fff;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
}
.fuwu_div li h3{ font-size:1.15em; font-weight:bold; margin:0 auto 2%}


.container_ss{ position:relative; float:right; width:30%}
.container_ss .soText{border:solid 1px #e2e2e2; background:#fff; width:100%; padding:0 3%; font-size:0.98em; line-height:2.8em; height:2.8em}
.container_ss .soBtn{ cursor:pointer; display:block; padding:25px; width:20px; height:20px; background:url(../img/ss.jpg) no-repeat center; position:absolute; top:0; right:0; border:none} 




.jobPart2{}
.jobPart2 .list{ margin:0  }
.jobPart2 .list li:first-of-type{ border-top: #f0f0f0 solid 1px;}
.jobPart2 .list li{ border:none; border-bottom: #f0f0f0 solid 1px; position: relative; padding:3% 0 1.5%; margin:2.5% auto; list-style: none;  }
.jobPart2 .list li .toptop{ position: relative; padding: 0 120px 0 27%; }
.jobPart2 .list li .leftDiv { position: absolute; left: 0; top: 0; width:25%; min-height: 64px;}
.jobPart2 .list li .name { position: relative; color: #0a122e; font-size: 24px; line-height: 30px; padding-bottom: 15px;}
.jobPart2 .list li .name em { position: absolute; left: 0px; bottom: 0px; display: block; width: 19px; height: 2px; background: #0a122e;}
.jobPart2 .list li .txt{ font-weight: bold; font-size: 16px; color: #0a122e; padding:15px 0; }
.jobPart2 .list li .content{ line-height: 28px; color: #666; padding-bottom: 30px; font-size: 13px; }
.jobPart2 .list li .rightDiv{ position: absolute; right: 0; top: 25px; text-align: right; }
.jobPart2 .list li .address em{ display: block; font-size: 14px; color: #666;}
.jobPart2 .list li .address p{ font-size: 16px; padding-top: 12px; color: #0084b5; }
.jobPart2 .list li .time{ padding-top: 55px; font-size: 14px; color: #666; }
.jobPart2 .list li .hideBox{ display: none; padding: 0 120px 0 27%;  }
.jobPart2 .list li .btnDiv{ padding-top:3%; padding-left: 27%; }
.jobPart2 .list li .btnDiv a{ display: block; width: 144px; height: 40px; border: #0084b5 solid 2px; line-height:35px; text-align: center; font-size: 14px; color:#0084b5;    background: url(../images/gengduo_h.png) no-repeat 110px center;
    text-indent: -20px; }
.jobPart2 .list li .btnDiv span{ display: none; }
.jobPart2 .list .liNow .btnDiv em{ display: none; }
.jobPart2 .list .liNow .btnDiv span{ display: block; }
.jobPart2 .list li .btnDiv a:hover{ background: #0084b5 url(../images/gengduo_h1.png) no-repeat 110px center; color: #fff; }



@media(max-width:480px ){
.jobPart2 .list li{ padding: 30px 0;  }
.jobPart2 .list li .toptop,
.jobPart2 .list li .hideBox{ padding: 0; }
.jobTitle .form{ position: relative; width: 100%; margin-bottom: 20px;  }
.jobPart2 .list li .leftDiv{ width: inherit; position: relative; }
.jobPart2 .list li .rightDiv{ position: relative; top: 0; text-align: left; }
.jobPart2 .list li .address em,
.jobPart2 .list li .address p,
.jobPart2 .list li .address .time{ display: inline-block;  margin: 0; font-size: 16px; padding-top: 0; line-height: 32px;   }
.jobPart2 .list li .time{ padding-top: 0; padding-bottom: 20px;  }
.jobPart2 .list li .btnDiv{ padding: 0;  }
}





/* 返回css */

.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../img/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #0af;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -38px;
    top: -230px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(../img/suspend_icon_01.png);
}

.service-qq {
    background-image: url(../img/suspend_icon_03.png);
}


.service-proposal {
    background-image: url(../img/suspend_icon_02.png);
}



.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../img/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../img/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -139px;
    top: -120px;
    width: 139px;
    height: 163px;
}

.pic-content {
    position: absolute;
    width: 139px;
    height: 163px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(../img/ewm.jpg) center no-repeat;
    right: 10px;
}


.menu_body{ display:none}
.menu_body a{ display:block; width:100%; padding:1.5% 0 1.5% 7%; font-size:0.95em}
/*
.menu_head span{ width:28px; height:19px; display:block; position:absolute; top:12px; right:5px;
    background: url(../images/pro_left.png) center right no-repeat;
}.menu_list .current span{
    background: url(../images/pro_down.png) center right no-repeat;
}*/
.menu_list_div dd{ width:100%; overflow:hidden; border-bottom:solid 1px #e5e5e5; margin:2.5% auto 3.5%; padding:3% 0 3% 25px;
background: url(../img/li_bg1.png) no-repeat left center; position:relative}
.menu_list_div dd a:hover,.menu_list_div dd.cur a{ color:#004057}
.menu_list_div dd:hover,.menu_list_div dd.cur{background: url(../img/li_bg2.png) no-repeat left center;}
.menu_list_div dd.current{background: url(../img/li_bg3.png) no-repeat left center;}
.menu_list_div dd.current a{ color:#004057}
/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
	
	
    .banner-words h4{font-size: 58px;}
    .product,.apply,.news,.content{width: 94%;}
    .product-picwords ul li{padding: 72px 0 80px 0;}
    .apply-top ul li{height: 460px;}
    .apply-topsize{height: 216px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 28px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 216px;}
    .apply-words h6{font-size: 26px;}
    .product-words h6{font-size: 26px;}
    .apply-bottom {margin-top: 30px;}
    .news-tablist ul li,.news-wordslist ul li{height: 366px;}
    .news-words h4{font-size: 22px;height: 64px;}
	
	

}

@media all and (max-width:1460px) {
    .banner-words h4 {font-size: 46px;}
    .apply-top ul li{height: 400px;}
    .apply-topsize{height: 188px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 24px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 188px;}
    .apply-words h6 {font-size: 24px;}
    .news-wordsbox {margin-top: 48px;}
    .news-tablist ul li, .news-wordslist ul li {height: 320px;}
    .news-words h4 {font-size: 20px;height: 58px;}
    .news-words p{margin-top: 18px;}
    .news-words h6{margin-top: 28px;}
	
	#slide li{ width:306px;}
	
	
	
	

}

@media all and (max-width:1380px) {
    .banner-words h4 {font-size: 42px;}
    .product-words h6 {font-size: 22px;}
    .product-words p a, .product-words p span {font-size: 16px;}
    .product-words p span {margin: 0 16px;}
    .product-words {margin-top: 30px;}
    .product-picwords ul li {padding: 54px 0 60px 0;}
    .product-picwords {margin-top: 30px;}
    .apply-top ul li{height: 340px;}
    .apply-topsize{height: 160px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 20px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 160px;}
    .apply-words h6 {font-size: 20px;}
    .apply-words p {font-size: 16px;}
    .news-tablist ul li, .news-wordslist ul li {height: 300px;}
    .apply-bottom {margin-top: 26px;}
    .news-wordsbox {margin-top: 40px;}
    .news-words h4 {font-size: 18px;height: 54px;}
    .news-words p {font-size: 14px;line-height: 22px;margin-top: 14px;height: 66px;}
    .news-words h6 {margin-top: 20px;}
	
	.banner-words h4{ width:60%}
	.banner-words h3{ font-size:3em;}
	.banner-words h4 img{ width:100%}
	.banner-words p{ font-size:18px}
	.banner-words a{ width:120px; height:38px; line-height:38px; font-size:14px}
	.about_content h3{ font-size:20px;}
	
	.product, .apply, .news, .content{ width:94%}
	#slide li{ width:297px;}
	.cover_div p{overflow: hidden;
text-overflow: ellipsis;  /* 超出部分省略号 */
word-break: break-all;  /* break-all(允许在单词内换行。) */  
display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
-webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-line-clamp: 2; /* 显示的行数 */}

.Galary002512{padding:120px 0 25px;}
.show_con{ width:94%}
.page_tab a, .page_productcon .menu li{ width:190px;}
	
	.tuitjian #slide li{ width:23%; margin:1%}
	.title_h3{ line-height:1.5em;}
	.title_h3 h3{ font-size:2em; line-height:1.5em;}
	.container_show .title_h1 h1{ font-size:3em;}
	.container_show .title_h1 h1 span{ height:40px; top:40%}
	
}

@media all and (max-width:1280px) {
    .banner-words h4 {font-size: 38px;}
	.banner-words h3{ font-size:2.6em;}
	.shiyanshi_banner .shiyanshi h2{ font-size:2.2em; line-height:2.2em;}
	.shiyanshi_rr{ width:180px; height:180px;}
}

@media all and (max-width:1200px) {
    .banner-words h4 {font-size: 34px;}
    .banner-words a{margin-top: 28px;}
    .product-words p a, .product-words p span {font-size: 14px;}
    .product-words p span {margin: 0 12px;}
    .apply-top ul li{height: 300px;}
    .apply-topsize{height: 140px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 20px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 140px;}
    .apply-bottom {margin-top: 22px;}
    .apply-words p {font-size: 14px;}
    .news-words h4 {font-size: 16px;height: 46px;}
    .news-tablist ul li, .news-wordslist ul li {height: 260px;}
    .news-words p {font-size: 14px;line-height: 20px;margin-top: 10px;height: 60px;}
    .news-words h6 {margin-top: 14px;}
	
	.banner-words h4{ width:66%}
	#slide li{ width:290px;}
	
	.solution_l{ width:30%}
	.solution_r{ width:66%}
	.solution_r h1{ font-size:1.5em; line-height:1.4em; padding:0 0 2%}
	.product_r li{ width:50%}
	.title h4{ font-size:1.8em}
	.company_main .show_con,.company_l,.company_r,.page_tab,.news_nav{ width:100%}
	.company_r{ margin:2% auto}
	.news_nav{ margin:1% auto 0}
	.news_nav a{ padding:0 1.5%}
	.news_list .list{ margin:1% auto 0}
	
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner-prev, .banner-next{display: none;}
    .banner-words {left: 3%;width: 94%;}
    .banner-words h4 {font-size: 26px;}
    .banner-words p {font-size: 14px;}
    .banner-words a {width:110px;height:35px;line-height: 35px;}
    .banner .swiper-pagination {bottom: 14px;}
    
	.apply-container{ margin:3% auto; background-size:100%}
	
	
    .product-picwords {margin-top: 20px;}
    .product-picwords ul li{width: 48.5%;padding: 32px 0 40px 0;}
    .product-words h6 {font-size: 20px;}
    .product-words {margin-top: 16px;}
    .product-words p a, .product-words p span {font-size: 12px;}
    .product-words p span {margin: 0 8px;}
    .apply-top ul{margin-left: 0;}
    .apply-top ul li{width: 100%;margin-left: 0;height: auto;}
    .apply-top ul li:last-child{margin-top: 16px;}
    .apply-topsize{height: 140px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 16px;}
	
	.apply-top ul li:nth-child(1)>div:nth-child(2){ margin-top:16px}
	
    .apply-words h6 {font-size: 16px;}
    .apply-words p {font-size: 14px; margin-top:8px;}
    .apply-bottom ul li{width: 48%;margin-top: 16px;}
    .apply-bottom {margin-top: 12px;}
    .news-click ul li {width: 92px;height: 40px;line-height: 40px;font-size: 16px;margin: 0 4px;}
    .news-tablist ul li{width: 50% !important;height: 200px;}
    .news-words h4 {font-size: 14px;height: 40px;}
    .news-words p {font-size: 12px;line-height: 18px;margin-top: 8px;height: 54px;}
    .news-words h6 {margin-top: 10px;font-size: 12px;}
    .news-words {bottom: 16px;}
    .news-wordslist ul li{width: 100% !important;height: 180px;}
    .news-wordsbox {margin-top: 28px;}
    .apply-top {margin-top: 32px;}
    .apply-topminl, .apply-topminr{width: 49%;}


}

@media all and (max-width:768px) {
	
	.banner-words h4{ width:31%}
	.banner-words p{ font-size:14px;    margin:1% auto;}
	.banner-words a{ font-size:14px; margin-top:0}
	.PUBtitle{ margin:3% auto 4%}
	.product_container li h3{ font-size:15px; margin:8% auto; font-family:"微软雅黑"}
	.banner-words{ top:43%}
	.banner-words h3{ font-size:2em; margin:2% auto}
	
	.banner-dhtwo1{ top:140px; left:6%}
	.banner-dhtwo2{ left:40%}
	.banner-dhtwo3{ left:70%}
	
	#slide .tab a, .page_tab a, .page_productcon .menu li{ width:50%}
    .title{ margin:6% auto 5%}
	#slide li{ width:330px}
	
	.solution_l,.solution_r,.product_r li,.fuwu_div li,.shiyanshi_banner .shiyanshi .shiyanshi_l,.zizhi li,.news_list .list li .li_img,.news_list .list li .li_info{ width:100%}
	.Galary002512{padding:90px 0 25px;}
	.page_tab a, .page_productcon .menu li{ margin-right:5%; margin-bottom:5%; width:45%}
	.show_con h1{ line-height:1.3em; font-size:1.5em; padding:0 0 6%; margin:5% auto 4% }
	.protuce_con h1.title_h1{margin:0 auto 6%;padding:0 0 6%;}
	.protuce_con img{width:100% !important; height:auto !important }
	.fuwu_div li{ height:200px; margin:2% auto 3%}
	.solution_l{ margin:0 auto 10%}
	.shiyanshi_rr{ float:left; width:160px; height:160px; margin:3% auto}
	
	.shiyanshi_banner{ height:400px !important}
	.shiyanshi_banner img{ min-height:400px !important}
	.shiyanshi_banner .shiyanshi{ top:6%; left:4%}
	.shiyanshi_banner .shiyanshi h2{ font-size:2em; line-height:2em;}
	.tuitjian #slide li{ width:94%; margin:3%}
	.title_h3{ line-height:1.8em; margin:5% auto}
	.title_h3 h3{ font-size:1.7em}
	.container_show .title_h1 h1 span{ height:40px; top:30%}
	.container_show .title_h1 h1{padding: 3% 0 2% 3.5%;}
	.base_text{ font-size:1.16em; line-height:1.8em}
	.zizhi li:nth-child(1), .zizhi li:nth-child(3){ border-right:none}
	.news_list .list li .li_info p{ display:none}
	.news_list .list li .li_info h4{ font-size:1.3em; line-height:1.6em; margin:5% auto 3%}
	.news_list .list li{ padding:5%}
	.news_nav a{ font-size:1.15em}
	.show_content{ font-size:1.2em; line-height:1.7em}
	.show_zhaiyaojieshao{ margin:5% auto; font-size:1.1em; line-height:1.6em;}
	.show_zhaiyao{ margin:5% auto; font-size:1.1em;}
	.show_con h1 span{ display:none}
	.hr_content,.jobPart2 .list li .txt{ font-size:1.4em; line-height:1.8em;}
	.hideBox,.btnDiv{ font-size:1em; line-height:1.5em;}
	.btnDiv{ margin:5% auto}
	.shaixuan_div .shaixuan_show{ font-size:1.1em; line-height:2em;padding:3%}
	.shaixuan_div .shaixuan_show em, .shaixuan_div .shaixuan_show a:hover{ margin:0 3%}
	.container_ss{ width:100%; margin:2% auto 3%}


}
@media all and (max-width:414px) {
	
	.banner-words h4{ width:36%}
	.banner-dhtwo1{ width:80%; left:16%; top:120px;}
	.banner-dhtwo2,.banner-dhtwo3{ display:none}
	
	.banner-words h3{ font-size:1.6em}
	.banner-words a{ font-size:12px; line-height:30px;height:30px; border:solid 1px #fff}
	
	.slide3 .banner-words{ top:35%}
	
	.slide3 .banner-dhtwoimg{ width:100%}
	.banner-dhtwo4{top:100px; left:28%; width:65%;}
	.banner-dhtwo5{ left:15%; width:27%; top:120px}
	.banner-dhtwo6{ left:60%; width:23%; top:130px; float:right}
	
	
	.suspension{ right:5px; bottom:0;}
	.suspension .consult,.suspension .cart,.suspension .back-top{ width:42px; height:42px; background-size:100%}
	.suspension .cart{ margin-top:5px}




}