a:hover{ color:#267fff;}
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f8f8f8; }
.bg2{ background-color: #f6f6f6; }
.bg3{ background-color: #f9f9f9; }
.colr_main{ color:#267fff; }
.colr_main2{ color:#e22646; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#999; }
ol,ul,li{list-style: none;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#777777;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#777777;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#777777;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #dddddd;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
    border-radius: 3px;
    background-color: #dddddd;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #267fff;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{
    border-radius: 3px;
    background-color: #267fff;
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: #267fff;
  border-radius: 3px;
}
::-webkit-scrollbar-track-piece:horizontal:decrement,
::-webkit-scrollbar-track-piece:horizontal:increment {
  background-color: rgba(166, 166, 166, 0.2);
}
.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

@media (min-width:1350px) {
    .container{ width:1330px; }
}

.AutoTitle{ text-align:center; padding:73px 0 45px; }
.btitle{ font-size:30px; line-height:1.4em; color:#333333; font-weight:bold; }
.btitle::after{ content:""; display:block; height:2px; width:20px; background:#267fff; margin:4px auto 0; }
.MoreBox a,
.MoreBox .a{ font-size:14px; color:#267fff; line-height:38px; padding:0 15px; border:1px solid #267fff; display:inline-block; transition:all .5s; }
@media only screen and (min-width: 1200px){
    .MoreBox a:hover,
    .MoreBox .a:hover{ color:#fff; background-color:#267fff; }
}
@media only screen and (max-width: 1200px){
    .AutoTitle{ padding:25px 0 15px; }
    .btitle{ font-size:22px; }
    .MoreBox a,
    .MoreBox .a{ line-height:30px; }
}
@media only screen and (max-width: 768px){
    .AutoTitle{ padding:20px 0 10px; }
    .btitle{ font-size:20px; }
}

/**头部导航**/
#header{ position:fixed; left:0; width:100%; top:0; z-index:99; background-color:#004492; padding:0.5% 0; box-sizing: border-box;}
#header .logo{ display:table-cell; align-items:center; vertical-align:middle; height: auto; }
#header .logo img{height:60px; vertical-align: middle; font-size: 0}
.img1{display: block;}
.img2{display: none;}
#header .Menu{ font-size:0;  margin-top:1%}
#header .Menu li{ display: inline-block; vertical-align: middle; line-height:35px; font-size:16px; color:#fff; }
#header .Menu .title{ display:block; color:#fff; }
#header .Menu .title span{ position:relative; z-index:2; display:block; }
#header .Menu .Lib{ min-width: 100%; background:rgba(255,255,255,.99); box-shadow: -10px 0 10px rgba(0,0,0,0.1); word-break:keep-all; white-space:nowrap; }
#header .Menu .Lib .Box{ padding:35px 0; }
#header .Menu .Lib .imgBox{ padding-top:19.616%; width:420px; }
#header .Menu .Lib .type{ font-size:20px; font-weight: bold; width: 22.5%; }
#header .Menu .Lib .aBox{ width: 72.5%; }
#header .Menu .Lib .aBox a{ font-size:17px; line-height:1.2em; width: 48%; display: inline-block; float: left; min-height: 40px; white-space: nowrap; position: relative; }
#header .Menu .Lib .aBox a.hot:before{ display: block; content: ""; position: absolute; left:16px; top:0; height:20px; width:14px; background:url(../images/hot.png) no-repeat center; animation: shake-vertical 1s infinite ease-in-out;  }
#header .Menu .Lib .aBox a:nth-child(2n+1){ margin-left: 4%; }
#header .Menu .Lib .aBox a i{ display: inline-block; vertical-align: middle; font-style: normal; margin-right:10px; position: relative; top: -1px; }
#header .Menu .Lib .aBox a .i_icon{ display: none; }
#header .Menu .Lib .aBox a .txt{ display: inline-block; }
.SmallHeader #header{ box-shadow:0 0 10px rgba(0,0,0,.2); }
.topright{float: right;}
.topright1{text-align: right;}

#header .other a .serach{ display:block; width:30px; height:101px;font-size: 18px;line-height: 101px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}

.serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 1% 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 101px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

@media (min-width:1200px) {
    body{ }
    #header .Box{ position:relative; }
    #header .Menu>.container{ padding:0; width:100%; }
    #header .Menu .ul{ display:inline-block; vertical-align:middle; }
    #header .Menu .on .title{ color:#fff; transition:all .3s; }
    #header .Menu li{ position:relative; }
    #header .Menu li .title{ padding:0 0 0 50px; position:relative; transition:all .3s; }
    #header .Menu .title:hover{ color:#fff; }
    #header .Menu li:hover .title::before{ display:block; }
    #header .Menu .title::before{ content:""; display:none; position: absolute; left:0; top:100%; width:100%; height:100%; background:transparent; }
    #header .Menu .hlb::after{ content:""; position: absolute; left:50%; top:100%; margin-left:-7px; margin-top: 0; border:7px solid transparent; border-bottom-color:#267fff; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:opacity .3s,margin .3s; -webkit-transition:opacity .3s,margin .3s; -ms-transition:opacity .3s,margin .3s; -moz-transition:opacity .3s,margin .3s; -o-transition:opacity .3s,margin .3s; }
    #header .Menu li:hover .hlb::after{ opacity:1; margin-top:9px; z-index:2; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
    #header .Menu li:hover .Lib{ opacity:1; margin-top:23px; z-index:2; transform:scale(1) translateX(-50%); -webkit-transform:scale(1) translateX(-50%); -moz-transform:scale(1) translateX(-50%); -ms-transform:scale(1) translateX(-50%); -o-transform:scale(1) translateX(-50%); }
    #header .Menu .Lib{ position: absolute; left: 50%; top: 100%; text-align:center; margin-top:0px; opacity:0; z-index: -1; transform:scale(0) translateX(-50%); -webkit-transform:scale(0) translateX(-50%); -moz-transform:scale(0) translateX(-50%); -ms-transform:scale(0) translateX(-50%); -o-transform:scale(0) translateX(-50%); transition:opacity .3s,margin .3s; -webkit-transition:opacity .3s,margin .3s; -ms-transition:opacity .3s,margin .3s; -moz-transition:opacity .3s,margin .3s; -o-transition:opacity .3s,margin .3s; }
    #header .Menu .Lib .container{ padding:5px 0; width:auto; }
    #header .Menu .Lib a{ display:block; padding:12px 10px; font-size:13px; line-height:20px; color:#666; }
    #header .Menu .Lib a:hover{ color:#267fff; background-color:#f5f5f5; }
    #header .Menu .Lib .as{ position:relative; }
    #header .Menu .Lib .as:hover>a{ background-color:#f5f5f5; }
    #header .Menu .Lib .as .Lib2{ position: absolute; left:100%; top:0; display:none; background:#fff; }
    #header .Menu .Lib .as:hover .Lib2{ display:block; }
    #header .FormBox{position:absolute;left:0;top:-10px;z-index:-1;width:100%;padding:10px 0;background:#fff;opacity:0;margin-top:-15px;transform:scale(0);transition:opacity 0.3s,margin-top 0.3s,padding 0.3s;}
    #header .FormBox .form{display:block;position:relative;padding:0 40px;}
    #header .FormBox .form .Key{display:block;width:100%;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#ccc;}
    #header .FormBox .form .submit{display:block;cursor:pointer;position:absolute;right:10px;top:0;height:100%;width:30px;background:url(../images/icon_search_h.png) no-repeat center/18px auto;}
    #header .FormBox .form .exit{display:block;cursor:pointer;position:absolute;left:10px;top:0;height:100%;width:30px;background:url(../images/exit.png) no-repeat center / 16px auto;}
    #header .other{ display:inline-block; vertical-align:middle; }
    #header .SearchBtn{ margin-right:25px; display:inline-block; vertical-align:middle; height:18px; width:30px; background:url(../images/icon_search.png) no-repeat center/18px auto; }
    #header .SearchBtn:hover{ background-image:url(../images/icon_search_h.png); }
    #header .language{ display:inline-block; vertical-align:middle; font-size:14px; color:#fff; line-height:18px; padding-left:25px; background:url(../images/icon_language.png) no-repeat left center/18px auto; position:relative; }
    #header .language a{color:#fff;}
    #header .language .t{ display:block; padding-right:10px; background:url(../images/jt1.png) no-repeat right center; }
    #header .language .aBox{ border:1px solid #dfdfdf; text-align:center; background:#fff; opacity:0; margin-top:-10px; position:absolute; right:0; top:80%; background:#fff; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:opacity .3s,margin .3s; -webkit-transition:opacity .3s,margin .3s; -ms-transition:opacity .3s,margin .3s; -moz-transition:opacity .3s,margin .3s; -o-transition:opacity .3s,margin .3s; }
    #header .language .aBox::before{ position: absolute; left:0; bottom:100%; content:""; width:100%; height:5px; background:url(../images/jt4.png) no-repeat center; }
    #header .language:hover .aBox{ margin-top:0; opacity:1; z-index:2; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
    #header .language .aBox a{ display:block; font-size:14px; line-height:20px; color:#888888; padding:7px 10px; }
    #header .language .aBox a+a{ border-top:1px solid #eeeeee; }
    #header .language .aBox a:hover{ color:#267fff; background:#eef1f6; display: block;}
    #header .Menu li.sj{display: none}


}
@media only screen and (max-width: 1200px){
    body{ padding-top:0; }
    /**头部导航**/
    #header{ box-shadow:0 0 10px rgba(0,0,0,.2); padding:5px 0; position:sticky; top:0; }
    #header .logo{ height: 50px; }
    #header .logo img{ height: 38px; }
    #header .PhoneMenu{ width: 34px; padding-top:12px; position: relative; float: right; }
    #header .PhoneMenu i{ display: block; background:#ffffff; height:3px; opacity: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  }
    #header .PhoneMenu i+i{ margin-top:8px; }
    #header .Menu{ position: fixed; top:60px; padding:15px 0 10px; left: 0; height:calc(100vh - 60px); width:100%; z-index: 99; overflow-y:auto; background-color: rgba(255, 255, 255,0.95); transform:scaleX(0); -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); box-shadow: none; }
    #header .Menu .ul{ padding:0; }
    #header .Menu li{ display: block; float: none; line-height:26px; border-bottom:1px solid rgba(218, 218, 218,.99); }
    #header .Menu li .title{ margin:0; font-size:17px; padding:10px 0; color:#3d3d3d; position:relative; }
    #header .Menu li .title .icon{ z-index: 2; position: absolute; left:auto; right: 0; top:50%; display: block; content: ""; height:100%; width:30px; background: url(../images/icon_add.png) no-repeat center/22px auto;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    #header .Menu li.click .title .icon{ background-image: url(../images/icon_add2.png); }
    #header .Menu .Lib{ position: static; box-shadow: none; display:none; margin-top:-10px; background:#fff; padding:5px 0; }
    #header .Menu .Lib .container{ padding:0; width:100%; }
    #header .Menu .Lib a{ display:block; font-size:15px; padding:3px 15px; }
    #header .Menu .Lib .Lib2{background: #fcfcfc; padding: 5px 0;}
    #header .Menu .Lib .Lib2 a{ font-size:14px; padding:1px 15px; }
    #header .language .t{ display:none; }
    #header .language .aBox a{ display:block; font-size:17px; padding:10px 0; color:#004492; border-bottom:1px solid rgba(218, 218, 218,.99); }
    #header .FormBox .form{ display:block; width:100%; border:2px solid #004492; border-radius:5px; position:relative; padding-right:46px; }
    #header .FormBox .form .Key{ display:block; padding:0 15px; line-height:36px; width:100%; font-size:14px; }
    #header .FormBox .form .submit{ position: absolute; right:0; top:0; width:46px; height:100%; background:#004492 url(../images/icon_search_h2.png) no-repeat center; }
    .MenuShow #header .PhoneMenu .i1{ transform: rotate(45deg) translate(0.1rem,0.12rem); -webkit-transform: rotate(45deg) translate(8px,7px); -ms-transform: rotate(45deg) translate(8px,7px); -moz-transform: rotate(45deg) translate(8px,7px); -o-transform: rotate(45deg) translate(8px,7px); }
    .MenuShow #header .PhoneMenu .i2{ opacity: 0; }
    .MenuShow #header .PhoneMenu .i3{ transform: rotate(-45deg) translate(9px,-7px); -webkit-transform: rotate(-45deg) translate(9px,-7px); -ms-transform: rotate(-45deg) translate(9px,-7px); -moz-transform: rotate(-45deg) translate(9px,-7px); -o-transform: rotate(-45deg) translate(9px,-7px); }
    .MenuShow #header .Menu{ opacity: 1; transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); }
    #header .Menu li.sj{display: block;}
    #header .language{display: none;}
    #header .Menu .on .title{color: #004492; font-weight: 600}
    
}

@media only screen and (max-width: 768px){
    #header .logo img{ height: 30px; }
}

/**底部**/
#footer{ background-color:#222222; color:#777777; font-size:14px; line-height:20px; padding:1px 0; }
#footer a{ color:#777; }
#footer .top{ padding:2% 0; box-sizing: border-box; }
#footer .menu{}
#footer .menu li{ float:left; display:inline-block; max-width:20%; }
#footer .menu li+li{ margin-left:3%; }
#footer .menu .title{ font-size:16px; color:#cdcece; margin-bottom:20px; }
#footer .menu .aBox{}
#footer .menu .aBox .div{ padding:3px 0; }
#footer .menu .aBox .div a{ color:#777777; }
#footer .menu .aBox .div a:hover{ color:#fff; }
#footer .menu .code{ padding-top:6px; }
#footer .menu .code .txt{ font-size:14px; color:#999999; text-align:center; margin-top:10px; }
#footer .message{ text-align:right;  }
#footer .message .mobile{ display:block; margin-bottom:30px; color:#fff; padding:2px 63px 2px 0; background:url(../images/icon_phone.png) no-repeat right 0 center; }
#footer .message .mobile .word{ font-size:14px; line-height:20px; }
#footer .message .mobile .num{ font-size:30px; line-height:26px; }
#footer .message .contact{ font-size:14px; line-height:22px; margin-bottom:20px; }
#footer .message .contact a{ color:#777; }
#footer .bot{ border-top:1px solid #333333; padding:20px 0; }
#footer .bot a{ color:#777777; }
#footer .bot a:hover{ color:#90c31f; }
#footer .bot a img{max-width: 100%;}
#footer .shareBox{ font-size:0; }
#footer .shareBox a{ height:24px; width:24px; display:inline-block; vertical-align:top; border-radius:50%; position:relative; }
#footer .shareBox a+a{ margin-left:10px; }
#footer .shareBox .qq{ background:url(../images/icon_fot1.png) no-repeat center/contain; }
#footer .shareBox .wechat{ background:url(../images/icon_fot2.png) no-repeat center/contain; }
#footer .shareBox .sina{ background:url(../images/icon_fot3.png) no-repeat center/contain; }
#footer .shareBox .codeBox{ padding:8px; width:120px; background:#fff; border-radius:3px; position: absolute; left:50%; bottom:100%; margin-bottom:10px; margin-left:-60px; display:none; }
#footer .shareBox .wechat:hover .codeBox{ display:block; }
@media only screen and (min-width: 1200px){
    #footer .message{ max-width:32%; }
    #footer .friendlink{ position:relative; line-height:32px; border:1px solid #333; }
    #footer .friendlink .t{ text-align:center; width:90px; background:#333333; }
    #footer .friendlink .links{ display:block; position:absolute; left:0; bottom:0; height:32px; overflow:hidden; text-align:left; width:calc(100% - 90px); padding:0 27px 0 15px; background:url(../images/jt3.png) no-repeat right 10px bottom 10px; transform:all .3s }
    #footer .friendlink .links:hover{ height:auto; border:1px solid #333; background-color:#222; }
    #footer .friendlink .links a{ display:block; }
    #footer .friendlink .links a:hover{ color:#fff; }
}
@media only screen and (max-width: 1200px){
    /**底部**/
    #footer{}
    #footer .top{ text-align:center; padding:20px 0; }
    #footer .menu{ display:none; }
    #footer .message{ float:none; width:100%; text-align:left; display:flex; flex-wrap:wrap; text-align:center; justify-content:center; }
    #footer .message .mobile{ display:inline-block; padding:0 0 0 28px; background-position:left center; background-size:contain; margin-bottom:5px; order:2; opacity:.6; }
    #footer .message .mobile .word{ display:none; }
    #footer .message .mobile .num{ font-size:14px; line-height:20px; }
    #footer .message .contact{ margin:0; width:100%; order:2; }
    #footer .friendlink{ order:1; width:100%; margin-bottom:15px; }
    #footer .friendlink .t{ float:none; color:#ccc; margin-bottom:2px; }
    #footer .friendlink .links{ margin:0 -5px; }
    #footer .friendlink .links a{ margin:2px 5px; }
    #footer .bot{ text-align: center; padding:10px 0; }
    #footer .bot .f_l,
    #footer .bot .f_r{ float: none; display: block; }
    #footer .shareBox{ margin-top:3px; }
}

/**右侧悬浮**/
#NavFixed{ position: fixed; right: 20px; top:50%; text-align: center; width:65px; z-index: 9; }
#NavFixed .li{ display: block; padding:23px 5px 17px; position: relative; background:#fff; transition: all .3s; border:1px solid #dddddd; margin-top:-1px; }
#NavFixed .li+.li{ border-top:1px solid #ddd; }
#NavFixed .li .icon{ display: block; height: 22px; width:22px; background:no-repeat center; margin:0 auto 3px; }
#NavFixed .li.qqBox .icon{ background-image: url(../images/nav_right1.png); }
#NavFixed .li.phoneBox .icon{ background-image: url(../images/nav_right2.png); }
#NavFixed .li.Returntop .icon{ background-image: url(../images/nav_right3.png); }
#NavFixed .li .txt{ display:block; font-size: 12px; line-height:18px; color:#666666; }
#NavFixed .phoneNumber{ position: absolute; right:100%; top:0; height:100%; word-break: keep-all; white-space: nowrap; padding:0 15px; line-height:85px; margin-right: -20px; opacity: 0; transform: scale(0); transition:margin .3s,opacity .3s; font-size: 22px; border:1px solid #004492; background:#004492; color:#fff; }
#NavFixed .li:hover{ background:#004492; color:#fff;}
#NavFixed .li:hover .txt{ color:#fff; }
#NavFixed .li:hover .phoneNumber{ margin-right:0; transform: scale(1); opacity: 1; }
#NavFixed .li.qqBox:hover .icon{ background-image: url(../images/nav_right1_h.png); }
#NavFixed .li.phoneBox:hover .icon{ background-image: url(../images/nav_right2_h.png); }
#NavFixed .li.Returntop:hover .icon{ background-image: url(../images/nav_right3_h.png); }
@media only screen and (max-width: 768px){
    #NavFixed{ display:none; }
}


.banner .text .learmore a,.quick-product-item .lear a,.company-exhibition-box .learnmore a,.layout-info-item .more a{display: block;border: 1px solid #fff;border-radius: 50px;-webkit-transition: 0.3s;transition: 0.3s;}
.banner .text .learmore a:hover,.quick-product-item .lear a:hover,.company-exhibition-box .learnmore a:hover,.layout-info-item .more a:hover{color: #fff;background-color: #52c3f1;border-color: #52c3f1;}
.banner{position: relative;margin-top:4%;}
.banner .pic{}
.banner .pic img{-webkit-transition: 8s;transition: 8s;}
.banner .swiper-slide-active img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner video,.banner img{max-width: 100%;vertical-align: top;}
.banner .text{position: absolute;top: 50%;left: 20%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff;}
.banner .swiper-wrapper,.banner .swiper-slide{height: auto;}
.banner .text .bbt,.banner .text p,.banner .text .learmore{opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: 0.5s;transition: 0.5s;}
.banner .swiper-slide-active .text .bbt,.banner .swiper-slide-active .text p,.banner .swiper-slide-active .text .learmore{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.banner .text .bbt{font-size: 40px;line-height: 50px;}
.banner .text p{font-size: 22px;margin: 12px 0;transition-delay: 0.2s;}
.banner .text .learmore{width: 106px;height: 32px;line-height: 32px;margin-top: 34px;text-align: center;transition-delay: 0.4s;}
.banner .gs5 img{height:65px; width:auto;}
.banner .gs5{padding-bottom:5px;}
.banner .text .learmore a{color:#Fff;}
.banner .pic{position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner,.banner .swiper-slide{height:600px;}
.swiper-button-prev-warp,.swiper-button-next-warp{position: absolute;z-index: 9;top: 0;width: 15%;height: 100%;-webkit-transition: 0.2s;transition: 0.2s;}
.swiper-button-prev-warp,.swiper-button-next-warp{opacity: 0.2;}
.swiper-button-prev-warp:hover,.swiper-button-next-warp:hover{opacity: 1;}
.swiper-button-prev-warp{left: 0;}
.swiper-button-next-warp{right: 0;}
.swiper-button-prev-warp:hover{background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-repeat: repeat-x;}
.swiper-button-next-warp:hover{background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-repeat: repeat-x;}
.swiper-button-next, .swiper-button-prev{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);outline: none;}
.banner .swiper-pagination{bottom: 20px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner .swiper-pagination-bullet{margin: 0 8px;opacity: 1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{background-color: #007aff;}
.quick-pro-warp{position: absolute;min-width: 226px;z-index: 10;top:45%;right: 20%;border-radius: 5px;background-color: rgba(255,255,255,0.9);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.quick-pro-warp.hover{border-radius: 0 5px 5px 0;}
.quick-pro-box{/* padding: 16px 16px 10px 0; */background: url('../images/pro-bg.jpg') center/cover no-repeat;}
.quick-pro-title{line-height: 56px;font-size: 18px;padding-left: 44px;margin-left: 16px;border-radius: 5px 5px 0 0;color:#fff;background: url('../images/t-icon.png') 10px/20px no-repeat;}
.quick-pro-list{}
.quick-pro-item{position: relative;padding-left: 26px;line-height: 54px;font-size: 14px;/* border-top: 1px solid rgba(255,255,255,0.4); */transition: 0.3s;background: url("../images/p-prev-w.png") -16px/10px no-repeat;}
.quick-pro-item:after{position: absolute;content: "";width: 100%;height: 1px;top: 0;left: 0;background-color: rgba(255,255,255,0.4);transform: scaleY(0.5);}
.quick-pro-item.hover{padding-left: 56px;background-color: rgba(255,255,255,0.22);background-position: 28px;}
.quick-pro-item a{display: block;color:#fff;}
.quick-pro-item.hover a{color:#fff;}
.quick-product-list{position: absolute;top: 0;right: 226px;}
.quick-product-item{width: 0;overflow: hidden;background-color: rgba(8,74,111,0.9);-webkit-transition: 0.6s;transition: 0.6s; position: absolute; top:0; right: 0}
.quick-product-item.show{width: 600px;}
.product-list{display: flex;width: 100%;flex-wrap: wrap; margin-right:-2%;padding-right:-2%}
.product-item{position: relative;width:31.333%;height: 240px; margin-right:2%;/* border-right: 1px solid #e9e9e9; */ padding-right: 2%; box-sizing: border-box;}
.product-item:hover{background-color: rgba(8,74,111,1);}
.product-item:after,.product-item:before{position: absolute;content: "";right: 0;bottom: 0;/*background-color: rgba(255,255,255,0.2);*/}
.product-item:after{width: 1px;height: 100%;}
.product-item:before{width: 100%;/*height: 1px;*/}
.product-item:nth-child(3n):after{display: none;}
.product-item a{position: relative;display: block;text-align: center;height: 100%;}
.product-item img{width: auto;margin:5%;}
.product-item p{position: absolute;width: 100%;text-align: center;bottom: 20px;font-size: 12px;color:#fff;}
.quick-product-item .lear{width: 188px;line-height: 40px;font-size: 14px;text-align: center;margin: 20px auto;}
.quick-product-item .lear a{color:#fff;border-radius: 0;background-color: #0075c1 ;border-color: #0075c1;}
.quick-product-item .lear a:hover{background-color: #0075c1 ;border-color: #0075c1;}



.inabout{width: 100%; height: auto; overflow: hidden; padding: 2% 0; box-sizing: border-box;}
.inabout_left{float: left; width: 40%; padding:3% 0;}
.inabout_leftbt{font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    color: #333;}
.inabout_leftline{width: 50px; height: 1px; background: #004492; margin: 20px 0}
.inabout_leftzi{font-size: 14px; line-height: 25px; color: #555}
.inabout_leftmore{max-width: 120px; background: #004492; text-align: center; color: #fff; font-size: 12px; margin-top: 4%; padding:2%;}
.inabout_leftmore a{color: #fff}
.inabout_right{float: right; width: 50%;}
.inabout_right img{width: 100%; border-radius: 30px}

.inthree{overflow: hidden; padding: 0% 0 2%; box-sizing: border-box;}
.case-list{overflow:hidden;}
.case-item{position: relative;box-sizing: border-box;border-right: 1px solid #fff;cursor: pointer;float:left;width:33.33%;overflow: hidden;}
.case-item .pic{position: relative;overflow: hidden;}
.threepic{background-position:-9999px -9999px; background-size:cover; background-repeat:no-repeat;}
.case-item .pic:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;-webkit-transition: 0.3s;transition: 0.3s;}
.case-item .pic:before{background-color: rgba(74,144,226,.5);}
.case-item:hover .pic:before{opacity: 1;}
.case-item .pic img{width: 100%;vertical-align: top;-webkit-transition: 0.3s;transition: 0.3s; overflow: hidden;}
/* .case-item:hover .pic img{-webkit-transform: scale(1.2);transform: scale(1.2);} */
.case-item .text{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.case-item .text .ybt{font-size: 18px;font-weight: bold;color: #fff;}
.case-item .text .ybt .icon{display: none; width: 20px; height: 20px; margin-left: 8px;background: url('../images/play-p.png') center/cover no-repeat;}
.case-item.hover .text .ybt .icon{display: inline-block;}

.case-item .text{ z-index:4; text-align: center;}
.case-item-bg{ position:absolute; width:100%;height:100%;background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0; z-index:2;}
.case-item {/* position:relative; *//* overflow:hidden; */}
.case-item .pic{ display:none;}
.case-item img{width:100%}
.case-item span{ display:inline-block; width:55px; height:55px;}
.f1_1{ background:url(../images/y_ico.png) center no-repeat;}
.f1_2{ background:url(../images/y_ico2.png) center no-repeat;}
.f1_3{ background:url(../images/y_ico3.png) center no-repeat;}
.case-item span{ background-size:40px auto !important;}
.case-item:hover .case-item-bg{opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;}
.case-item:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}
.case-item-bg,.case-item img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

.news{background-color:unset;background-image:unset; background: #f7f7f7; padding:2% 0; box-sizing: border-box;}
.news .categories{overflow: hidden; margin-right: -1%}
.news .categories .cate{width:32.333%; margin-right: 1%; float: left;}
.news .cate .nbt{height:90px;margin:0 5px 20px;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.news .cate .nbt a{display:block;line-height:90px;color:#fff;font-size:20px;font-weight:400}
.news .cate .news-item{display:block;margin:10px 5px;padding:3%;box-shadow:4px 4px 20px 0 rgba(15,41,131,0.1);border:1px solid #eee; box-sizing: border-box;}
.news .cate .news-item:hover{background-color:#004492;color:#fff}
.news .news-item .nwz{height:auto;font-size:14px;font-weight:bold; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.news .news-item p{line-height:25px}
.news .news-item .summary{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px}
.news .news-item .time-more span:nth-child(2){float:right}



.listBanner{ width:100%; height:auto; overflow: hidden;}
.listBanner img{width:100%;}

.ny_dqlj{padding: 5px 0;border-bottom: 1px solid #eee; overflow: hidden;}
.ny_dqlj .fl{font-size: 20px;line-height: 50px;color: #004492;font-weight: bold; float:left;}
.ny_dqlj .fr{ float: right; }
.ny_dqlj .fr em{float: left; width:16px;height:50px;margin-right:5px;background:url(../images/home.png) no-repeat center;}
.ny_dqlj .fr i{float: left;width:10px;height:50px;margin:0 5px;background:url(../images/sNav_icon.png) no-repeat center;}
.ny_dqlj .fr span{float: left;font-size:16px;color:#666;line-height: 50px;}
.ny_dqlj .fr a{float: left;font-size:16px;color:#666;line-height: 50px;}
.ny_dqlj .fr a:hover{color:#004492;}
.ny_dqlj .fr a.on{color:#004492;}


.ny_f2{padding-top: 5%;text-align: center;}
.ny_f2 dl dd{display: inline-block;margin:0 5px;}
.ny_f2 dl dd a{display: block;padding: 0 30px;text-align: center;font-size: 14px;line-height: 44px;color: #333; background: #f2f2f2;-webkit-transition:0.5s;transition:0.5s;border-radius: 3px;}
.ny_f2 dl dd.on a{color:#fff;background:#004492;}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:2% 0; box-sizing: border-box;}

.about-tit{font-size: 26px;color: #08408a;margin-bottom: 2%}

.ny-about{font-size:16px;color:#222;line-height:30px; overflow: hidden;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}

.aimg{width: 100%; padding: 2% 0; height: auto; overflow: hidden;}
.aimg ul{ margin-right: -1%}
.aimg li{width:49%; float: left; margin-right: 1%}
.aimg li .abimg{overflow: hidden;}
.aimg li .abimg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s;}
.aimg li:hover .abimg img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.aimg li:first-child{width: 49% !important}


.index-datas{width: 100%; height: auto; background: #004492;}
.index-datas ul{display: flex;}
.index-datas ul li{position: relative;padding: 2rem 1rem;width: 100%;text-align: center;}
.index-datas ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;background-color: #3a3c91;transform: translate(0%, -50%);transition: all .4s;}
.index-datas span{display: block;width: 100%;font-size:3rem;line-height: 3rem;color: #fff;}
.index-datas .data{display: inline-block;margin-bottom: 0.5rem;margin-right: 0.5rem;font-size: 2.5rem;line-height: 2.5rem;color: #fff;font-weight: 600;}
.index-datas small{font-size: 14px;color: #fff;position: absolute;}
.index-datas p{margin-bottom: 0px;color: #ebe8e8;}


.profile-f{margin-top: 20px;margin-right: -2%; margin-bottom: -12px}
.profile-f-i{width:48%;height: auto;margin-bottom:12px;margin-right: 2%;float: left;overflow: hidden;}
.profile-f .le{width:70%; float: left;}
.profile-f .ri{width:30%;height:606px;overflow: hidden; float: right;}
.profile-f img{width:100%;height: 100%;transition: all .5s;-webkit-transition:all .5s;}
.profile-f img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}

.AutoTitles{ text-align:center; padding:0px; }
.btitles{ font-size:32px; line-height:45px; color:#fff; font-weight:bold; text-transform: uppercase;}
.btitles span{color:#fff; }
.btitles::after{ content:""; display:block; height:2px; width:40px; background:#fff; margin:4px auto 0; }


/*愿景使命*/
.com-vision{padding:8% 0;color:#fff;background:url(../images/cu_bg.jpg) no-repeat center center / cover; overflow: hidden; box-sizing: border-box;}
.comVision-list{}
.comVision-list li{padding:0 2.5%;width:28.333%;text-align:center;float:left;margin:4% 0 0; box-sizing: content-box;}
.comVision-list .comVision-icon{display:block;width:130px;height:130px;line-height:128px;font-size:0px;border:1px solid rgba(255,255,255,.3);border-radius:100%;position:relative;margin:0 auto;}
.comVision-icon img{width:100%;height:100%;position:relative;z-index:2;}
.comVision-list li .name{line-height:35px;font-size:24px;margin:27px 0 0; }
.comVision-list li .con{line-height:30px;margin:10px 0 0; font-size: 16px;}
.comVision-icon .icon{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.comVision-icon .icon.icon1{background:url(../images/comVision-1.png) no-repeat center center / cover;}
.comVision-icon .icon.icon2{background:url(../images/comVision-2.png) no-repeat center center / cover;}
.comVision-icon .icon.icon3{background:url(../images/comVision-3.png) no-repeat center center / cover;}
.comVision-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#fff;opacity:0;}
.comVision-list li:hover .comVision-icon{border:1px solid rgba(255,255,255,0)}
.comVision-list li:hover .comVision-icon .red-bak{-webkit-animation:flipInY2 1s .2s ease both; -moz-animation:flipInY2 1s .2s ease both;opacity:1;}
.comVision-list li:hover .comVision-icon .icon.icon1{background-image:url(../images/comVision-1-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon2{background-image:url(../images/comVision-2-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon3{background-image:url(../images/comVision-3-2.png);}


.ny_gy_bg{padding: 2% 0; overflow: hidden;}
/* 内页人才招聘部分 */
.inner_content{width:100%;background:#fff; overflow: hidden; margin: 50px 0}
.jobctit{background:#004492; line-height:70px; font-size:18px; color:#fff; margin-top:0px;}
.jobctit span{display:inline-block; width:18%; text-align:center;}
.job-content{width:100%; float:left; background:#fff;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{height:62px; line-height:62px; cursor:pointer; border-bottom:1px solid #e6e6e6; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block; margin:auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%; float:left; text-align:center; color:#666;}
.job-content dl dd{background:#f8f8f8;padding:25px;line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:bold; color:#004492; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:10px 0 20px; margin:20px 0;}
.job-content dl dd .cont li{float:left; margin-right:3%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}

/**联系我们**/
input,select,img,textarea{vertical-align:middle; border: 0}
.ContactBlock{padding:2% 0;background:#ededed;box-sizing: border-box;}
.ContactBlock .content{background:#fff;overflow: hidden;}
.ContactBlock .l_cont{float: left; width:54%; padding: 5% 2% 0; box-sizing: border-box;}
.ContactBlock .l_cont .title{ font-size: 24px; }
.ContactBlock .l_cont .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
.ContactBlock .l_cont .ul{ padding-top:2%; }
.ContactBlock .l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:2%; }
.ContactBlock .l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.ContactBlock .l_cont .ul .phone { background-position:11px -110px; }
.ContactBlock .l_cont .ul .fax { background-position:-48px -110px; }
.ContactBlock .l_cont .ul .mail { background-position:-107px -110px; }
.ContactBlock .l_cont .ul .address { background-position:-167px -110px; }
.ContactBlock .map{float: right; width:44%;}
.ContactBlock .map #map_container{height: 480px;}

.ContactBlock .bot{ padding-top: 4%; }
.ContactBlock .bot .t-center{ text-align: center; }
.ContactBlock .bot .title{ font-size: 32px; line-height: 1.85; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 25px; color:#777; margin-top: 5px; margin-bottom: 3%; }
.ContactBlock .bot .form{ background-color: #fff; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: 100%; background-color: #f2f2f2; font-size: 14px; line-height: 32px; padding:8px 2.2%; color:#999; margin:15px 0 20px; box-sizing: border-box;}
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #004492; font-size: 15px; color: #fff; cursor: pointer;} 
.ContactBlock .bot .submit:hover{ background-color: #004492; }

.col-sm-6 { width: 50%; float: left; padding: 0 15px; box-sizing: border-box;}
.col-xs-12{padding: 0 15px; box-sizing: border-box;}


.products{width:100%; padding:0; overflow: hidden;}
.products ul{margin-left: -2%;}
.products li{width:31.333%;float: left;margin-left:2%;margin-bottom:32px;transition: .3s all;}
.products li .pic{overflow: hidden; border:1px solid #e0e0e0;}
.products li .pic img{width: 100%;  transition: all .5s; -webkit-transition: all .5s; }
.products li p{color:#444;font-size:16px; text-align: center; padding:2%;background: #e0e0e0;}
.products li:hover p{background:#004492; color: #fff;transition: .3s all;}
.products li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.xinwenxiangqing{width:100%; height: auto; overflow: hidden;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 3%;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #004492;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 3% 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.xinwenxiangqing .nd_text span{font-weight: 600}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:2%;}
.hot_pro2{width:100%;float:left; margin-top:2%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#004492; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#004492;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px; font-size: 14px}

.news_con_b{border-top: 1px solid #EEE;margin-top: 2%;padding-top: 2%;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #004492;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #004492;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

.view-page{width:100%; position:relative; margin:2% 0; border-top:1px solid #d6d6d6; padding:2% 0;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #004492;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #004492;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #004492; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #004492;}


.news-tt-hz{margin-bottom:2%; background:#F6F6F6;padding:2%;overflow:hidden; display: block; transition: transform 0.5s; -webkit-transition: transform 0.5s; box-sizing: border-box;}

.news-tt-pic{width:24%;float:left;display:block; overflow:hidden;}
.news-tt-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.news-tt-pic img{ width:100%;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}

.news-tt-right{width:72%;float:right;}
.news-tt-title{font-size:16px;}
.news-tt-content{font-size:14px;float:left; line-height:24px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#666;margin:10px 0;}
.index-news-right-top-nr{float:left;overflow:hidden;}
.index-news-right-top-nr-rq li{float:left;margin-right:5px;font-size:14px;color:#666; line-height:27px;}
.index-news-right-top-nr-rq li img{vertical-align: top}
.index-news-right-top-nr-title {margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-right-top-nr-title a{font-size:20px; font-weight:bold;}
.index-news-right-top-nr-title a:hover{color:#004492 }
.index-news-right-top-nr-content{text-indent:30px;margin:14px 0;float:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#999;}

.news-more {width: 150px;line-height:40px;text-align: center; float:right;}
.news-more a {
    color: #666;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    display: block;
}
.news-more:hover a {
    background: #004492;
    color: #fff;
    display: block;
}


.inprony{overflow: hidden; box-sizing: border-box;}
/* 产品列表 */
.inpro_left{width:20%; height:auto; float:left;}
.blk-xs{width:100%;}
.fdh-01-tit {background: #004492;}
.fdh-01-tit .nbt{font-size: 24px;font-weight: normal;line-height: 60px;color: #fff;border-bottom: 1px solid #eee;text-align: center; font-weight: 600}
.fdh-01-tit .nbt span{font-size: 16px;text-transform: uppercase;}

.fdh-01-nav-one .nbt2{line-height:40px;margin-bottom: 2px;overflow: hidden;background:#f5f5f5;}
.fdh-01-nav-one .nbt2 a{display:inline-block;font-size: 14px;font-weight: normal;color: #666666;overflow: hidden;vertical-align: middle;width:calc(100% - 50px);box-sizing: border-box;padding-left:20px;}
.fdh-01-nav-one .nbt2 i{display:inline-block; vertical-align: middle;width:40px;height:40px;background: url(../images/p14-icon5.png) center center no-repeat;}
.fdh-01-nav-one .nbt2 i.xu{background: url(../images/p14-icon2.png) center center no-repeat;}
.fdh-01-nav-one dl{display:none;}

.fdh-01-nav-one .nbt2.sidenavcur, .fdh-01-nav-one .nbt2:hover{background: #004492}
.fdh-01-nav-one .nbt2.sidenavcur a, .fdh-01-nav-one .nbt2:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 40px;font-size: 14px;line-height: 40px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #004492;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #004492;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 40px;font-size: 14px;line-height: 40px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #004492;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #004492;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cbgg-01{background: #004492;color: #fff;}
.cbgg-01-img img{width: 100%;display: block;}
.cbgg-01 p{ padding: 5% 10%;}
.cbgg-01 p img{vertical-align: middle;margin-right: 5px;}
.cbgg-01 span{display: block;font-size: 21px;font-weight: bold;font-family: Arial; padding: 0% 10% 5%;}

.inpro_right{ width:78%; height:auto; float:right}
.toptit { font-size:18px;color:#343434; line-height: 52px; background: #f5f5f5; padding-left:16px; margin-bottom:20px; border-left:3px solid #004492;}

.ny_prototal{width:100%; overflow:hidden; margin-top: 3%}
.ny_prolist{width:23%; margin-right: 2%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_prolist:last-child{margin-right: 0!important}
.ny_propic{position:relative; overflow:hidden;}
.ny_propic a{display:block;}
.ny_propic a img{width:100%; border: 1px solid #eee; border-bottom: none}
.ny_propic a:before{content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span{width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before{width:100%; height:100%;}
.ny_prolist:hover .ny_propic span{display:block;}
.ny_protil{width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a{height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block;}
.ny_protil span{display:block; width:67px; height:12px; background:url(../images/i_more.png); margin-top:3%;}
.ny_prolist:hover .ny_protil span{background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a{color:#fff;}
.ny_protil:before{width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#004492; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before{width:100%;}


.pro_rightss{width: 100%; height: auto; overflow: hidden; margin-top: 3%;  background: #fff; box-sizing: border-box;}
.productss{width:100%; float:left;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #004492; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#333; padding-bottom:10px;}
.pros_right_top .pwz{font-size: 18px; color: #555; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:40px;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #004492;font-size: 18px;line-height: 44px;text-align: center;float: right; margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545; float:left; line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px; font-size: 18px}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #333722}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333; color:#fff;}

.tabs-basic{width:100%; margin-top:5%; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 40px; color: #555}
.tabs-basic .tab-active{border-bottom:2px solid #004492; color:#fff; background:#004492;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}


.tabs-basic .tabs-content-placeholder .div ul{border-bottom: none!important; background:none!important;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active ul{border-bottom: none!important; background:none!important;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active ul li{width: 100%}


.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:28px; font-size:16px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:4%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 ul{margin-right:-10px;}
.scrollleft2 li{width:210px; float:left; margin-right:10px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #004492;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.wtinfogg-list{width: 100%;padding: 0px 0; overflow: hidden;}
.wtinfogg-list a{display: block;width: 100%;border: 1px solid #ededed;transition: all .4s ease;overflow: hidden;float: left; padding: 10px !important; box-sizing: border-box;margin-bottom: 10px; background: none;}
.wtinfogg-list a i{display: block;width: 50px;height: 32px;float: left;background: url('../images/xxgg_ic.png') no-repeat center center /auto 32px;transition: all .3s ease;}
.wtinfogg-list a .wz{margin-left: 20px;float: left;line-height: 32px;font-size: 16px;font-weight: normal;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wtinfogg-list a p{line-height: 32px;font-size: 14px;color: #999;float: right; margin-top: 0 !important}
.wtinfogg-list a:hover{border-color: #02a0e7;box-shadow: 0 4px 10px 3px #d1dbe0;}
.wtinfogg-list a:hover i{background: url('../images/xxgg_icH.png') no-repeat center center /auto 32px;}


.xzyz_bg{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 99;}
.xzyz_bg .xzyz{position: absolute;left: 50%;top:50%;background: #fff;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 480px;border-radius: 5px;padding:30px 50px 40px;}
.xzyz_bg .xzyz .ml1{font-size: 18px;line-height: 18px;color: #333;text-align: center;margin-bottom: 20px;}
.xzyz_bg .xzyz .ml2{margin-bottom: 10px;}
.xzyz_bg .xzyz .ml2 input{font-size: 14px;line-height: 40px;color: #333;border: 1px solid #eee;border-radius: 5px;display: block;width: 100%;padding: 0 15px;}
.xzyz_bg .xzyz .ml3{margin-bottom: 20px;position: relative;}
.xzyz_bg .xzyz .ml3 input{font-size: 14px;line-height: 40px;color: #333;border: 1px solid #eee;border-radius: 5px;display: block;width: 100%;padding: 0 15px;}
.xzyz_bg .xzyz .ml3 .dxyzm{position: absolute;right: 15px;bottom: 6px;font-size: 12px;line-height: 30px;color: #fff;background: #004492;padding: 0 20px;border-radius: 5px;cursor: pointer;}
.xzyz_bg .xzyz .ml3 .yzmdjs{position: absolute;right: 15px;bottom: 6px;font-size: 14px;line-height: 30px;color: #999;display: none;}
.xzyz_bg .xzyz .ml4{font-size: 14px;line-height: 40px;color: #fff;text-align: center;background: #004492;border-radius: 5px;cursor: pointer;width: 180px;margin: auto;}


.support2{overflow:hidden; padding:3% 0;  box-sizing: border-box;}
.support2 table{width:100%;}
.support2 table tr:nth-child(2n+1){background: #f1f3f5;}
.support2 table tr th{color:#fff; font-size:14px; padding:15px 30px; text-align: left;background: #004492;line-height: 30px;}
.support2 table tr td{padding:10px 30px; color:#666; font-size:14px;line-height: 30px;}
.support2 table tr td a{display:block;font-size: 14px;color: #666;line-height: 30px;}
.support2 table tr td a.iconfont{font-size: 22px;color: #004492;}
.support2 table tr td a:hover{color: #004492;}


.service{overflow: hidden;font-size: 16px; color: #222;line-height: 30px;}
.service p{overflow: hidden;font-size: 16px; color: #222;line-height: 30px;}
.service2{width: 100%; height: auto; overflow: hidden; padding: 3% 0; box-sizing: border-box; background: #f7f8fa}

/*产品分类*/
.index-p-nav{}
.index-p-nav ul{display: flex;flex-wrap: wrap;  margin-right: -2%}
.index-p-nav li{width: 23%;background: #fff;transition: all .4s; margin-right: 2%}
.index-p-nav li:hover{background: #004492;}
.index-p-nav li a{width: 100%;display: flex;flex-wrap: wrap;}
.index-p-nav li a .img{width: 100%;}
.index-p-nav li a .img img{width: 100%}
.index-p-nav li a .img div{width: 100%;height: 100%;background-size: cover;background-position: center;}
.index-p-nav li a .text{padding: 2rem 1.5rem 2.25rem;}
.index-p-nav li a .text p{font-size: 18px;font-weight: bold;color: #333;transition: all .4s; margin-bottom: 3%; text-align: center;}
.index-p-nav li a:hover .text p{color: #fff;}
.index-p-nav li a .text span{margin: 0px;font-size: 15px;line-height:25px;color: #666;height:130px;display: block;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.index-p-nav li:hover a .text span{color: #fff;}
.index-p-nav li a .text div{margin-top: 10px;font-size: 13px;line-height: 13px;color: #004492;transition: all .4s;}
.index-p-nav li:hover a .text div{color: #fff;}
.index-p-nav li a .text div span{display: inline-block;margin-left: 8px;font-size: 24px;height: 18px;line-height: 18px;color: #004492;vertical-align: bottom;opacity: 0;transform:translate(-8px,0%);transition: all .4s;}
.index-p-nav li:hover a .text div span{opacity: 1;color: #fff;transform:translate(0px,0%);}


.xinwenxiangqing2{width:100%; height: auto; overflow: hidden;}
.xinwenxiangqing2 .nd_head{text-align: center;margin-top:10px;padding-bottom: 3%;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing2 .nd_head p{color: #004492;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing2 .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing2 .nd_text {text-align: center;font-size:18px;line-height:36px;  padding: 30px 0;}
.xinwenxiangqing2 .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.xinwenxiangqing2 .nd_text span{font-weight: 600}


.about-list{overflow: hidden; margin-top: 5%}
.about-list ul{}
.about-list li{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%;
    background: #f5f5f5;
}
.about-list li>div{
    width: 50%;
}
.about-img{
    min-height: auto;
    background-size: cover;
    background-position: center;
}
.about-img{
    width: 100%
}
.about-text{
    display: flex;
    align-items: flex-start;
    padding: 2%;
}
.about-text .bt{font-size: 28px; color:##004492; font-weight: 600; margin-bottom: 8%}
.about-text p{font-size: 15px; line-height:34px; color: #666}

.about-list li:nth-of-type(even) .about-img{
    order: 1;
}

.qtitle{font-size: 26px;color: #004492;line-height: 30px; text-align: center;} 
.qtitle2{font-size: 26px;color: #333;line-height: 30px; text-align: center; margin-bottom: 3%} 
.service3{overflow: hidden; padding: 3% 0; box-sizing: border-box; background: #f5f5f5; width: 100%}
.service3 ul{}
.service3 li{width: 25%; float:left; text-align: center;}
.service3 li .sico{margin:0 auto;}
.service3 li .sico img{max-width: 100%; margin:auto; clear: both; display: block;}
.service3 li .wz{font-size: 16px;line-height: 40px;}


.sy_jjfa_bg{padding:3% 0; overflow: hidden;}
.sy_bt{}
.sy_bt .sbt{font-size: 36px;line-height: 36px;color: #666;font-weight: bold;text-align: center;}
.sy_bt .sbt span{color: #f25d55;}
.sy_bt .swz{font-size: 16px;line-height: 24px;color:#666;text-align: center;margin-top: 15px;}
.sy_bt.fff .sbt{color: #fff;}
.sy_bt.fff .swz{color: #fff;}
.sy_jjfa_lb{margin-top: 5%; overflow: hidden;}
.sy_jjfa_lb a{}
.sy_jjfa_lb a{float: left;width: 23%;margin: 0 2% 2% 0;background: #f6f6f6;border-radius: 5px;padding: 2%;display: flex;justify-content: center;align-items: center;-webkit-transition:0.5s;transition:0.5s;position: relative;overflow: hidden;min-height: 260px;box-sizing: border-box;}
.sy_jjfa_lb a:after{content: "";position: absolute;left: -100%;top: 0;width: 100%;height: 100%; -webkit-transition:0.5s;transition:0.5s; box-sizing: border-box;}
.sy_jjfa_lb a:nth-child(4n){margin-right: 0;}
.sy_jjfa_lb a .ml1{padding-right:10%;position: relative;z-index: 1;}
.sy_jjfa_lb a .ml1 span.iconfonts{font-size: 48px;line-height: 100px;color: #f25d55;-webkit-transition:0.5s;transition:all 0.5s;}
.sy_jjfa_lb a .ml2{position: relative;z-index: 1;}
.sy_jjfa_lb a .ml2 .bt{font-size: 18px;line-height: 18px;color: #666;padding-bottom: 10px;-webkit-transition:0.5s;transition:0.5s; font-weight: 600}
.sy_jjfa_lb a .ml2 .bt span{color: #f25d55}
.sy_jjfa_lb a .ml2 .ms{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;-webkit-transition:0.5s;transition:0.5s;}
/*.sy_jjfa_lb a:hover:after{left: 0;}
.sy_jjfa_lb a:hover .ml1 span.iconfonts{color: #fff;transform: translate(0px,-40px);}
.sy_jjfa_lb a:hover .ml2 .bt{color: #fff;}
.sy_jjfa_lb a:hover .ml2 .ms{color: #fff;}
.sy_jjfa_lb a:hover .ml2 .bt span{color: #fff}*/


.sy_jjfa_lb2{margin-top: 5%; overflow: hidden;}
.sy_jjfa_lb2 a{}
.sy_jjfa_lb2 a{float: left;width: 31.333%;margin: 0 2% 2% 0;background: #fff;border-radius: 5px;padding: 2%;display: flex;justify-content: center;align-items: center;-webkit-transition:0.5s;transition:0.5s;position: relative;overflow: hidden;min-height: 260px;box-sizing: border-box;}
.sy_jjfa_lb2 a:after{content: "";position: absolute;left: -100%;top: 0;width: 100%;height: 100%; -webkit-transition:0.5s;transition:0.5s; box-sizing: border-box;}
.sy_jjfa_lb2 a:nth-child(3n){margin-right: 0;}
.sy_jjfa_lb2 a .ml1{padding-right:10%;position: relative;z-index: 1;}
.sy_jjfa_lb2 a .ml1 span.iconfonts{font-size: 48px;line-height: 100px;color: #f25d55;-webkit-transition:0.5s;transition:all 0.5s;}
.sy_jjfa_lb2 a .ml2{position: relative;z-index: 1;}
.sy_jjfa_lb2 a .ml2 .bt{font-size: 18px;line-height: 18px;color: #666;padding-bottom: 10px;-webkit-transition:0.5s;transition:0.5s; font-weight: 600}
.sy_jjfa_lb2 a .ml2 .bt span{color: #f25d55}
.sy_jjfa_lb2 a .ml2 .ms{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;-webkit-transition:0.5s;transition:0.5s;}

.inhonor2bg{ overflow: hidden; background-size: cover;  background: #f5f5f5; padding: 3% 0; box-sizing: border-box;}

.ny_al_bg{padding:0px 7%; position:relative; box-sizing: border-box; }
.ny_al{overflow:hidden;}
.ny_al ul{ width:10000%; position:relative;}
.ny_al ul li{ float:left; width:0.235%; margin-right:0.02%;box-sizing:border-box; padding:10px; text-align: center; box-sizing: border-box; height:326px;  display:table; }
.ny_al ul li:hover{ }
.ny_al ul li a{display:table-cell; vertical-align:middle;}
.ny_al ul li img{ display:block; box-sizing:border-box; width:100%;}
.ny_al ul li .wz{ text-align:center; font-size:15px; line-height:40px; color:#333;}
.ny_al ul li:hover .wz{color:#1b3a95;}

.ny_al ul li .wz2{ text-align:center; font-size:15px; line-height:40px; color:#333}
.ny_al ul li:hover .wz2{color:#333}

.ny_alz,.ny_aly{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; transition:0.3s; cursor:pointer;}
.ny_alz{ left:0; background:url(../images/swiper1-l.png) center no-repeat;}
.ny_aly{ right:0; background:url(../images/swiper1-r.png) center no-repeat;}

.ny_alz2,.ny_aly2{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; transition:0.3s; cursor:pointer;}
.ny_alz2{ left:0; background:url(../images/a_leftbt.png) center no-repeat;}
.ny_aly2{ right:0; background:url(../images/a_rightbt.png) center no-repeat;}



.service4{overflow: hidden; padding: 3% 0; box-sizing: border-box;width: 100%}
.service4 ul{margin-right: -2%}
.service4 li{width: 31.333%; float:left; text-align: center; margin-right: 2%; margin-bottom: 2%; border:1px solid #eee; background: #fff; min-height: 250px; padding: 3%; box-sizing: border-box; position: relative;}
.service4 li .sico{margin:0 auto;}
.service4 li .sico img{max-width: 100%; margin:auto; clear: both; display: block;}
.service4 li .wz{font-size: 16px;line-height: 40px; margin-top:3%}
.qualitydmms{ position:absolute; box-sizing:border-box; padding:0 15px; text-align:center; z-index:8; left:0; top:0; color:#fff;opacity:0;-webkit-opacity:0;-moz-opacity:0; width:100%; background:#0075c1; height:100%; display:table;}
.qmsp1{ display:table-cell; vertical-align:middle;}
.service4 li:hover .qualitydmms{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.qualitydmms{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}


@media(max-width:767.8px) {
.about-list li>div{
    width: 100%;
}
.about-text{
    padding:3rem 5% 1.5rem;
}
.about-img{
    min-height: 0;
}
.about-list li:nth-of-type(even) .about-img{
    order: 0;
}
    
}

@media (min-width:992px){/*
    .index-p-nav li:nth-of-type(3) .img,
    .index-p-nav li:nth-of-type(4) .img{order: 1;}*/
}
@media screen and (max-width:991.8px){
    .index-p-nav li{width: 100%;background: #fff;}
    .index-p-nav li:nth-of-type(even) .img{order: 1;}
}
@media screen and (max-width:575.8px){
    .index-p-nav li{margin-bottom: 20px;}
    .index-p-nav li a>div{width: 100%;}
    .index-p-nav li:nth-of-type(even) .img{order: 0;}
    .index-p-nav li a .img div{padding-bottom: 61.8%;}
}


@media only screen and (max-width: 980px){
    .banner{margin-top: 0; height: auto}
    .banner .text .bbt{font-size: 24px;}
    .banner .text p{font-size: 16px}
    .inabout_left{width: 100%;}
    .inabout_right{width: 100%; margin-top: 2%}
    .inpro_left{width:100%;}
    .inpro_right{width:100%; margin-top:3%;}
    .ny_prolist{width:31.33%;}
    .ny_protil a{font-size:14px;}
    .promore_l{width:100%;}
    .pros_right{width:100%;  margin-top:3%;}
    .tabs-basic a{padding:10px 20px;}
    .sy_jjfa_lb a{width:48%;}
    .ny_al ul li{width:0.316%;}
    .qtitle2{font-size:28px;}
    .service4 li{width:48%; min-height:210px;}
    .profile-f .le{width:100%;}
    .profile-f .ri{width:100%; height:auto;}
    .btitles{font-size:28px;}
    .nyaboutbox{padding:5% 0;}
}



@media only screen and (max-width: 768px){
    .banner .text .bbt{font-size: 24px;}
    .banner .text p{font-size: 16px}
    .case-item{width: 100%; margin-bottom: 2%}
    .news .categories .cate{width:99%}
    .ny_prolist{width:48%;}
    .view-page {margin: 0;padding: 20px 0;}
    .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
    .view-page .back a{padding-left: 0}
    .ny_dqlj .fr span{font-size:14px;}
    .ny_dqlj .fr a{font-size:14px;}
    .sy_jjfa_lb2 a{width:100%; min-height:auto;}
    .service3 li{width:48%;}
    .qtitle2{font-size:24px;}
    .ny_al ul li{width:0.468%;}
    .about-tit{font-size:24px;}
    .ny-about{font-size:14px;}
    .comVision-list li{width:95%;}
    .comVision-list li .name{font-size:20px;}
    .comVision-list li .con{font-size:14px;}
    .btitles{font-size:24px;}
    .news-tt-pic{width:100%;}
    .news-tt-right{width:100%; margin-top:3%;}
    .jobctit{font-size:16px; line-height:55px;}
    .ContactBlock .l_cont{width:100%;}
    .ContactBlock .map{width:100%; margin-top:3%;}
    .ContactBlock .map #map_container{height:350px;}
    .ContactBlock .bot .title{font-size:24px;}
    


}


@media only screen and (max-width: 499px){
        .ny_prolist{width:98%;}
        .products li{width:98%;}
        .ny_dqlj .fl{display:none;}
        .ny_dqlj .fr{float:none;}
        .ny_dqlj .fr em{height:40px;}
        .ny_dqlj .fr span{line-height:40px;}
        .ny_dqlj .fr a{line-height:40px;}
        .ny_dqlj .fr i{height:40px;}
        .service4 li{width:98%; min-height:auto;}
        .qtitle2{font-size:20px;}
        .sy_jjfa_lb a{width:98%;min-height:auto; padding:5%;}
        .btitles{font-size:20px;}
        .index-datas ul{display:block;}
        .ny_f2 dl dd a{padding:0 20px;}
        .index-news-right-top-nr-title a{font-size:18px;}
        .xinwenxiangqing .nd_head p{font-size:22px;}
        .jobctit{font-size:14px;}
        .job-content dl dt{font-size:14px; line-height:45px; height:45px;}
        .job-content dl dt .down{line-height:45px; height:45px;}
        .col-sm-6{width:100%;}
        .ContactBlock .bot .tip{font-size:14px;}
        .ContactBlock .bot .input{margin:2% 0% 3%; line-height:25px;}
        .spec-scroll .items{width:74%;}
        .pros_right_top .pbt{font-size:20px;}
}