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

.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }

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

.AutoTitle{ text-align:center; padding:65px 0 40px; }
.AutoTitle .en{ text-transform:uppercase; line-height:22px; font-size: 14px; color:#d4d4d4; }
.AutoTitle .h3{ margin:5px 0 17px; font-weight:normal; line-height: 40px; font-size: 34px; color:#333333; }
.AutoTitle .words{ line-height: 20px; font-size: 16px; color:#999999; margin:-4px 0 22px; }
.AutoTitle .line{ display: block; height: 3px; background:url(../images/icon_icon10.png) no-repeat center; }
.AutoTitle2{ padding:65px 0 40px; }
.AutoTitle2 .en{ margin-bottom: 10px; text-transform:uppercase; line-height: 46px; font-weight: bold; font-size: 47px; color:#e9e9e9; }
.AutoTitle2 .h3{ line-height: 40px; font-weight: normal; font-size: 36px; color:#222222; }
.MoreBox{ text-align: center; }
.MoreBox a,
.MoreBox .a{ font-size:14px; color:#ffffff; line-height:46px; padding:0 50px; display:inline-block; transition:all .3s; background:#014099; }
@media only screen and (min-width: 1200px){
    .MoreBox a:hover,
    .MoreBox .a:hover{ background-color:#2f62b6; }
}
@media only screen and (max-width: 1200px){
    .AutoTitle{ padding:30px 0 25px; }
    .AutoTitle .h3{ margin:0px 0 10px; line-height: 30px; font-size: 24px; }
    .AutoTitle .words{ font-size: 15px; margin:-2px 0 15px }
    .AutoTitle2{ padding:30px 0 25px; }
    .AutoTitle2 .en{ margin-bottom: 5px; line-height: 34px; font-size: 34px; }
    .AutoTitle2 .h3{ line-height:30px; font-size: 24px; }

    .MoreBox a,
    .MoreBox .a{ line-height:40px; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
    .AutoTitle{ padding:25px 0 20px; }
    .AutoTitle .h3{ margin:0px 0 4px; font-size: 20px; }
    .AutoTitle .words{ font-size: 14px; margin:-2px 0 10px }
    .AutoTitle2{ padding:25px 0 20px; }
    .AutoTitle2 .en{ margin-bottom: 0; line-height: 30px; font-size: 24px; }
    .AutoTitle2 .h3{ font-size: 20px; }
}

/**头部导航**/
#header{ position:fixed; left:0; width:100%; top:0; z-index:9; background-color:#fff; transition:all .5s; }
#header .Box{ position:relative; z-index:2; padding:0 25px; }
#header .tab-cell{ display:table-cell; vertical-align:middle; height:82px; }
#header .logo{}
#header .logo img{ display:block; transition:all .3s; height:46px; }
#header .other{ font-size:0; line-height:0; color:#0d4597; }
#header .other .line{ display:inline-block; vertical-align: middle; height:10px; width:1px; background:#dedede; margin:0 24px; }
#header .SearchBtn{ display:inline-block; vertical-align:middle; height:22px; width:22px; background:url(../images/icon_icon2.png) no-repeat center/21px auto; font-size:0; }
#header .SearchBtn:hover{ background-image:url(../images/icon_icon2_1.png); }
#header .language{ display:inline-block; vertical-align:middle; padding-left:27px; background:url(../images/icon_icon1.png) no-repeat left center; line-height: 24px; font-size: 15px; color:#333333; }
#header .language:hover{ color:#0d4597; }
#header .Tank{ display: inline-block; vertical-align: middle; }
#header .Menu{}
#header .Menu .ul{}
#header .Menu li{ display: inline-block; vertical-align:top; line-height:22px; font-size:16px; text-align:center; }
#header .Menu .title{ display:block; font-size:15px; line-height:20px; color:#333333; }
#header .Menu .title:hover{ color:#2f62b6; }
#header .Menu .title .word{ display: block; }
#header .FormBox .form{border:2px solid #2f62b6;width:100%; border-radius:5px; display:block; position: relative; }
#header .FormBox .form .Key{display:block;width:100%;height:50px;line-height:50px;padding:0 15px;font-size:16px;color:#666;}
#header .FormBox .form .submit{display:block;cursor:pointer;position:absolute;right:10px;top:0;height:100%;width:30px;background:url(../images/icon_icon2.png) no-repeat center/21px auto;}
#header .FormBox .form .submit:hover{ background-image:url(../images/icon_icon2_1.png); }
#header .MenuBtnBox{ display: none; }
.leaveTop #header{ top:0; }
.MenuShow #header{ top:0!important; }
.leaveTop.Down #header{ top:-82px; }
.leaveTop.Up #header{ top:0; }
.headerLine #header,
.SmallHeader #header{ box-shadow: 0 0 10px rgba(0,0,0,.1); }
@media only screen and (min-width: 1201px){
    body{ padding-top: 82px; }
    #header .Tank>.container{ width:auto; padding:0; margin-right:.04rem; }
    #header .pchide{ display: none!important; }
    #header .Menu .t_lib{ position: relative; }
    #header .Menu .t_lib .Lib{ left:50%; top:100%; width:auto; word-break: keep-all; white-space: nowrap; box-shadow:0 0 10px rgba(0,0,0,.1); }
    #header .Menu .t_lib .Lib .ul{display: block; }
    #header .Menu .t_lib .Lib li{ display: block; }
    #header .Menu .t_lib .Lib li .title{ padding:10px 25px; }
    #header .Menu .t_lib .Lib li .title:hover{ background:#f3f3f3; }
    #header .Menu .Lib{ display: none; position: absolute; left:0; top:100%; width:100vw; max-height:calc(100vh - 120px); background:#fff; border-top:1px solid #f0f1f2; overflow-y: auto; }
    #header .Menu .Lib>.ul{ display: flex; flex-wrap: wrap; }
    #header .Menu .ul .TabBox:nth-child(odd){ flex-direction: row-reverse; }
    #header .Menu .ul .TabBox:nth-child(even){ border-left:1px solid #f0f1f2; }
    #header .Menu .TabBox{ display: inline-flex; width:50%; height: 376px; border-bottom: 1px solid #f0f1f2; }
    #header .Menu .cont{ display: flex; align-items: flex-start; width:830px; max-width: 100%; }
    #header .Menu .imgBox{ width:300px; position: relative; margin:0 35px; }
    #header .Menu .imgBox::before{ content: ""; display: block; padding-top: 100%; }
    #header .Menu .imgBox img{ display: block; position: absolute; left:0; top:0; width:100%; height: 100%; }
    #header .Menu .r_list{ width:440px; text-align: left; padding-top: 35px; }
    #header .Menu .r_list>.title{ font-weight: bold; font-size: 18px; }
    #header .Menu .r_list .des{ margin:20px 0 12px; font-size: 12px; color:#999999; }
    #header .Menu .r_list .ul{ display: flex; flex-wrap: wrap; flex-direction: column; height: 250px; }
    #header .Menu .r_list .ul li{ width:50%; text-align: left; }
    #header .Menu .r_list .ul .title{ font-weight: bold; font-size:14px; color:#777777; padding:6px 15px 6px 0; }
    #header .Menu .r_list .ul .on .title,
    #header .Menu .r_list .ul .title:hover{ color:#333; }
    #header .Menu>.ul>li+li{ margin-left: 58px; }
    #header .Menu>.ul>li>.title .word{ line-height: 80px; position: relative; padding-bottom:2px; }
    #header .Menu>.ul>li>.title .word::before{ content: ""; position: absolute; left: 50%; bottom:0; width:0; height: 2px; background:#2f62b6; transition: all .3s; }
    #header .Menu>.ul>li.on>.title{ color:#2f62b6; }
    #header .Menu>.ul>li.on>.title .word::before{ left:0; width:100%; }
    #header .Menu li.pc_hide{ display: none!important; }
    #header .FormBox{ display: block; opacity:0; position:fixed; z-index:1; left:0; top:-15px; height:100vh; width:100%; background:rgba(255,255,255,.93); transform:scaleX(0); -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); transition:opacity .5s,top .3s; }
    #header .FormBox .divBox{display:block;position:absolute;top:50%;width:inherit; margin-left:-15px; padding:0 15px; }
    #header .store{ display:inline-block; vertical-align:middle; width:87px; height: 20px; background:url(../images/albb.png) no-repeat center; transition:all .3s; opacity: 1; }
    #header .store:hover{ opacity:.7; }
    .SmallHeader #header .logo img{ height:36px; }
    .SearchShow #header .FormBox{ opacity: 1; top:0; transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); }
    @media only screen and (max-width: 1600px){
        #header .Menu .TabBox{ height:320px; }
        #header .Menu .imgBox{ margin:0 25px; width:260px; }
        #header .Menu .r_list .ul{ height: 220px; }
        #header .Menu .r_list .ul .title{ padding:3px 15px 3px 0; }
        #header .Menu .r_list .des{ margin:10px 0 5px; }
    }
    @media only screen and (max-width: 1500px){
        #header .Menu>.ul>li+li{ margin-left: 48px; }
        #header .Menu .imgBox{ width:220px; }
    }
    @media only screen and (max-width: 1400px){
        #header .Menu>.ul>li+li{ margin-left: 35px; }
    }
    @media only screen and (max-width: 1300px){
        #header .Menu>.ul>li+li{ margin-left: 20px; }
    }
}
@media only screen and (max-width: 1200px){
    #header{ position:sticky; }
    #header .Box{ padding:0 15px; }
    #header .tab-cell{ height: 60px; display: inline-flex; align-items: center; }
    #header .logo img{ height:28px; }
    #header .Tank{ position: fixed; left:0; bottom:0; width:100%; height:calc(100% - 60px); background:#fff; overflow-y: auto; border-top:1px solid #ddd; opacity: 0; transform:scale(0); transition:opacity .3s; }
    #header .FormBox{ display: block; margin:24px 0; }
    #header .FormBox .container{ padding:0; }
    #header .FormBox .divBox{ transform: translateY(0); -webkit-transform: translateY(-0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    #header .FormBox .form .Key{ line-height: 40px; height: 40px; font-size: 15px; }
    #header .Menu{}
    #header .Menu .ul{ flex-wrap:wrap; border-top:1px solid #ddd; }
    #header .Menu li{ width:100%; max-width:100%; border-bottom:1px solid #ddd; text-align:left; }
    #header .Menu .title{ font-size:16px; padding:12px 15px; position:relative; }
    #header .Menu .title .icon{ z-index:2; position: absolute; right:0; top:0; height:100%; width:40px; background:url(../images/icon_jt_right.svg) no-repeat center/8px auto; transform:rotate(90deg) scaleX(1); transition:all .3s; }
    #header .Menu .click>.title .icon,
    #header .Menu .TabBox.click .title .icon{ transform:rotate(90deg) scaleX(-1); }
    #header .Menu .Lib{ display:none; background:#f9f9f9; margin-bottom:10px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    #header .Menu .Lib a{ font-size:15px; padding:8px 20px; }
    #header .Menu .Lib a+a{ margin-top:0; }
    #header .Menu .Lib .ul .ul{ background:#f2f2f2; display: none; }
    #header .Menu .Lib .ul .title{ padding:8px 20px; }
    #header .Menu .Lib .ul .ul .title{ padding:8px 25px; }
    #header .Menu .Lib .ul li:last-child{ border-bottom:0 none; }
    #header .Menu .r_list .des{ display: none; }
    #header .other .line{ height:18px; margin:0 15px; background:#aaa; }
    #header .language+.line,
    #header .store+.line{ display: none; }
    #header .SearchBtn{ display: none; }
    #header .language{ padding-left:0; background:transparent; font-size: 16px; }
    #header .MenuBtnBox{ display: inline-block; vertical-align: middle; }
    #header .PhoneMenu{ display: block; margin:0 auto; width: 26px; padding:7px; padding:0; position: relative;  }
    #header .PhoneMenu i{ display: block; background: #777; 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:4px; }

    .MenuShow #header .Tank{ opacity: 1; transform: scale(1); }
    .MenuShow #header .PhoneMenu i{ background:#2f62b6; }
    .MenuShow #header .PhoneMenu .i1,
    .MenuShow #header .PhoneMenu .i3{ margin:0; }
    .MenuShow #header .PhoneMenu .i2{ opacity:0; }
    .MenuShow #header .PhoneMenu .i1{ transform:translateY(5px) rotate(45deg); -webkit-transform:translateY(5px) rotate(45deg); -ms-transform:translateY(5px) rotate(45deg); -moz-transform:translateY(5px) rotate(45deg); -o-transform:translateY(5px) rotate(45deg); }
    .MenuShow #header .PhoneMenu .i3{ transform:translateY(-5px) rotate(-45deg); -webkit-transform:translateY(-5px) rotate(-45deg); -ms-transform:translateY(-5px) rotate(-45deg); -moz-transform:translateY(-5px) rotate(-45deg); -o-transform:translateY(-5px) rotate(-45deg); }
    .SmallHeader #header{ box-shadow:0 0 10px rgba(0,0,0,.2); background:#fff; }

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

}

.FriendLinks{ background:#252b32; font-size:0; line-height:22px; }
.FriendLinks .Box{ margin:0 -15px; padding:21px 0; }
.FriendLinks .title{ display:inline-block; vertical-align:top; font-size:15px; color:#fff; margin:3px 15px; }
.FriendLinks a{ display:inline-block; vertical-align:top; font-size:14px; color:#6d7072;
    margin:3px 15px; }
.FriendLinks a:hover{ color:#fff; }
@media only screen and (max-width: 1200px){
    .FriendLinks .Box{ margin:0 -8px; padding:15px 0; }
    .FriendLinks .title,
    .FriendLinks a{ margin:3px 8px; }
}
@media (max-width: 768px){
    .FriendLinks .title{ display:block; }
}


/**底部**/
#footer{ color:#82858e; font-size:14px; line-height:20px; background:#293146; }
#footer a{ color:#82858e; }
#footer a:hover{ color:#fff; }
#footer .top{ padding-top: 60px; }
#footer .menu{}
#footer .menu li{ float:left; display:inline-block; width:170px; padding-right: 30px; }
#footer .menu .title{ font-size:16px; color:#ffffff; line-height:24px; margin-bottom:14px; }
#footer .menu .aBox{}
#footer .menu .aBox .div{ padding:5px 0; }
#footer .menu .aBox .div+.div{ margin-top:8px; }
#footer .menu .aBox .div a{ display:inline-block; transform:translateX(0); transition:all .3s; }
#footer .menu .aBox .div a:hover{ transform:translateX(2px); }
#footer .menu .contact{ text-align: right; width:350px; padding-right: 0; border-left: 1px solid #3b435a; }
#footer .menu .contact .t-left{ display: inline-block; }
#footer .menu .cont{ color:#666; padding-top:3px; }
#footer .menu .cont .wid{ display: inline-block; text-align: center; }
#footer .menu .cont .wid+.wid{ margin-left: 15px; }
#footer .menu .cont .wid img{ width: 119px; }
#footer .menu .cont .txt{ padding-top: 10px; color:#82858e; }
#footer .mid{ display: flex; justify-content: space-between; border-top:1px solid #3b435a; border-bottom: 1px solid #3b435a; margin:30px 0; padding:25px 0; }
#footer .mid .logo{ display: inline-block; vertical-align: middle; width: 314px; }
#footer .mid .shareBox{ display: inline-block; vertical-align: middle; width:170px; text-align: center; }
#footer .mid .address{ display: inline-block; vertical-align: middle; max-width: 50%; }
#footer .mid .address .wid{ display: inline-block; }
#footer .mid .address .wid1{ width: 210px; }
#footer .bot{ padding-bottom:50px; text-align:center; }
#footer .bot .server{ margin-left:20px; }
.shareBox{ font-size:0; }
.shareBox a{ height:34px; width:34px; display:inline-block; vertical-align:top; border-radius:50%; position:relative; background:no-repeat center/contain; border:1px solid #82858e; margin:0 8px; }
.shareBox .qq{ background-image:url(../images/icon_icon5_1.png); }
.shareBox .wechat{ background-image:url(../images/icon_icon3_1.png); }
.shareBox .sina{ background-image:url(../images/icon_icon4_1.png); }
.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; }
.shareBox .wechat:hover .codeBox{ display:block; box-shadow:0 0 15px rgba(0,0,0,.1); }
.shareBox a:hover{ background-color:#fff; border-color:#fff; }
@media only screen and (max-width: 1200px){
    /**底部**/
    #footer{ padding-bottom: 69px; }
    #footer .top{ padding-top:35px; }
    #footer .menu .cont .txt{ padding-top: 5px; }
    #footer .menu{ display:block; float:none; }
    #footer .menu li{ display:none; }
    #footer .menu .title{ display:none; }
    #footer .menu .contact{ text-align:center; padding:0; display:block; width:100%; max-width:100%; float:none; border:0 none; }
    #footer .menu .cont .wid img{ width:90px; }
    #footer .mid{ padding:15px 0; margin:15px 0; }
    #footer .mid .logo{ display:none; }
    #footer .mid .shareBox{ display: block; width:100%; }
    #footer .mid .address .wid{ display: inline-block; }
    #footer .mid .address{ display: none; }
    #footer .bot{ text-align: center; padding-bottom:20px; }
}

/**右侧悬浮**/
#RightFixed{ text-align: center; position: fixed; top:50%; right: 30px; z-index:999; }
#RightFixed .Box{ box-shadow:0 0 15px rgba(0,0,0,.1); }
#RightFixed .Box .a:first-child{ border-top-left-radius:5px; border-top-right-radius:5px; }
#RightFixed .Box .a:last-child{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#RightFixed .a{ display: block; background:#fff; position: relative; width: 72px; height: 72px; padding-top:12px; transition:all .3s; }
#RightFixed .icon{ display: inline-block; vertical-align: top; position: relative; }
#RightFixed .icon img{ display: block; width:30px; height: 30px; transition:all .3s; }
#RightFixed .icon .i{ opacity: 1; }
#RightFixed .icon .i_h{ position: absolute; left: 0; top:0; opacity: 0; }
#RightFixed .a .txt{ margin-top: 2px; line-height: 18px; font-size: 12px; color:#999999; transition:all .3s; }
#RightFixed .codeBox{ display: block; border-radius: 3px; width:100px; height:100px; padding:5px; position: absolute; right:100%; top:50%; background:#fff; margin-right:0; transition:opacity .3s,margin .3s; transform:translateY(-50%) scale(0); }
#RightFixed .codeBox::after{ content:""; display: block; position: absolute; left:100%; top:50%; margin-top: -5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; }
#RightFixed .codeBox img{ display: block; width:90px; height:90px; }
#RightFixed .a:hover{ background:#0d4597; }
#RightFixed .a:hover .i{ opacity:0; }
#RightFixed .a:hover .i_h{ opacity:1; }
#RightFixed .a:hover .txt{ color:#fff; }
#RightFixed .a:hover .codeBox{ opacity: 1; margin-right:6px; transform:translateY(-50%) scale(1); }
#RightFixed .Returntop{ display: block; margin-top: 20px; width: 72px; height: 66px; border-radius: 5px; background:#bfbfbf url(../images/icon_icon9.png) no-repeat center; transition:all .3s; }
#RightFixed .Returntop:hover{ background-color:#0d4597; }
@media only screen and (max-width: 1200px){
    #RightFixed{ display: none; }
}

/* 打样预约弹框 */
.appointment-tank { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 8; background: rgba(0,0,0,.43); }
.appointment-tank .input::-webkit-input-placeholder { color: #555555; }
.appointment-tank .cont-block { display: flex; height: 100%; width: 100%; text-align: center; align-items: center; justify-content: center; padding: 15px; font-size: 14px; line-height: 20px; color: #555555; }
.appointment-tank .cont-block .pad { position: relative; width: 890px; max-width: 100%; background: #fff; border-radius: 20px; padding: 25px 50px 35px; }
.appointment-tank .cont-block .exit{ position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; background: url(../images/exit.png) no-repeat center/60%; }
.appointment-tank .cont-block .h1 { margin: 0; font-weight: 400; font-size: 34px; line-height: 1.4em; color: #333; }
.appointment-tank .cont-block .phone { font-weight: 700; font-size: 40px; line-height: 1.4em; color: #0d4597; }
.appointment-tank .cont-block .word { margin-bottom: 15px; text-align: left; }
.appointment-tank .cont-block .label-box { display: flex; flex-wrap: wrap; margin: -10px; }
.appointment-tank .cont-block .li { display: inline-block; padding: 10px; }
.appointment-tank .cont-block .input { width: 100%; border: 1px solid #e0e0e0; padding: 12px 25px; font-size:14px; line-height: 24px; color: #555555; }
.appointment-tank .cont-block .submit-box { margin-top: 20px; }
.appointment-tank .cont-block .submit{ display: inline-block; font-size: 15px; line-height: 44px; height: 44px; width: 160px; text-align: center; color: #ffffff; background: #0d4597; cursor: pointer; }
.appointment-tank .cont-block .submit:hover{ background: #2f62b6; }
@media only screen and (max-width: 992px){
  .appointment-tank .cont-block .pad { border-radius: 10px; padding: 25px 25px 25px; }
  .appointment-tank .cont-block .exit{ right: 10px; top: 10px; width: 28px; height: 28px; }
  .appointment-tank .cont-block .h1 { font-size: 20px; }
  .appointment-tank .cont-block .phone { font-size: 24px; }
  .appointment-tank .cont-block .word { margin-bottom: 10px; }
  .appointment-tank .cont-block .label-box { margin: -7px; }
  .appointment-tank .cont-block .li { padding: 7px; }
  .appointment-tank .cont-block .input { padding: 5px 15px; }
  .appointment-tank .cont-block .submit-box { margin-top: 15px; }
  .appointment-tank .cont-block .submit{ font-size: 14px; line-height: 34px; height: 34px; max-width: 100%; }
}

/* 移动端底部悬浮 */
.phone-bot { display: none; z-index: 8; border-top: 1px solid #e5e5e5; width: 100%; text-align: center; background: #fff; position: fixed; left: 0; bottom: 0; justify-content: space-between; }
.phone-bot .a { display: inline-flex; flex-wrap: wrap; width: 25%; padding: 8px 10px 10px; font-size: 14px; line-height: 24px; color: #0d4597; }
.phone-bot .a img { display: block; margin: 0 auto; width: 26px; height: 26px; }
.phone-bot .a .text { display: block; width: 100%; }
@media only screen and (max-width: 1200px){
  .phone-bot { display: flex; }
}

/***Banner**/
#IndexBan{ position:relative; }
#IndexBan .pc{ display: block; }
#IndexBan .phone{ display: none; }
#IndexBan .swiper-slide{ position:relative; }
#IndexBan .img{ position: absolute; left: 0; top:0; width: 100%; }
#IndexBan .video{ position: absolute; left: 0; top:0; width: 100%; height:100%; }
#IndexBan .video video{ display: block; width:100%; height: 100%; object-fit: cover; }
#IndexBan .paginations{ position: absolute; left:0; width:100%; bottom:40px; z-index:2; color:#fff; text-align:center; font-size:0; line-height:0; }
#IndexBan .paginations span{ display: inline-block; border-radius: 0; opacity: .6; vertical-align: top; height:4px; width:44px; background:#fff; margin:0 4.5px; cursor: pointer; transition:all .3s; }
#IndexBan .paginations .swiper-pagination-bullet-active{ background:#0d4597; opacity:1; }
#IndexBan .Btns a{ position: absolute; top:0; height: 100%; width:60px; cursor: pointer; z-index: 2; }
#IndexBan .Btns .prev{ left:10%; background:url(../images/icon_jt5_1.png) no-repeat center/contain; }
#IndexBan .Btns .next{ right:10%; background:url(../images/icon_jt5_2.png) no-repeat center/contain; }
#IndexBan .Btns .prev:hover{ background-image:url(../images/icon_jt5_1_h.png); }
#IndexBan .Btns .next:hover{ background-image:url(../images/icon_jt5_2_h.png); }
#AutoBan{ position:relative; overflow:hidden; }
#AutoBan .swiper-slide{ font-size: 0; height: 630px; background:url(../images/product/Banner_back.jpg) no-repeat center/100% 100%; }
#AutoBan .table{ display:table; width: 100%; height: 100%; }
#AutoBan .tab-cell{ display:table-cell; vertical-align: middle; }
#AutoBan .cont{ display: inline-block; vertical-align: middle; width: 360px; transform:translateX(-80px); opacity: 0; transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .3s; }
#AutoBan .h1{ margin-bottom: 40px; line-height: 50px; font-size: 44px; color:#222222; }
#AutoBan .des{ line-height: 34px; font-size: 28px; color:#222222; }
#AutoBan .Img{ display: inline-block; vertical-align: middle; width: 780px; margin-left: 45px; transform:translateX(-80px); opacity: 0; transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .5s; }
#AutoBan .Img img{ margin-bottom:.03rem; }
#AutoBan .swiper-slide-active .cont,
#AutoBan .swiper-slide-active .Img{ transform: translateX(0); opacity: 1; }
#AutoBan .paginations{ position: absolute; left:0; width:100%; bottom:40px; z-index:2; color:#fff; text-align:center; font-size:0; line-height:0; }
#AutoBan .paginations span{ display: inline-block; border-radius: 0; opacity: .6; vertical-align: top; height:4px; width:44px; background:#fff; margin:0 4.5px; cursor: pointer; transition:all .3s; }
#AutoBan .paginations .swiper-pagination-bullet-active{ background:#0d4597; opacity:1; }
#AutoBanB{ position: relative; overflow: hidden; }
#AutoBanB img{ animation:scaleAnim 5s ease forwards; }
#AutoBanB .cont{ position: absolute; left: 0; top:50%; width: 100%; text-align: center; }
#AutoBanB .cont .h1{ line-height: 42px; font-weight: normal; font-size: 36px; color:#ffffff; }
@media only screen and (max-width: 1200px){
    #IndexBan .paginations{ bottom:15px; }
    #IndexBan .paginations span{ width:36px; }
    #AutoBan .swiper-slide{ height: 450px; }
    #AutoBan .cont{ width:260px; }
    #AutoBan .tab-cell{ display: flex; justify-content: space-between; align-items: center; height: 100%; }
    #AutoBan .h1{ line-height:34px; font-size:28px; }
    #AutoBan .des{ line-height: 28px; font-size: 20px; }
    #AutoBan .Img{ margin-left: 0; width:calc( 100% - 320px); }
    #AutoBan .paginations{ bottom:15px; }
    #AutoBan .paginations span{ width:36px; }
    #AutoBanB .cont .h1{ line-height: 36px; font-size: 28px; }
}
@media only screen and (max-width: 992px){
    #AutoBan .Box{ height:calc(100% - 80px); }
    #AutoBan .tab-cell{ font-size:22px; }
    #AutoBan .h1{ font-size:20px; }
    #AutoBan .swiper-slide{ height: 300px; }
    #AutoBan .cont{ width:40%; }
    #AutoBan .h1{ line-height:24px; font-size:20px; margin-bottom: 25px; }
    #AutoBan .des{ line-height: 20px; font-size: 16px; }
    #AutoBan .Img{ width:55%; }
}
@media (max-width:768px) {
    #IndexBan .pc{ display: none; }
    #IndexBan .phone{ display: block; }
    #IndexBan .paginations{ bottom:10px; }
    #IndexBan .paginations span{ width:30px; }
    #AutoBan .swiper-slide{ height: 200px; }
    #AutoBan .h1{ line-height:22px; font-size:16px; margin-bottom: 10px; }
    #AutoBan .des{ line-height: 20px; font-size: 14px; }
    #AutoBan .paginations{ bottom:10px; }
    #AutoBan .paginations span{ width:30px; }
    #AutoBanB{ height: 180px; position: relative; }
    #AutoBanB img{ height: 180px; width:auto; position: absolute; left: 50%; margin-left: -273px; max-width:9999px; }
    #AutoBanB .cont{ z-index: 2; }
    #AutoBanB .cont .h1{ line-height: 30px; font-size: 22px; }
}
@media (max-width:375px) {
    #AutoBan .h1{ line-height:20px; font-size:14px;}
}
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/**首页**/

.IndexBlockA{ position:relative; padding-bottom: 95px; }
.IndexBlockA .swiper-container{ padding:25px 0; margin-top: -25px; margin-bottom: 25px;; }
.IndexBlockA .swiper-container .swiper-slide .Box{ transform: scale(1); transition:all .3s; box-shadow: 0 0 20px rgba(0,0,0,.5); }
.IndexBlockA .swiper-container .swiper-slide-active .Box{ box-shadow: 0 0 20px rgba(0,0,0,0); }
.IndexBlockA .swiper-container .swiper-slide-prev .Box{ transform: scale(.8); }
.IndexBlockA .swiper-container .swiper-slide-next .Box{ transform: scale(.8); }
.IndexBlockA .swiper-container .swiper-slide-shadow-left,
.IndexBlockA .swiper-container .swiper-slide-shadow-right{ display: none; }
.IndexBlockA .swiper-container .Box{ display: block; background:url(../images/back_product.jpg) no-repeat center/100% 100%; text-align: center; transform: translateX(0); padding-top:40px; }
.IndexBlockA .swiper-container .imgBox{ position: relative; margin:0 auto; width:65%; }
.IndexBlockA .swiper-container .imgBox::before{ content:""; display: block; padding-top:53.544%; }
.IndexBlockA .swiper-container .imgBox img{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.IndexBlockA .swiper-container .cont{ padding:10px 15px 30px; }
.IndexBlockA .swiper-container .title{ line-height: 20px; font-weight: bold; font-size: 16px; color:#014099; margin-bottom: 4px; }
.IndexBlockA .swiper-container .des{ line-height: 20px; font-size: 14px; color:#999999; }
.IndexBlockA .swiper-container .Btns a{ position: absolute; top:0; height: 100%; width:30px; cursor: pointer; z-index: 2; }
.IndexBlockA .swiper-container .Btns .prev{ left:5%; background:url(../images/icon_jt2_1.png) no-repeat center; }
.IndexBlockA .swiper-container .Btns .next{ right:5%; background:url(../images/icon_jt2_2.png) no-repeat center; }
.IndexBlockA .swiper-container .Btns .prev:hover{ background-image:url(../images/icon_jt2_1_h.png); }
.IndexBlockA .swiper-container .Btns .next:hover{ background-image:url(../images/icon_jt2_2_h.png); }
@media only screen and (max-width: 1200px){
    .IndexBlockA{ padding-bottom:30px; }
    .IndexBlockA .swiper-container{ margin-bottom: 0; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
}

.IndexBlockB{ padding:55px 0 145px; background:#f1f1f1 url(../images/index/back1.jpg) no-repeat right center/auto 100%; }
.IndexBlockB .l_cont{ width: 630px; display: inline-block; vertical-align: middle; }
.IndexBlockB .des{ line-height: 30px; font-size: 15px; color:#555555; }
.IndexBlockB .content{ padding:50px 0 55px; }
.IndexBlockB .content .wid{ display: inline-block; vertical-align: top; text-align: center; position: relative; }
.IndexBlockB .content .wid+.wid{ margin-left:50px; padding-left: 50px; }
.IndexBlockB .content .wid+.wid::before{ content: ""; position: absolute; left:0; top:10%; height: 80%; width:1px; background:#82858e; }
.IndexBlockB .content .p{ margin-bottom: 10px; line-height: 0; font-size: 0; color:#333333; }
.IndexBlockB .content .num{ line-height: 60px; font-weight: bold; font-size: 59px; }
.IndexBlockB .content .icon{ vertical-align: top; line-height: 24px; font-style: normal; font-size: 23px; }
.IndexBlockB .content .icon2{ font-size: 14px; }
.IndexBlockB .content .txt{ line-height: 20px; font-size: 15px; color:#333333; }
.IndexBlockB .r_cont{ display: inline-block; vertical-align: middle; margin-left: 240px; margin-top: 60px; }
.IndexBlockB .r_cont .VideoPlay{ display: inline-block; height:101px; width:101px; background:url(../images/icon_play.png) no-repeat center/contain; border-radius: 50%; transition:all .3s; transform: rotate(0deg); opacity: 1; }
.IndexBlockB .r_cont .VideoPlay:hover{ opacity: .8; transform: rotate(45deg); }
@media only screen and (max-width: 1200px){
    .IndexBlockB{ padding:0 0 100px; text-align: center; background-position:center bottom; background-size:auto 300px; }
    .IndexBlockB .l_cont{ width: 100%;}
    .IndexBlockB .des{ margin-top:-15px; }
    .IndexBlockB .content{ padding:15px 0 20px; }
    .IndexBlockB .content .p{ margin-bottom: 5px; }
    .IndexBlockB .content .num{ line-height: 40px; font-size: 36px; }
    .IndexBlockB .r_cont{ margin-left:0; margin-top:90px  }
    .IndexBlockB .r_cont .VideoPlay{ width:50px; height: 50px; }

}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
    .IndexBlockB{ padding:0 0 70px; background-size:auto 200px; }
    .IndexBlockB .des{ font-size: 14px; line-height: 24px; }
    .IndexBlockB .content{}
    .IndexBlockB .content .p{ margin-bottom: 0px; }
    .IndexBlockB .content .num{ line-height: 30px; font-size: 24px; }
    .IndexBlockB .content .wid+.wid{ margin-left: 15px; padding-left: 15px; }
    .IndexBlockB .content .txt{ font-size: 14px; }
    .IndexBlockB .r_cont{ margin-top:70px; }
}
@media only screen and (max-width: 400px){
    .IndexBlockB .content{ margin:0 -10px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
}
@media only screen and (max-width: 375px){
    .IndexBlockB .content{ margin:0 -15px; }
    .IndexBlockB .content .wid+.wid{ margin-left:10px; padding-left: 10px; }
    .IndexBlockB .content .txt{ font-size: 12px; }
}

.IndexBlockC{ padding-bottom: 90px; }
.IndexBlockC .TabBoxs{}
.IndexBlockC .TabBoxs .swiper-container{ margin-bottom: 50px; }
.IndexBlockC .swiper-container .Box{ display: block; text-align: center; width: 150px; height: 130px; padding-top: 25px; background:url(../images/back_bg1_1.png) no-repeat center/contain; position: relative; margin:0 auto }
.IndexBlockC .swiper-container .Box::after{ content:''; position: absolute; left:50%; top:120px; margin-left: -11px; }
.IndexBlockC .swiper-container .Box .Img{ display: inline-block; vertical-align: top; position: relative; margin-bottom: 3px; }
.IndexBlockC .swiper-container .Box .Img img{ display: block; transition:all .3s; opacity: 1; width:50px; height: 50px; }
.IndexBlockC .swiper-container .Box .Img .i{}
.IndexBlockC .swiper-container .Box .Img .i_h{ opacity: 0; position: absolute; left: 0; top:0; }
.IndexBlockC .swiper-container .Box .txt{ line-height: 22px; font-size: 16px; color:#666666; }
.IndexBlockC .swiper-container .Box.on{ background-image: url(../images/back_bg1_2.png); }
.IndexBlockC .swiper-container .Box.on .Img .i{ opacity: 0; }
.IndexBlockC .swiper-container .Box.on .Img .i_h{ opacity: 1; }
.IndexBlockC .swiper-container .Box.on::after{ border-top:8px solid #014099; border-left:11px solid transparent; border-right:11px solid transparent; }
.IndexBlockC .swiper-container .Box.on .txt{ color:#fff; }
.IndexBlockC .TabCon{ font-size: 0; }
.IndexBlockC .TabCon .Img{ display: inline-block; vertical-align:top; width: 50%; }
.IndexBlockC .TabCon .cont{ display: inline-block; vertical-align:top; width: 50%; padding-top: 25px; padding-left: 35px; }
.IndexBlockC .TabCon .cont .Img{ display: none; }
.IndexBlockC .TabCon .cont .h2{ line-height: 30px; font-size: 26px; color:#014099; }
.IndexBlockC .TabCon .cont .h2::after{ content: ""; display: block; height: 2px; background:#d7d7d7; width:1.6em; margin:20px 0 25px; }
.IndexBlockC .TabCon .cont .word{ line-height: 26px; font-size: 15px; color:#888888;     -webkit-line-clamp: 10; }
.IndexBlockC .TabCon .cont .word p{}
.IndexBlockC .TabCon .cont .word br{ display: none; }
.IndexBlockC .TabCon .cont .word br+p{ margin-top:10px; }
@media (min-width: 1200px){
    .IndexBlockC .swiper-container .Box:hover{ background-image: url(../images/back_bg1_2.png); }
    .IndexBlockC .swiper-container .Box:hover .Img .i{ opacity: 0; }
    .IndexBlockC .swiper-container .Box:hover .Img .i_h{ opacity: 1; }
    .IndexBlockC .swiper-container .Box:hover::after{ border-top:8px solid #014099; border-left:11px solid transparent; border-right:11px solid transparent; }
    .IndexBlockC .swiper-container .Box:hover .txt{ color:#fff; }
}
@media (max-width: 1200px){
    .IndexBlockC{ padding-bottom: 30px; }
    .IndexBlockC .TabBoxs .swiper-container{ margin-bottom: 20px; }
    .IndexBlockC .swiper-container .Box{ width:110px; height: 100px; padding-top: 15px; }
    .IndexBlockC .swiper-container .Box .Img img{ width:36px; height: 36px; }
    .IndexBlockC .swiper-container .Box .txt{ font-size: 14px; }
    .IndexBlockC .swiper-container .Box::after{ top:91px; }
    .IndexBlockC .TabCon .cont{ padding-top: 10px; padding-left: 20px; }
    .IndexBlockC .TabCon .cont .h2{ line-height: 26px; font-size: 22px; }
    .IndexBlockC .TabCon .cont .h2::after{ margin:10px 0 15px; }
    .IndexBlockC .TabCon .cont .word{ line-height: 22px; font-size: 14px; }
}
@media (max-width: 992px){
    .IndexBlockC .TabCon .Img{ display: none; }
    .IndexBlockC .TabCon .cont{ display: block; width:100%; }
    .IndexBlockC .TabCon .cont .h2{ line-height: 24px; font-size: 20px; }
    .IndexBlockC .TabCon .cont .Img{ display: block; width:auto; margin-bottom: 15px; }
    .IndexBlockC .TabCon .cont .word{ line-height: 24px; font-size: 15px; }
}
@media only screen and (max-width: 768px){
}

.IndexBlockD{ background:#f5f5f5; padding-bottom: 85px; }
.IndexBlockD .SBox{ position: relative; }
.IndexBlockD .swiper-container{}
.IndexBlockD .Box{ display: block; position: relative; }
.IndexBlockD .Box::after{ content:""; position: absolute; left:0; bottom:0; width:100%; height: 1px; background:#e7e7e7; }
.IndexBlockD .Box .imgBox{ display:block; position: relative;}
.IndexBlockD .Box .imgBox::before{ content:""; display:block; width:100%; padding-top:64%; }
.IndexBlockD .Box .imgBox:hover img{ transform:scale(1.02); }
.IndexBlockD .Box .cont{ padding:30px 0; }
.IndexBlockD .Box .title{ line-height: 22px; font-size: 18px; color:#333333; }
.IndexBlockD .Box .date{ line-height: 20px; font-size: 14px; color:#d3d3d3; margin-bottom:20px; }
.IndexBlockD .Box .des{ line-height: 24px; font-size:14px; color:#999999; }
.IndexBlockD .Box:hover .title{ color:#014099; }
.IndexBlockD .Box:hover::after{ background-color:#014099; }
.IndexBlockD .Btns a{ position: absolute; top:50%; margin-top:-30px; width: 42px; height: 60px; background:#cecece no-repeat center; transition:all .3s; z-index: 2; }
.IndexBlockD .Btns .prev{ left:-90px; background-image: url(../images/icon_jt1_1.png); }
.IndexBlockD .Btns .next{ right:-90px; background-image: url(../images/icon_jt1_2.png); }
.IndexBlockD .Btns a:hover{ background-color:#014099; }
@media (max-width: 1450px){
    .IndexBlockD .Btns .prev{ left:0; }
    .IndexBlockD .Btns .next{ right:0; }
}
@media (max-width: 1200px){
    .IndexBlockD{ padding-bottom: 30px; }
    .IndexBlockD .Box .cont{ padding:10px 0 15px; }
    .IndexBlockD .Box .title{ font-size: 16px; }
    .IndexBlockD .Box .date{ margin-bottom: 5px; }
    .IndexBlockD .Box .des{ line-height:22px; }
}
@media (max-width: 992px){
    .IndexBlockD .Box .title{ font-size: 15px; }
    .IndexBlockD .Btns a{ margin-top:-20px; width: 36px; height: 40px; }
}
@media (max-width: 768px){
  .IndexBlockD .Btns a { top: 35%; }
}

.IndexBlockE{ padding-bottom: 70px; }
.IndexBlockE .ul{ font-size: 0; line-height: 0; margin:-10px; }
.IndexBlockE .ul li{ display: inline-block; padding:10px; }
.IndexBlockE .ul .Box{ display: block; width:220px; max-width: 100%; margin:0 auto; transition:all .3s; transform:translateY(0); box-shadow:0 0 15px rgba(0,0,0,0); }
.IndexBlockE .ul .Box::before{ content:""; display: block; padding-top:53.63%; }
.IndexBlockE .ul .Box img{ position: absolute; left: 0; top:0; width:100%; height: 100%; }
.IndexBlockE .ul .Box:hover{ transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1); }
@media (max-width: 1200px){
    .IndexBlockE{ padding-bottom: 30px; }
    .IndexBlockE .ul{ margin:-6px; }
    .IndexBlockE .ul li{ padding:6px; }
}

.WebSiteAndMenum{ position: relative; border-bottom: 1px solid #e5e5e5; }
/**面包屑地址**/
.WebSiteAndMenum .WebSite{ border-bottom:0 none; }
.WebSite{ font-size:0; line-height:0; padding:24px 0; border-bottom: 1px solid #e5e5e5; }
.WebSite a,
.WebSite span{ color:#555555; font-size:15px; line-height:22px; display:inline-block; vertical-align:middle; }
.WebSite span{ margin:0 5px; }
.WebSite .home{ padding-left:25px; background:url(../images/icon_icon11.png) no-repeat left center/18px auto; }
.WebSite span:last-child{ margin:0; }
.WebSite a:hover{ color:#13499a; }
@media (max-width:1200px) {
    .WebSite{ padding:20px 0; }
}
@media (max-width:992px) {
    .WebSiteAndMenum .WebSite{ float: none; display: block; border-bottom: 1px solid transparent; }
    .WebSiteAndMenum .WebSite::after{ content: ''; position: absolute; left: 0; width:100%; top:52px; height: 1px; background:#e5e5e5; }
    .WebSite{ padding:15px 0; }
    .WebSite a,
    .WebSite span{ font-size: 14px; }
}
@media (max-width:768px) {
    .WebSite{ padding:15px 0; }
}

/**二级菜单**/
.WebSiteAndMenum .NextMenu{ border-bottom:0 none; }
.NextMenu{ border-bottom:1px solid #eeeeee; }
.NextMenu .container{ text-align:center; }
.NextMenu .swiper-slide{ width: auto; }
.NextMenu .swiper-slide:last-child{ margin-right:0!important; }
.NextMenu .Box{ display:inline-block; vertical-align:top; font-size:0; line-height:0; }
.NextMenu a{ display:inline-block; font-size:15px; color:#333333; line-height:70px; position:relative; }
.NextMenu a::after{ content:""; display:block; position:absolute; left:0; bottom:0; height:2px; width:0; background:transparent; transition:all .4s; }
.NextMenu a:hover,
.NextMenu .on{ color:#13499a; }
.NextMenu a:hover::after,
.NextMenu .on::after{ background:#13499a; width:100%; }
@media (max-width:1200px) {
    .NextMenu a{ line-height:62px; }
}
@media (min-width:992px) {
    .NextMenu .swiper-slide{ width: auto!important; }
}
@media (max-width:992px) {
    .WebSiteAndMenum .NextMenu{ float: none; display: block; text-align: center; }
    .NextMenu a{ line-height:52px; font-size: 14px; }
    .NextMenu a+a{ margin-left:20px; }
}

/**分页按钮**/
.PageBtns{ text-align:center; font-size:0; line-height:0; padding:60px 10px 85px; }
.PageBtns a{ display:inline-block; vertical-align: middle; font-size:16px; line-height:42px; color:#555555; min-width:62px; padding:0 5px; margin:2px; transition:all .4s; border:1px solid #e5e5e5; }
.PageBtns a:hover,
.PageBtns .on{ color:#fff; background:#0d4597; border-color:#0d4597; }
@media (max-width:1200px) {
    .PageBtns{ padding:45px 10px 60px; }
}
@media (max-width:992px) {
    .PageBtns{ padding:35px 10px 45px; }
    .PageBtns a{ min-width:38px; line-height:36px; }
}
@media (max-width:768px) {
    .PageBtns{  padding:20px 10px 30px; }
}

/**产品列表**/
.ProductList{ padding:50px 0 95px; }
.ProductList .ul{ line-height: 0; font-size: 0; margin:-18px; }
.ProductList .ul li{ display: inline-block; vertical-align: top; width:50%; padding:18px; }
.ProductList .ul .Box{ display: block; background:url(../images/back_product.jpg) no-repeat center/100% 100%; text-align: center; padding:30px 11px; }
.ProductList .ul .imgBox{ position: relative; }
.ProductList .ul .imgBox::before{ content:''; display: block; padding-top:53.544%; }
.ProductList .ul .imgBox img{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.ProductList .ul .title{ line-height: 20px; font-weight: bold; font-size: 15px; color:#333333; }
.ProductList .ul .Box:hover .title{ color:#13499a; }
@media (max-width:1200px) {
    .ProductList{ padding:35px 0 30px; }
    .ProductList .ul{ margin:-10px; }
    .ProductList .ul li{ padding:10px; }
    .ProductList .ul .Box{ padding:20px 10px; }
}
@media (max-width:992px) {
    .ProductList .ul{ margin:-8px; }
    .ProductList .ul li{ padding:8px; }
    .ProductList .ul .Box{ padding:15px 10px; }
}
@media (max-width:768px) {
    .ProductList{ padding:30px 0; }
    .ProductList .ul{ margin:-5px; }
    .ProductList .ul li{ padding:5px; }
    .ProductList .ul .Box{ padding:10px 10px 5px; }
    .ProductList .ul .title{ font-size: 14px; }
}

/**产品详情**/
.ProductInfoA{ padding:90px 0 75px; background:linear-gradient(to bottom,#fafafa,#d9d9db); box-shadow:15px 0 15px rgba(0,0,0,.1) inset; text-align: center; }
.ProductInfoA .h1{ line-height: 52px; font-weight: normal; font-size: 42px; color:#333333; margin-bottom: 11px; }
.ProductInfoA .des{ line-height: 30px; font-size: 16px; color:#999999; }
.ProductInfoA .des::after{ content:""; display: block; height: 3px; background:url(../images/icon_icon10.png) no-repeat center; margin-top: 15px; }
.ProductInfoA .img{ padding:10px 0 15px; }
.ProductInfoA .word{ line-height: 30px; font-size: 16px; color:#555555; }
.ProductInfoB{ padding-bottom: 65px; }
.ProductInfoB .ul{ font-size: 0; line-height:0; padding-top:35px; margin:-15px 0; }
.ProductInfoB .ul li{ text-align: center; display: inline-block; vertical-align: top; width:20%; margin-left: 5%; padding:15px 0; }
.ProductInfoB .ul li:nth-child(4n+1){ margin-left: 0; }
.ProductInfoB .ul .Box{ transform:translateY(0); transition:all .3s; }
.ProductInfoB .ul .title{ line-height: 26px; font-size: 18px; color:#333333; margin:25px 0 15px; }
.ProductInfoB .ul .des{ line-height: 24px; font-size: 14px; color:#999999; }
.ProductInfoC{ background:#f1f1f1; padding-bottom: 90px; }
.ProductInfoC .ul{}
.ProductInfoC .ul .li{ background:#fff; font-size: 0; line-height:0; }
.ProductInfoC .ul .li:hover{ background: #f6f6f6; }
.ProductInfoC .ul .li .imgBox{ display: inline-block; width:50%; vertical-align: middle; }
.ProductInfoC .ul .li .imgBox::before{ content: ""; display: block; padding-top:55.835%; }
.ProductInfoC .ul .li .cont{ display: inline-block; width:50%; vertical-align: middle; padding:15px 5%; }
.ProductInfoC .ul .li .word{ line-height: 32px; font-size: 16px; color:#555555; }
.ProductInfoD{ padding-bottom: 60px; }
.ProductInfoD .ul{ font-size: 0; line-height:0; margin: -15px; }
.ProductInfoD .ul .li{ display: inline-block; vertical-align:top; padding:15px; text-align: center; }
.ProductInfoD .ul .li .imgBox{ display:block; cursor: pointer; margin-bottom: 12px; }
.ProductInfoD .ul .li .imgBox::before{ content: ""; display: block; padding-top:72.075%; }
.ProductInfoD .ul .li .title{ line-height: 20px; font-size: 14px; color:#333333; }
.ProductInfoE{ background:#f1f1f1; padding-bottom: 85px; }
.ProductInfoE .ul{ font-size: 0; line-height:0; margin: -15px; }
.ProductInfoE .ul .li{ display: inline-block; vertical-align:top; padding:15px; text-align: center; }
.ProductInfoE .ul .li .imgBox{ display:block; cursor: pointer; }
.ProductInfoE .ul .li .imgBox::before{ content: ""; display: block; padding-top:72.075%; }
.ProductInfoF{ padding-bottom: 100px; }
.ProductInfoF .cont{ line-height: 22px; font-size:14px; color:#666666; overflow-y: auto; }
.ProductInfoF .cont table{ width:100%; min-width: 640px; border-collapse: collapse; text-align: center; }
.ProductInfoF .cont table td,
.ProductInfoF .cont table th{ border:1px solid #ededed; padding:10px; line-height: 22px; height: 64px; }
.ProductInfoF .cont table th{ background: #f5f5f5; font-weight: normal; font-size:15px; color:#333333; }
.ProductInfoF .cont table td{ font-size:14px; color:#666666; }
.ProductInfoF .cont table td:nth-child(1){ width:16.66%; }
.ProductInfoF .cont table td:nth-child(2){ width:22.08%; }
.ProductInfoG{ background:#f1f1f1; padding-bottom: 85px; }
.ProductInfoG .cont{ line-height: 22px; font-size:14px; color:#666666; overflow-y: auto; }
.ProductInfoG .cont table{ width:100%; min-width: 640px; border-collapse: collapse; text-align: center; }
.ProductInfoG .cont table td,
.ProductInfoG .cont table th{ border:1px solid #d6d6d6; padding:10px; line-height: 22px; width:17.5%; }
.ProductInfoG .cont table th{ background: #0d4597; font-weight: bold; font-size:16px; color:#ffffff; height: 64px; }
.ProductInfoG .cont table td{ height: 48px; }
.ProductInfoG .cont table td:nth-child(1),
.ProductInfoG .cont table th:nth-child(1){ width:12.5%; }
@media (min-width:1200px) {
    .ProductInfoB .ul .Box:hover{ transform:translateY(-10px); }
}
@media (max-width:1200px) {
    .ProductInfoA{ padding:35px 0 30px; }
    .ProductInfoA .h1{ margin-bottom: 5px; line-height: 34px; font-size: 26px; }
    .ProductInfoA .des::after{ margin-top: 10px; }
    .ProductInfoA .word{ line-height: 26px; font-size: 15px; }
    .ProductInfoB{ padding-bottom: 30px; }
    .ProductInfoB .ul{ padding-top:0; margin:-8px 0; }
    .ProductInfoB .ul li{ width:23%; margin-left:2%; padding:8px 0; }
    .ProductInfoB .ul img{ width: 100px; height: 87px; }
    .ProductInfoB .ul .title{ margin:15px 0 5px; line-height: 24px; font-size: 16px; }
    .ProductInfoB .ul .des{ line-height: 22px; }
    .ProductInfoC{ padding-bottom: 30px; }
    .ProductInfoC .ul .li .word{ line-height: 26px; font-size: 15px; }
    .ProductInfoD{ padding-bottom: 30px; }
    .ProductInfoD .ul{ margin: -8px; }
    .ProductInfoD .ul .li{ padding:8px }
    .ProductInfoD .ul .li .imgBox{ margin-bottom: 8px; }
    .ProductInfoE{ padding-bottom: 30px; }
    .ProductInfoE .ul{ margin: -8px; }
    .ProductInfoE .ul .li{ padding:8px }
    .ProductInfoF{ padding-bottom: 30px; }
    .ProductInfoF .cont table td,
    .ProductInfoF .cont table th{ height: 48px; }
    .ProductInfoG{ padding-bottom: 30px; }
    .ProductInfoG .cont table th{ height: 48px; font-size: 14px; }
}
@media (max-width:992px) {
    .ProductInfoC .ul .li{ display: flex; flex-wrap: wrap; }
    .ProductInfoC .ul .li .imgBox{ width:100%; order: 1; }
    .ProductInfoC .ul .li .cont{ width:100%; padding:15px; order: 2; }
    .ProductInfoC .ul .li .word{ line-height: 24px; font-size: 14px; }
}
@media (max-width:768px) {
    .ProductInfoA{ padding:25px 0 30px; }
    .ProductInfoA .h1{ margin-bottom: 4px; line-height: 26px; font-size: 20px; }
    .ProductInfoA .des{ line-height: 20px; font-size: 14px; }
    .ProductInfoA .word{ font-size: 14px; line-height: 24px; }
    .ProductInfoB .ul li{ width:49%; margin-left:2%; padding:8px 0; }
    .ProductInfoB .ul li:nth-child(2n+1){ margin-left: 0; }
    .ProductInfoB .ul img{ width:80px; height: 69px; }
    .ProductInfoB .ul .title{ margin:10px 0 5px; }
    .ProductInfoF .cont table td,
    .ProductInfoF .cont table th{ height: 40px; }
    .ProductInfoG .cont table th,
    .ProductInfoG .cont table td{ height: 40px; }
}

.ProductInfoA-A{ padding-top: 32px; padding-bottom: 80px; }
.ProductInfoA-A .retrurn{ text-align: right; }
.ProductInfoA-A .retrurn a{ display: inline-block; font-size: 16px; line-height: 22px; color: #999999; }
.ProductInfoA-A .retrurn a:hover{ color: #1759bb; }
.ProductInfoA-A .clearBox{ padding-top: 10px; }
.ProductInfoA-A .imgs{ width: 44%; }
.ProductInfoA-A .imgBox{ border: 1px solid #e4e4e4; transition: all .3s; }
.ProductInfoA-A .imgBox::before{ content: ""; display: block; width: 100%; padding-top: 100%; }
.ProductInfoA-A .swiper-box{ margin-top: 20px; position: relative; padding: 0 30px; }
.ProductInfoA-A .swiper-box .imgBox{ display: block; cursor: pointer; }
.ProductInfoA-A .swiper-box .on .imgBox,
.ProductInfoA-A .swiper-box .imgBox:hover{ border-color: #1759bb; }
.ProductInfoA-A .swiper-box .btn{ position: absolute; top: 0; height: 100%; width: 20px; cursor: pointer; background: no-repeat center/10px auto; }
.ProductInfoA-A .swiper-box .prev{ left: 0; background-image: url(../images/icon_jt2_1.png); }
.ProductInfoA-A .swiper-box .next{ right: 0; background-image: url(../images/icon_jt2_2.png); }
.ProductInfoA-A .swiper-box .prev:hover{ background-image: url(../images/icon_jt2_1_h.png); }
.ProductInfoA-A .swiper-box .next:hover{ background-image: url(../images/icon_jt2_2_h.png); }
.ProductInfoA-A .cont{ width: 52.5%; padding-top: 45px; }
.ProductInfoA-A .cont .h1{ font-weight: 400; font-size: 32px; line-height: 1.4em; color: #333333; }
.ProductInfoA-A .cont .des{ font-size: 16px; line-height: 1.4em; color: #999999; }
.ProductInfoA-A .cont .text{ margin-top: 25px; margin-bottom: 50px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-top: 8px; padding-bottom: 8px; font-size: 15px; line-height: 2em; color: #777777; }
.ProductInfoA-A .cont .text .p{ position: relative; margin-top: 14px; margin-bottom: 14px; padding-left: 20px; }
.ProductInfoA-A .cont .text .p::before{ content: ""; display: block; position: absolute; left: 5px; top: 11px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #e3e3e3; }
.ProductInfoA-A .cont .MoreBox .a{ border-radius: 3px; padding:0 45px; font-size: 16px; }
.ProductInfoA-B{ background: #f1f1f1 url(../images/product/bg.jpg) no-repeat top center/100% auto; padding: 70px 0 100px; }
.ProductInfoA-B .pad{ padding: 35px 30px; }
.ProductInfoA-B .title{ border-bottom: 1px solid #dfdfdf; font-size: 0; line-height: 0; }
.ProductInfoA-B .title .span{ display: inline-block; position: relative; padding: 15px 0; font-size: 18px; font-weight: 700; color: #777777; line-height: 1.4em; color: #777777; cursor: pointer; }
.ProductInfoA-B .title .span+.span{ margin-left: 48px; }
.ProductInfoA-B .title .span:hover{ color: #03499a; }
.ProductInfoA-B .title .span.on{ color: #03499a;}
.ProductInfoA-B .title .span::after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; transition: all .3s ease-in-out; }
.ProductInfoA-B .title .span.on::after{ background: #03499a;}
.ProductInfoA-B .cont-block{ padding-top: 22px; }
@media (max-width:1200px) {
  .ProductInfoA-A{ padding-top: 25px; padding-bottom: 40px; }
  .ProductInfoA-A .cont{ padding-top: 20px; }
  .ProductInfoA-A .cont .h1{font-size: 26px; }
  .ProductInfoA-A .cont .text{ margin-top: 10px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; line-height: 1.8em; }
  .ProductInfoA-A .cont .text .p{ margin-top: 12px; margin-bottom: 12px; }
  .ProductInfoA-A .cont .text .p::before{ top: 9px; }
  .ProductInfoA-B{ padding: 40px 0 50px; }
  .ProductInfoA-B .pad{ padding: 15px 25px 25px; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 16px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 25px; }
  .ProductInfoA-B .cont-block{ padding-top: 20px; }
}
@media (max-width:992px) {
  .ProductInfoA-A{ padding-top: 20px; padding-bottom: 30px; }
  .ProductInfoA-A .cont{ padding-top: 10px; }
  .ProductInfoA-A .cont .h1{ font-size: 20px; }
  .ProductInfoA-A .cont .text{ margin-top: 8px; }
  .ProductInfoA-A .cont .text .p{ margin-top: 8px; margin-bottom: 8px; }
  .ProductInfoA-A .cont .text .p::before{ top: 7px; }
  .ProductInfoA-B{ padding: 30px 0; }
}
@media (max-width:768px) {
  .ProductInfoA-A{ padding-top: 15px; }
  .ProductInfoA-A .retrurn a{ font-size: 14px; }
  .ProductInfoA-A .imgs{ width: 100%; }
  .ProductInfoA-A .cont{ width: 100%; padding-top: 20px; }
  .ProductInfoA-A .cont .h1{ margin-bottom: 5px; font-size: 18px; }
  .ProductInfoA-B .pad{ padding-left: 20px; padding-right: 20px; }
  .ProductInfoA-B .title{ display: flex; justify-content: space-between; }
  .ProductInfoA-B .title .span{ padding: 10px 0; font-size: 14px; }
  .ProductInfoA-B .title .span+.span{ margin-left: 0; }
  .ProductInfoA-B .cont-block{ padding-top: 15px; margin: 0 -20px; }
}

/**服务支持**/
.ServerTopA{}
.ServerTopA .ul{ font-size: 0; margin:-14px; padding-top:10px; padding-bottom: 120px; }
.ServerTopA .ul li{ display: inline-block; vertical-align: top; text-align: center; padding:14px; }
.ServerTopA .ul .Box{ display: block; border-radius: 5px; border:1px solid #e2e2e2; padding:75px 15px; transition: all .3s; line-height:26px; font-size:18px; color:#222222; }
.ServerTopA .ul .img{ display: inline-block; position: relative; vertical-align: top; }
.ServerTopA .ul .img img{ display: block; width:90px; height: 90px; transition: all .3s; }
.ServerTopA .ul .img .i{ opacity: 1; }
.ServerTopA .ul .img .i_h{ position: absolute; left:0; top:0; opacity: 0; }
.ServerTopA .ul .Box:hover{ background:#0d4597; color:#fff; }
.ServerTopA .ul .Box:hover .i{ opacity: 0; }
.ServerTopA .ul .Box:hover .i_h{ opacity: 1; }
@media (max-width:1200px) {
    .ServerTopA .ul{ margin:-8px; padding-top:0; padding-bottom: 30px; }
    .ServerTopA .ul li{ padding:8px; }
    .ServerTopA .ul .Box{ padding:20% 15px; line-height: 24px; font-size: 16px; }
    .ServerTopA .ul .img img{ width:70px; height: 70px; }
}
@media (max-width:768px) {
    .ServerTopA .ul .Box{ padding:15% 15px; line-height: 22px; font-size: 15px; }
    .ServerTopA .ul .img img{ width:50px; height: 50px; }
}

/**常见问题**/
.FaqList{ }
.FaqList .ul{}
.FaqList .ul li{ font-size: 16px; line-height: 1.4em; background-color: #f6f6f6; }
.FaqList .ul li+li{ margin-top: 30px; }
.FaqList .ul .pad{ padding:18px 50px; }
.FaqList .ul .q{ background-color: transparent; cursor: pointer; }
.FaqList .ul li:hover .q{ background-color: #eee; }
.FaqList .ul .on .q{ background-color: #e6e6e6; }
.FaqList .ul .a{ display: none; }
.FaqList .ul .icons{ float: right; display: inline-block; height: 22px; width: 18px; background:url(../images/icon_jt3.png) no-repeat center/contain; transform:scaleY(1); transition:all .3s; }
.FaqList .ul .on .icons{ transform:scaleY(-1); }
@media (max-width:1200px) {
    .FaqList .ul li+li{ margin-top: 20px; }
    .FaqList .ul .pad{ padding:15px 40px; }
}
@media only screen and (max-width: 992px){
	.FaqList .ul li+li{ margin-top: 10px; }
	.FaqList .ul .pad{ padding:15px 20px; }
}
@media only screen and (max-width: 992px){
    .FaqList .ul li{ font-size: 15px; }
    .FaqList .ul .a{ font-size: 14px; }
    .FaqList .ul li+li{ margin-top: 8px; }
    .FaqList .ul .pad{ padding:15px; }
    .FaqList .ul .icons{ width: 14px; }
}

/**下载专区**/
.Downlist{ background-color: #f7f7f7; }
.Downlist .typeMenu{ text-align: center; padding-bottom:25px; font-size:0; }
.Downlist .typeMenu a{ transition:all .3s; display: inline-block; vertical-align: top; padding:0 40px; background:#f2f2f2; border-radius:4px; line-height:30px; font-size:14px; color:#666; }
.Downlist .typeMenu a+a{ margin-left:45px; }
.Downlist .typeMenu a:hover,
.Downlist .typeMenu a.on{ background:#2f62b6; color:#fff; }
.Downlist .list li+li{ margin-top: 2.77%; }
.Downlist .list .Box{ display: block; position: relative; background-color: #fff; border:1px solid #fff; line-height: 22px; padding:18px 30px; transition: all 0.3s ease-in-out; }
.Downlist .list .time{ color:#666; position: absolute; margin-top:-5px; display: block; width: 70px; text-align: center; }
.Downlist .list .year{ font-size: 24px; line-height: 24px; }
.Downlist .list .date{ font-size: 15px; line-height: 20px; }
.Downlist .list .word{ padding:8px 140px 8px 30px; font-size: 16px; color:#333333; margin-left: 105px; border-left: 1px solid #e2e2e2; position: relative; }
.Downlist .list .word .more{ display: block; position: absolute; top: 0; right:0; line-height: 38px; font-size: 14px; color:#666; text-align: center; padding:0 34px; border-radius: 5px; background-color: #e3e3e3; transition: all 0.3s ease-in-out; }
.Downlist .list .word .more i{ display: block; margin:0 auto; font-style: normal; padding-left:25px; background:url(../images/down2.png) no-repeat left center; transition: all 0.3s ease-in-out; }
.Downlist .list .Box:hover{ border-color:#2f62b6; }
.Downlist .list .Box:hover .more{ background-color:#2f62b6; color:#fff; transform: translate(-2px,0); }
.Downlist .list .Box:hover .more i{ background-image: url(../images/down1.png); }
@media screen and (max-width: 992px) {
    .Downlist .list{ padding-top:10px; }
    .Downlist .list .Box{ padding:12px 20px; }
    .Downlist .list .time{ margin-top: -3px; width: 50px; }
    .Downlist .list .year{ font-size: 20px; line-height: 20px; }
    .Downlist .list .date{ font-size: 14px; line-height: 18px; }
    .Downlist .list .word{ padding:5px 110px 5px 15px; font-size: 16px; margin-left: 65px; }
}
@media screen and (max-width: 768px) {
    .Downlist .typeMenu{ padding-bottom:10px; }
    .Downlist .typeMenu a{ padding:0 35px; }
    .Downlist .typeMenu a+a{ margin-left:15px; }
    .Downlist .list{ padding-top:5px; }
    .Downlist .list .Box{ padding:8px 8px; }
    .Downlist .list .time{ display: none; }
    .Downlist .list .word{ padding-left:0; margin-left: 0px; border:0 none; font-size: 14px; }
    .Downlist .list .word .more{ line-height: 28px; padding:0 20px; }
    .Downlist .list .word .more i{ padding-left: 23px; background-size: 16px; }
}

/**视频中心**/
.Videolist .ul{ margin:-14px; font-size:0; line-height:0; }
.Videolist .ul li{ padding:14px; display:inline-block; width:33.33%; vertical-align:top; }
.Videolist .ul li .Box{ display:block; transition:all .5s; transform:translateY(0); box-shadow:0 0 14px rgba(0,0,0,0); text-align:left; }
.Videolist .ul li .imgBox{ padding-top:64%; background:#000; }
.Videolist .ul li .more{ position: absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/icon_play2.png) no-repeat center; opacity: 1; }
.Videolist .ul li .title{ font-size:16px; line-height:22px; color:#333333; padding:15px 10px; transition:all .5s; background:#f8f8f8; }
.Videolist .ul li .Box:hover{ transform:translateY(-5px); box-shadow:0 0 14px rgba(0,0,0,.08); }
.Videolist .ul li .Box:hover img{ opacity:.45; }
.Videolist .ul li .Box:hover .title{ color:#fff; background:#2f62b6; }
.Videolist .ul li .more:hover{  opacity: .8; }
@media only screen and (max-width: 1200px){
    .Videolist .ul{ margin:-9px; }
    .Videolist .ul li{ padding:9px; }
    .Videolist .ul li .more{ background-size: 70px 70px; }
}
@media only screen and (max-width: 992px){
    .Videolist .ul{ margin:-7px; }
    .Videolist .ul li{ padding:7px; }
    .Videolist .ul li .title{ line-height:20px; font-size:14px; padding:10px; }
    .Videolist .ul li .more{ background-size: 60px 60px; }
}
@media only screen and (max-width: 768px){
    .Videolist .ul{ margin:-7px; }
    .Videolist .ul li{ padding:7px; width:50%; }
    .Videolist .ul li .more{ background-size: 50px 50px; }
}

/**售后服务**/
.AboutInfo{}
.AboutInfo .content{ padding-bottom: 75px; font-size: 16px; line-height: 1.8em; color:#666; }
.AboutInfo .content img{ height: auto!important; }
@media only screen and (max-width: 1200px){
    .AboutInfo .content{ padding-bottom: 30px; }
}
@media only screen and (max-width: 768px){
    .AboutInfo .content{  font-size: 15px; }
}

/**新闻中心**/
.NewsList{}
.NewsList .ul{ padding-top:50px; }
.NewsList .ul li + li{margin-top:40px;}
.NewsList .ul li .Box{display:block;padding-bottom:40px;border-bottom:1px dashed #e5e5e5;}
.NewsList .ul li .Box .imgBox{float:left; width:265px; margin-right:3.21%;}
.NewsList .ul li .Box .imgBox::before{ content:""; display:block; width:100%; padding-top:64%; }
.NewsList .ul li .Box .r_con{float:right;position:relative;width:15.57%;margin-left:5.35%;padding-top:45px;color:#d6d6d6;text-align:right;}
.NewsList .ul li .Box .r_con .year{font-size:24px;line-height:30px;}
.NewsList .ul li .Box .r_con .time{font-size:40px;line-height:48px;}
.NewsList .ul li .Box .cont .h2{ padding-top:30px;margin-bottom:20px; font-weight: bold; line-height:26px; font-size:18px; color:#333333;}
.NewsList .ul li .Box .cont .word{ line-height:24px; font-size:15px; color:#777777;}
.NewsList .ul li .Box:hover .r_con{ color:#0d4597; }
.NewsList .ul li .Box:hover .cont .h2{color:#0d4597;}
@media only screen and (max-width: 1200px){
    .NewsList .ul{ padding-top:35px; }
    .NewsList .ul li + li{ margin-top:25px; }
    .NewsList .ul li .Box{ padding-bottom:25px; }
    .NewsList .ul li .Box .imgBox{ width:200px; margin-right:2%; }
    .NewsList .ul li .Box .r_con{width:140px;margin-left:2%;padding-top:30px;}
    .NewsList .ul li .Box .r_con .year{font-size:20px;line-height:30px;}
    .NewsList .ul li .Box .r_con .time{font-size:34px;line-height:40px;}
    .NewsList .ul li .Box .cont .h2{padding-top:25px;margin-bottom:15px;line-height:22px;}
    .NewsList .ul li .Box .cont .word{font-size:14px;line-height:22px;}
}
@media only screen and (max-width: 768px){
    .NewsList .ul{padding-top:30px;}
    .NewsList .ul li + li{margin-top:15px;}
    .NewsList .ul li .Box{padding-bottom:15px;}
    .NewsList .ul li .Box .imgBox{width:140px;margin-right:15px;}
    .NewsList .ul li .Box .r_con{display:none;}
    .NewsList .ul li .Box .cont .h2{padding-top:10px;margin-bottom:8px;font-size:16px;}
    .NewsList .ul li .Box .cont .word{font-size:14px;line-height:20px;}
}

/**新闻详情**/
.NewsInfo{}
.NewsInfo .f_Box{ position: relative; padding-bottom: 35px; }
.NewsInfo .f_Box::before{ content:''; position: absolute; width:1px; height: 100%; top:0; left:72.91%; background:#e7e7e7; }
.NewsInfo .l_con{ width: 69.58%; }
.NewsInfo .l_con .Info{ padding-top: 65px; }
.NewsInfo .l_con .Info .h1{ margin-bottom: 15px; line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; }
.NewsInfo .l_con .Info .other{ line-height: 30px; font-size: 14px; color:#c8c8c8; }
.NewsInfo .l_con .Info .shareBox{ font-size: 0; }
.NewsInfo .l_con .Info .shareBox a{ height: 30px; width:30px; background:#c0c0c0 no-repeat center/contain; border:0 none; border-radius: 50%; transition:all .3s; }
.NewsInfo .l_con .Info .shareBox .wechat{ background-image:url(../images/icon_icon13.png); }
.NewsInfo .l_con .Info .shareBox .qq{ background-image:url(../images/icon_icon12.png); }
.NewsInfo .l_con .Info .shareBox a:hover{ background-color:#0d4597; }
.NewsInfo .l_con .Info .cont{ margin-top:25px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:50px 0; line-height: 24px; font-size: 16px; }
.InfoPNBtn{ padding:25px 0; line-height: 24px; font-size: 14px; color:#555555; }
.InfoPNBtn p{ max-width: 49%; }
.InfoPNBtn p a{ color:#555555; }
.InfoPNBtn p a:hover{ color:#004097; }
.NewsInfo .r_con{ width:23.75%; padding-top:65px; }
.NewsInfo .r_con .h5{ line-height: 28px; font-weight: normal; font-size: 22px; color:#333333; }
.NewsInfo .r_con .ul{ padding-top: 32px; }
.NewsInfo .r_con .ul li{}
.NewsInfo .r_con .ul li+li{ border-top:1px solid #f0f0f0; margin-top:17px; padding-top:17px; }
.NewsInfo .r_con .ul .Box{ display: block; }
.NewsInfo .r_con .ul .h6{ line-height: 22px; font-weight: normal; font-size: 15px; color:#333333; margin-bottom: 7px; }
.NewsInfo .r_con .ul .cont{ line-height: 22px; font-size: 14px; color:#c8c8c8; }
.NewsInfo .r_con .ul .Box:hover .h6{ color:#0d4597; }
@media only screen and (max-width: 1200px){
    .NewsInfo .f_Box{ padding-bottom: 25px; }
    .NewsInfo .l_con .Info{ padding-top: 35px; }
    .NewsInfo .l_con .Info .h1{ margin-bottom: 10px; line-height: 26px; font-size: 20px; }
    .NewsInfo .l_con .Info .cont{ margin-top:15px; padding:30px 0; }
    .NewsInfo .r_con{ padding-top:35px; }
    .NewsInfo .r_con .h5{ line-height: 22px; font-size: 20px; }
    .NewsInfo .r_con .ul{ padding-top: 20px; }
    .NewsInfo .r_con .ul li+li{ margin-top:10px; padding-top:10px; }
    .NewsInfo .r_con .ul .h6{ margin-bottom: 2px; }
    .NewsInfo .r_con .ul .cont{ font-size: 13px; }
}
@media only screen and (max-width: 992px){
    .NewsInfo .f_Box{ padding-bottom: 15px; }
    .NewsInfo .f_Box::before{ display: none; }
    .NewsInfo .l_con{ width:100%; }
    .NewsInfo .l_con .Info{ padding-top: 20px; }
    .NewsInfo .l_con .Info .h1{ text-align: center; line-height: 24px; font-size: 16px; margin-bottom: 2px; }
    .NewsInfo .l_con .Info .other{ text-align: center; line-height: 20px; font-size:12px; }
    .NewsInfo .l_con .Info .other .f_l,
    .NewsInfo .l_con .Info .other .f_r{ display: block; float: none; }
    .NewsInfo .l_con .Info .shareBox{ padding-top: 3px; }
    .NewsInfo .l_con .Info .shareBox a{ margin:0 4px; height: 26px; width: 26px; }
    .NewsInfo .l_con .Info .cont{ margin-top:10px; padding:15px 0; }
    .NewsInfo .r_con{ display: none; }
    .InfoPNBtn{ padding:15px 0; line-height: 24px; }
    .InfoPNBtn p{ max-width: 100%; width: 100%; }
}

/**关于我们**/
.AboutBlockA{ background:#f5f5f5; padding-bottom: 70px; }
.AboutBlockA .cont{ text-align: center; line-height: 34px; font-size: 15px; color:#555555; }
.AboutBlockA .cont .pBox{ width:1100px; margin:0 auto; max-width: 100%; }
.AboutBlockA .VideoPlay{ position: relative; cursor: pointer; margin-top: 15px; }
.AboutBlockA .VideoPlay::after{ content: ''; position: absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/icon_play3.png) no-repeat center; opacity: 1; transform:rotate(0); transition:all .3s; }
.AboutBlockA .NumBox{ padding:40px 0; }
.AboutBlockA .NumBox .wid{ display: inline-block; vertical-align: top; text-align: center; position: relative; color:#333333; }
.AboutBlockA .NumBox .wid+.wid{ margin-left:50px; padding-left: 50px; }
.AboutBlockA .NumBox .p{ margin-bottom: 10px; line-height: 0; font-size: 0; }
.AboutBlockA .NumBox .num{ line-height: 60px; font-weight: bold; font-size: 59px; }
.AboutBlockA .NumBox .icon{ vertical-align: top; line-height: 24px; font-style: normal; font-size: 23px; }
.AboutBlockA .NumBox .icon2{ font-size: 14px; }
.AboutBlockA .NumBox .txt{ line-height: 20px; font-size: 15px; color:#999999; }
.AboutBlockA .NumBox .wid:hover{ color:#0d4597; }
.AboutBlockA .Images{ font-size: 0; margin:0; padding-top: 40px; text-align: left; }
.AboutBlockA .Images .imgBox{ display: block; position: relative; }
.AboutBlockA .Images .imgBox::before{ content:''; display: block; padding-top:64%; }
/**发展历程**/
.HistoryList{ padding-bottom: 100px; }
.HistoryList .TabCon{ padding:3.33%; background:#f5f5f5; font-size: 0; }
.HistoryList .TabCon .imgBox{ display: inline-block; vertical-align: top; width:49.55%; }
.HistoryList .TabCon .imgBox img{ position: static; }
.HistoryList .TabCon .cont{ display: inline-block; vertical-align: top; width:50.45%; padding:3% 2% 0 4.01%; }
.HistoryList .TabCon .cont .h2{ line-height: 48px; font-weight: bold; font-size: 40px; color:#0d4597; }
.HistoryList .TabCon .cont .des{ line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; margin-bottom: 35px; }
.HistoryList .TabCon .cont .imgBox{ display: none; }
.HistoryList .TabCon .cont .word{ line-height: 28px; font-size: 14px; color:#555555; }
.HistoryList .swiper-container{ padding-top: 75px; }
.HistoryList .swiper-container .swiper-slide{ text-align: center; position: relative; }
.HistoryList .swiper-container .swiper-slide::before{ content:""; display: block; position: absolute; left:0; bottom:100%; width:100%; height: 22px; background:url(../images/back_bg1_3.jpg) no-repeat center/100% 100%; }
.HistoryList .swiper-container .Box{ display: block; padding-top:10px; line-height: 32px; font-size: 28px; color:#333333; }
.HistoryList .swiper-container .Box:hover,
.HistoryList .swiper-container .on.Box{ color:#e20a00; }
/**资质证书**/
.HonorList{ padding-bottom: 75px; background:url(../images/about/back_bg.jpg) no-repeat center/100% 100%; }
.HonorList .swiperBox{ position: relative; margin-bottom: 40px; }
.HonorList .swiperBox .swiper-slide{ background-color:#fff; }
.HonorList .swiperBox .imgBox{ display: block; margin:25px 28px; }
.HonorList .swiperBox .imgBox::before{ content: ''; display: block; padding-top:135.4%; }
.HonorList .swiperBox .Btns a{ display: block; z-index: 2; position: absolute; top:50%; margin-top:-30px; width:40px; height: 60px; cursor: pointer; background:rgba(0,0,0,.16) no-repeat center; transition:all .3s; }
.HonorList .swiperBox .Btns .prev{ left:-90px; background-image:url(../images/icon_jt1_1.png); }
.HonorList .swiperBox .Btns .next{ right:-90px; background-image:url(../images/icon_jt1_2.png); }
.HonorList .swiperBox .Btns a:hover{ background-color:#014099; }
.HonorListBlock .HonorList{ padding:55px 0 0; }
.HonorListBlock .HonorList .swiperBox{ display: block; font-size: 0; margin-bottom: 0; }
.HonorListBlock .HonorList .swiperBox .swiper-slide{ display: inline-block; vertical-align: top; height: auto; width:23.15%; margin-left: 2.46%; margin-top: 2.46%; }
.HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 0; }
/**人才招聘**/
.JobList{ padding-bottom: 80px; }
.JobList .dl{ font-size: 0; }
.JobList .dl .wid{ display: inline-block; vertical-align: middle; padding:23px 8px; line-height: 22px; font-size: 14px; }
.JobList .dl .dt .wid{ font-size: 15px; color:#fff; }
.JobList .dl .wid{ text-align: center; width:15%; }
.JobList .dl .wid1{ width:40%; text-align: center; padding-right: 10%; }
.JobList .dl .wid5{ width:15%; }
.JobList .dl .dt{ background:#014099; }
.JobList .dl .dd{ }
.JobList .dl .t{ border-bottom: 1px solid #dcdcdc; cursor: pointer; }
.JobList .dl .icon{ display: block; margin:0 auto; height: 28px; width:28px; background:url(../images/icon_jt4_1.png) no-repeat center/contain; }
.JobList .dl .on .icon{ background-image: url(../images/icon_jt4_2.png); }
.JobList .dl .cont{ padding:3.4% 4.16% 4%; background:#f7f7f7; line-height: 30px; font-size: 14px; color:#888888; }
.JobList .dl .hr{ border:0 none; border-top:1px solid #e0e0e0; margin:25px 0 30px; }
.JobList .dl .MoreBox{ text-align: left; }
.JobList .dl .MoreBox .a{ text-align: center; }
.JobList .dl .t:hover{ background:#f6f6f6; }
@media only screen and (max-width: 1400px){
    .HonorList .swiperBox .Btns .prev{ left: 0; }
    .HonorList .swiperBox .Btns .next{ right: 0; }
}
@media only screen and (min-width: 1200px){
    .AboutBlockA .VideoPlay:hover::after{ opacity: .9; transform:rotate(45deg); }
}
@media only screen and (max-width: 1200px){
    .AboutBlockA{ padding-bottom: 30px; }
    .AboutBlockA .cont{ line-height: 26px; }
    .AboutBlockA .NumBox{ padding:15px 0 20px; }
    .AboutBlockA .NumBox .wid+.wid{ margin-left:35px; padding-left: 35px; }
    .AboutBlockA .NumBox .p{ margin-bottom: 5px; }
    .AboutBlockA .NumBox .num{ line-height: 40px; font-size: 36px; }
    .AboutBlockA .Images{ padding-top:15px; }
    .HistoryList{ padding-bottom: 30px; }
    .HistoryList .TabCon .cont .h2{ line-height: 40px; font-size: 30px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 15px; line-height: 26px; font-size: 20px; }
    .HistoryList .TabCon .cont .word{ line-height: 24px; }
    .HistoryList .swiper-container{ padding-top:35px; }
    .HistoryList .swiper-container .swiper-slide::before{ height: 15px; }
    .HistoryList .swiper-container .Box{ padding-top: 5px; font-size: 22px; }
    .HonorList{ padding-bottom: 30px; }
    .HonorList .swiperBox{ margin-bottom: 25px; }
    .HonorList .swiperBox .imgBox{ margin:15px; }
    .HonorListBlock .HonorList{ padding:35px 0 0; }
    .JobList{ padding-bottom:30px; }
    .JobList .dl .wid{ padding:13px 8px; }
    .JobList .dl .cont{ line-height: 26px; }
    .JobList .dl .hr{ margin:15px 0 20px; }
}
@media only screen and (max-width: 992px){
    .AboutBlockA .cont{ line-height: 24px; font-size: 14px; }
    .AboutBlockA .VideoPlay::after{ background-size: 60px auto; }
    .AboutBlockA .NumBox{ display: flex; flex-wrap: wrap; justify-content: center; padding:0 0 20px; }
    .AboutBlockA .NumBox .wid{ width:33.33%; padding:25px 8px 0; }
    .AboutBlockA .NumBox .wid+.wid{ margin-left:0; padding-left: 8px; }
    .HistoryList .TabCon .cont .h2{ line-height: 30px; font-size: 24px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 10px; line-height: 24px; font-size: 16px; }
    .HistoryList .TabCon .cont .word{ line-height: 22px; }
    .HonorList{ padding-bottom: 25px; }
    .HonorListBlock .HonorList .swiperBox{ margin-top: -2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:32%; margin-left: 2%; margin-top:2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(4n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 0; }
}
@media only screen and (max-width: 768px){
    .AboutBlockA .VideoPlay::after{ background-size: 45px auto; }
    .AboutBlockA .NumBox{ padding-bottom: 10px; }
    .AboutBlockA .NumBox .wid:nth-child(4),
    .AboutBlockA .NumBox .wid:nth-child(5){ width:48%; }
    .AboutBlockA .NumBox .p{ margin-bottom: 0px; }
    .AboutBlockA .NumBox .num{ line-height: 30px; font-size: 24px; }
    .AboutBlockA .NumBox .txt{ font-size: 14px; }
    .HistoryList .TabCon .imgBox{ display: none; }
    .HistoryList .TabCon .cont{ display: block; padding:0; width:100%; }
    .HistoryList .TabCon .cont .h2{ line-height: 26px; font-size: 20px; }
    .HistoryList .TabCon .cont .des{ margin-bottom: 0; line-height: 22px; font-size: 15px; }
    .HistoryList .TabCon .cont .imgBox{ display: block; margin:5px 0; width:100%; }
    .HistoryList .TabCon .cont .imgBox img{ margin:0 auto; }
    .HonorList .swiperBox{ margin-bottom: 20px; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide{ width:49%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(3n+1){ margin-left: 2%; }
    .HonorListBlock .HonorList .swiperBox .swiper-slide:nth-child(2n+1){ margin-left: 0; }
    .HistoryList .swiper-container .Box{ font-size: 18px; }
    .JobList .dl .dt{ border-bottom:1px solid #dcdcdc; }
    .JobList .dl .dt *{ display: none; }
    .JobList .dl .dd:first-child{ border-top:1px solid #dcdcdc; }
    .JobList .dl .dd{}
    .JobList .dl .t{ display: flex; flex-wrap: wrap; padding:10px 0; }
    .JobList .dl .wid{ padding:0 15px; }
    .JobList .dl .wid1{ width:calc(100% - 25px); order: 1; padding-left:10px; text-align: left; }
    .JobList .dl .wid2,
    .JobList .dl .wid3,
    .JobList .dl .wid4{ width:auto; order: 2; padding-top: 5px; }
    .JobList .dl .wid5{ display: inline-flex; align-items: center; width:20px; padding:0; order: 1; }
    .JobList .dl .icon{ height: 20px; width:20px; }
    .JobList .dl .cont{ padding:15px; }
}

/***解决方案***/
.Solution{ background:#f5f5f5; padding-bottom: 85px; }
.Solution .cont{ text-align: center; margin:-20px 0 40px; line-height: 26px; font-size: 14px; color:#777777; }
.Solution .ul{}
.Solution .ul .li{ font-size: 0; }
.Solution .ul .imgBoxs{ display: inline-block; vertical-align: middle; width:50%; overflow: hidden; cursor: pointer; }
.Solution .ul .imgBoxs img{ display: block; transform: scale(1); transition:all .3s; }
.Solution .ul .imgBoxs:hover img{ transform: scale(1.05); }
.Solution .ul .words{ display: inline-block; vertical-align: middle; width:50%; padding:15px 3.33% 15px 4.2%; line-height: 26px; font-size: 14px; color:#777777; }
/**相关产品**/
.RelatedProductList .ProductList{ padding-top:0; padding-bottom: 85px; }
@media only screen and (max-width: 1200px){
    .Solution{ padding-bottom: 30px; }
    .Solution .cont{ margin:-10px 0 20px; }
    .RelatedProductList .ProductList{ padding-bottom: 30px; }
}
@media only screen and (max-width: 992px){
    .Solution .cont{ line-height: 24px; }
    .Solution .ul .words{ line-height: 24px; }
}
@media only screen and (max-width: 768px){
    .Solution{ padding-bottom: 15px; }
    .Solution .cont{ line-height: 22px; margin:-10px 0 15px; }
    .Solution .ul .li{ display: flex; flex-wrap: wrap; }
    .Solution .ul .imgBoxs{ width: 100%; order: 1; }
    .Solution .ul .words{ width:100%; padding:15px 10px 20px; line-height: 22px; order: 2; }
}

/**联系我们**/
.ContactBlockA{}
.ContactBlockA .MapBox{ position: relative; }
.ContactBlockA .MapBox .Map{ height: 420px; }
.ContactBlockA .MapBox .Map img{ max-width: 999px; }
.ContactBlockA .MapBox .Btns{ position: absolute; top:50%; right: 3.33%; z-index: 5; }
.ContactBlockA .MapBox .Btns .a{ display: block; border-radius:5px; padding:0 25px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); line-height: 46px; font-size: 15px; color:#8b8b8b; }
.ContactBlockA .MapBox .Btns .span{ display: block; padding-left:25px; background:url(../images/icon_icon14_2.png) no-repeat left center; }
.ContactBlockA .MapBox .Btns .a+.a{ margin-top:10px; }
.ContactBlockA .MapBox .Btns .a.on,
.ContactBlockA .MapBox .Btns .a:hover{ color:#fff; background:#0d4597; }
.ContactBlockA .MapBox .Btns .a.on .span,
.ContactBlockA .MapBox .Btns .a:hover .span{ background-image: url(../images/icon_icon14_1.png); }
.ContactBlockA .ul{ font-size: 0; padding:45px 0; }
.ContactBlockA .ul .li{ display: inline-block; vertical-align:top; position: relative; width:50%; padding:10px; text-align: center; }
.ContactBlockA .ul .Box{ transform:translateY(0); transition:all .3s; }
.ContactBlockA .ul .icon{ margin:0 auto; height: 102px; width:102px; border-radius: 50%; border:1px solid #dadada; background:url(../images/icon_icon14_3.png) no-repeat center }
.ContactBlockA .ul .h5{ margin:25px 0 20px; line-height: 30px; font-weight: bold; font-size: 24px; color:#333333; }
.ContactBlockA .ul .words{ line-height: 30px; font-size: 15px; color:#555555; }
.ContactBlockA .ul .li:nth-child(2n+2)::before{ content:''; position: absolute; left:0; height: 90%; top:6%; width:1px; background:#d4d4d4; }
.ContactBlockB{ background: #f5f5f5; }
.ContactBlockB .ul{ font-size: 0; margin:-12px; }
.ContactBlockB .ul .li{ display: inline-block; vertical-align: top; width: 33.33%; padding:12px; }
.ContactBlockB .ul .Box{ display: block; background:#fff url(../images/contact/bg.png) no-repeat right -120px bottom -8%; transform:translateY(0); transition:all .3s; line-height: 28px; font-size: 14px; color:#777777; }
.ContactBlockB .ul .pad{ padding:35px 25px; }
.ContactBlockB .ul .h5{ padding-left:15px; margin-bottom: 18px; position: relative; line-height: 22px; font-weight: bold; font-size: 18px; color:#014099; }
.ContactBlockB .ul .h5::before{ content:''; position: absolute; left: 0; top:0; height: 22px; width:3px; background:#014099; }
.ContactBlockB .ul .Box:hover{ background-color:#014099; color:rgba(255,255,255,.35); }
.ContactBlockB .ul .Box:hover .h5{ color:#fff; }
.ContactBlockB .ul .Box:hover .h5::before{ background:#fff; }
.ContactBlockC{ padding-bottom: 80px; }
.ContactBlockC .form{ display: block; margin:-14px -12px; font-size: 0; }
.ContactBlockC .form .divs{ padding:14px 12px; display: inline-block; vertical-align: top; }
.ContactBlockC .form .input{ display: block; width:100%; border:1px solid #e0e0e0; padding:13px 23px; line-height: 20px; font-size: 14px; color:#666; }
.ContactBlockC .form textarea.input{ height: 260px; }
.ContactBlockC .form .Btn{ display: block; cursor: pointer; margin:0 auto; width:158px; text-align: center; background:#0d4597; line-height: 48px; font-size: 15px; color:#fff; }
.ContactBlockC .form .Btn:hover{ background:#1759bb; }
@media only screen and (min-width: 1200px){
    .ContactBlockA .ul .Box:hover{ transform:translateY(-10px); }
}
@media only screen and (max-width: 1200px){
    .ContactBlockA .ul{ padding:20px 0 30px; }
    .ContactBlockA .ul .icon{ height: 60px; width:60px; background-size: 30%; }
    .ContactBlockA .ul .h5{ margin:15px 0 10px; line-height: 26px; font-size: 20px; }
    .ContactBlockA .ul .words{ line-height: 26px; font-size: 14px; }
    .ContactBlockB{}
    .ContactBlockB .ul{ margin:-8px; }
    .ContactBlockB .ul .li{ padding:8px; }
    .ContactBlockB .ul .Box{ line-height: 24px; }
    .ContactBlockB .ul .pad{ padding:25px 20px; }
    .ContactBlockB .ul .h5{ margin-bottom: 10px; padding-left:10px; font-size: 16px; }
    .ContactBlockC{ padding-bottom: 30px; }
    .ContactBlockC .form{ margin:-8px; }
    .ContactBlockC .form .divs{ padding:8px; }
    .ContactBlockC .form .input{ padding:10px 15px; }
    .ContactBlockC .form .Btn{ width:140px; line-height:40px; font-size: 14px; }
}
@media only screen and (max-width: 992px){
    .ContactBlockA .ul{ padding:15px 0 20px; }
    .ContactBlockA .ul .li{ width:100%; }
    .ContactBlockA .ul .li:nth-child(2n+2)::before{ display: none; }
    .ContactBlockA .ul .Box{ height: auto!important; }
    .ContactBlockA .ul .icon{ height: 40px; width:40px; background-size: 40%; }
    .ContactBlockA .ul .h5{ margin:10px 0 5px; line-height: 24px; font-size: 16px; }
    .ContactBlockA .ul .words{ line-height: 22px; }
    .ContactBlockB .ul{ margin:-7px; }
    .ContactBlockB .ul .li{ width:50%; padding:7px; }
    .ContactBlockB .ul .pad{ padding:20px 15px; }
    .ContactBlockB .ul .h5{ margin-bottom: 8px; font-size: 15px; }
}
@media only screen and (max-width: 768px){
    .ContactBlockA .MapBox .Map{ height: 350px; }
    .ContactBlockA .MapBox .Btns .a{ padding:0 20px; }
    .ContactBlockA .MapBox .Btns .span{ padding-left: 20px; line-height: 40px; font-size: 14px; }
    .ContactBlockC .form textarea.input{ height: 150px; }
}

/**地图弹框**/
.MapTank{position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;background-color:rgba(0,0,0,0.2);display:none;cursor:pointer;}
.MapTank .MapBox{ border:5px solid #fff; background: #fff; border-radius: 5px; position:absolute;left:50%;top:50%; width: 1200px; height: 600px; max-height: 80vh; max-width: 90vw; }
.MapTank .MapBox .exit{ position: absolute; right:-15px; top:-15px; height:40px; width:40px; border-radius:50%; background:#fff url(../images/exit.png) no-repeat center/40%; z-index: 2; }
.MapTank .MapBox #TMap{ height: 100%; width: 100%; border:5px solid #fff; }
.MapTank .MapBox #TMap img{ max-width: 99999px; }

/**网站地图**/
.sitemapBlock .h1{ font-size:30px; font-weight: normal; line-height:1.4em; color:#cccccc; border-bottom:1px solid #e9e9e9; padding:12px 0; }
.sitemapBlock .content{ font-size:15px; line-height:1.8em; color:#777777; padding-bottom:30px; }
.sitemapBlock .content .h3{ color:#333333; font-weight:bold; font-size:15px; line-height:1.8em; }
.sitemapBlock dt{ border-bottom: 1px dashed #ccc; height: 50px;}
.sitemapBlock dt a{ font-size: 18px; font-weight: 800;  line-height: 50px; }
.sitemapBlock dd{ width: 100%; line-height: 50px; }
.sitemapBlock ul li{ list-style: none; float: left; height: 50px;  margin-left: 20px;}
@media only screen and (max-width: 768px){
    .sitemapBlock .h1{ font-size:20px; padding:0 0 10px; }
    .sitemapBlock .content{ padding-bottom:10px; }
}