a:hover{ color:#1d2185;}

.bg0{ background-color: #ffffff; }

.bg1{ background-color: #f8f8f8; }

.bg2{ background-color: #f6f6f6; }

.bg3{ background-color: #f9f9f9; }

.colr_main{ color:#1d2185; }

.colr_main2{ color:#2e328e; }

.colr0{ color:#fff; }

.colr1{ color:#000; }

.colr2{ color:#333; }

.colr3{ color:#666; }

.colr4{ color:#999; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:#616264;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:#616264;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:#616264;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:#616264;

}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar{

    width: 3px;

    background-color: #dddddd;

}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track{

    border-radius: 3px;

    background-color: #dddddd;

}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb{

    border-radius: 3px;

    background-color: #1d2185;

}

/*滑块效果*/

::-webkit-scrollbar-thumb:hover{

    border-radius: 3px;

    background-color: #1d2185;

}



.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:60px 0 30px; }

.AutoTitle .h3{ font-size:38px; line-height:1.4em; color:#6f6f6f; font-weight:normal; text-transform: uppercase;}

.AutoTitles{ text-align:center; padding:20px 0 30px; }

.AutoTitles .h3{ font-size:39px; line-height:1.4em; color:#222222; font-weight:bold; }

.AutoTitles .h3::after{ content:""; width:1.5em; height:4px; display:block; margin:0 auto; background:#e4e4e4; margin-top:17px; }

.AutoTitlesA{ text-align:center; padding:65px 0 23px; }

.AutoTitlesA .h3{ font-size:32px; line-height:1.4em; color:#222222; font-weight:bold; margin-bottom:7px; }

.AutoTitlesA .h_word{ font-size:16px; line-height:22px; color:#444444; }

@media only screen and (min-width: 1200px){

    .MoreBox a:hover,

    .MoreBox .a:hover{ color:#fff; background-color:#1d2185; }

}

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

    .AutoTitle{ padding:35px 0 20px; }

    .AutoTitle .h3{ font-size:26px; }

    .AutoTitles{ padding:35px 0 20px; }

    .AutoTitles .h3{ font-size:26px; }

    .AutoTitles .h3::after{ margin-top:15px; }

    .AutoTitlesA{ padding:35px 0 16px; }

    .AutoTitlesA .h3{ font-size:26px; margin-bottom:2px; }

    .AutoTitlesA .h_word{ font-size:15px; line-height:20px; }

}

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

    .AutoTitle{ padding:25px 0 15px; }

    .AutoTitle .h3{ font-size:22px; }

    .AutoTitles{ padding:25px 0 15px; }

    .AutoTitles .h3{ font-size:22px; }

    .AutoTitles .h3::after{ margin-top:10px; }

    .AutoTitlesA{ padding:25px 0 10px; }

    .AutoTitlesA .h3{ font-size:22px; margin-bottom:0px; }

    .AutoTitlesA .h_word{ font-size:14px; }
	

}

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

    .AutoTitle{ padding:20px 0 10px; }

    .AutoTitle .h3{ font-size:20px; }

    .AutoTitles{ padding:20px 0 10px; }

    .AutoTitles .h3{ font-size:20px; }

    .AutoTitles .h3::after{ margin-top:5px; }

    .AutoTitlesA{ padding:20px 0 10px; }

    .AutoTitlesA .h3{ font-size:20px; }

}



/**头部导航**/

#header{ position:fixed; left:0; width:100%; top:0; z-index:9; background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,0)); padding:23px 0; }

#header .logo{ display:table-cell; align-items:center; vertical-align:middle; height:56px; }

#header .logo img{ display:block; transition:all .3s; height:40px; transition:all .3s; }

#header .logos{ position:relative; }

#header .logos .i_h{ position:absolute; left:0; top:0; opacity:0; }

#header .Menu{ font-size:0; }

#header .Menu li{ display: inline-block; vertical-align: middle; color:#333333; }

#header .Menu .title{ font-size:16px; display:block; color:#fff; text-transform: uppercase; }

#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); white-space: nowrap; }

#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 .other{ font-size:0; line-height:0; }

#header .other .shares{ display:inline-block; vertical-align:middle; margin-right:13px; }

#header .other .shares a{ display:inline-block; vertical-align: middle; height:22px; width:22px; background:no-repeat center/contain; }

#header .other .shares .facebook{ background-image:url(../images/icon_head1.png); }

#header .other .shares .twitter{ background-image:url(../images/icon_head2.png); margin-left:16px; }

.SmallHeader #header{ background:#1d2185; }

.SmallHeader #header .other .shares .facebook{ background-image:url(../images/icon_head1_h.png); }

.SmallHeader #header .other .shares .twitter{ background-image:url(../images/icon_head2_h.png); margin-left:16px; }

.SmallHeader #header{ box-shadow:0 0 10px rgba(0,0,0,.2); }

.SmallHeader #header .logos .i{ opacity:0; }

.SmallHeader #header .logos .i_h{ opacity:1; }



@media (min-width:1200px) {

    #header .Box{ position:relative; line-height:0; }

    #header .Menu{ display:inline-block; vertical-align:top; }

    #header .pc-hide{ display:none!important; }

    #header .Menu>.container{ padding:0; width:100%; }

    #header .Menu .ul{ display:inline-block; vertical-align:middle; }

    #header .Menu li{ position:relative; }

    #header .Menu li .title{ line-height:56px; margin:0 17px; padding:0 5px; position:relative; transition:all .3s; }

    #header .Menu li.language .title{ background: url(../images/language.png?sf) no-repeat left center/20px auto; padding-left: 25px; }

    #header .Menu li .title::after{ content:""; position:absolute; left:50%; top:100%; width:0%; height:2px; background:#1d2185; transition:all .4s; }

    #header .Menu li.on .title::after{ width:100%; left:0; }

    #header .Menu li:hover .title::after{ width:100%; left:0; }

    #header .Menu li:hover .Lib{ opacity:1; margin-top:2px; z-index:2; transform:translateX(-50%) scale(1); -webkit-transform:translateX(-50%) scale(1); -moz-transform:translateX(-50%) scale(1); -ms-transform:translateX(-50%) scale(1); -o-transform:translateX(-50%) scale(1); }

    #header .Menu .Lib{ position: absolute; left:50%; top: 100%; text-align:center; margin-top:-15px; opacity:0; z-index: -1; transform:translateX(-50%) scale(0); -webkit-transform:translateX(-50%) scale(0); -moz-transform:translateX(-50%) scale(0); -ms-transform:translateX(-50%) scale(0); -o-transform:translateX(-50%) 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; word-break:keep-all; }

    #header .Menu .Lib a{ display:block; padding:12px 15px; font-size:13px; line-height:20px; color:#666; }

    #header .Menu .Lib a:hover{ color:#fff; background-color:#1d2185; }

    #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:56px;line-height:56px;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;}

    #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:top; padding-left:21px; position:relative; }

    #header .other::before{ content:""; position:absolute; left:0; top:50%; margin-top:-6px; display:block; height:12px; width:1px; background:#fff; opacity:.08; }

    #header .other .shares .facebook:hover{ background-image:url(../images/icon_head1_h3.png); }

    #header .other .shares .twitter:hover{ background-image:url(../images/icon_head2_h3.png); margin-left:16px; }

    #header .SearchBtn{ display:inline-block; vertical-align:middle; height:56px; width:30px; background:url(../images/icon_search.png) no-repeat center; }

    #header .SearchBtn:hover{ background-image:url(../images/icon_search_h2.png); }

    .SearchShow #header .FormBox{ opacity: 1; margin-top: 0; transform: scale(1); z-index: 9; }

    .SmallHeader #header{ background:#fff; padding:10px 0; }

    .SmallHeader #header .FormBox .form .Key{ line-height:40px; height:40px; }

    .SmallHeader #header .FormBox{ top:-10px; }

    .SmallHeader #header .Menu li .title::after{ margin-top:8px; }

    .SmallHeader #header .SearchBtn{ background-image:url(../images/icon_search_h.png); line-height:40px; height:40px; }

    .SmallHeader #header .SearchBtn:hover{ background-image:url(../images/icon_search_h2.png); }

    .SmallHeader #header .logo{ height:40px; }

    .SmallHeader #header .logo img{ height:26px; }

    .SmallHeader #header .Menu li{}

    .SmallHeader #header .Menu li .title{ color:#333; line-height:40px; font-size:15px; margin:0 12px; }

}

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

    /**头部导航**/

    #header{ box-shadow:0 0 10px rgba(0,0,0,.2); padding:5px 0; }

    #header .logo{ height: 50px; }

    #header .logo img{ height: 26px; }

    #header .PhoneMenu{ width: 34px; padding-top:12px; position: relative; float: right; }

    #header .PhoneMenu i{ display: block; background:#fff; 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(0, 0, 0,.19); position:relative; }

    #header .Menu li .title{ margin:0; font-size:17px; padding:13px 0; color:#333; position:relative; }

    #header .Menu li .iconBtn{ position: absolute; left:auto; right: 0; top:0; display: block; height:52px; width:30px; background: url(../images/icon_add.png) no-repeat center/22px auto; }

    #header .Menu li.click .iconBtn{ background-image: url(../images/icon_add2.png); }
    
    #header .Menu li.language .iconBtn{ display: none; }
    
    #header .Menu li.language .Lib{ display: none!important; }

    #header .Menu .Lib{ position: static; box-shadow: none; display:none; margin-top:-10px; margin-bottom:10px; background:#f1f1f1; padding:5px 0; }

    #header .Menu .Lib a{ display:block; font-size:15px; padding:5px 15px; }

    #header .FormBox .form{ display:block; width:100%; border:2px solid #1d2185; border-radius:5px; position:relative; padding-right:46px; }

    #header .FormBox .form .Key{ display:block; padding:0 15px; line-height:40px; width:100%; font-size:14px; }

    #header .FormBox .form .submit{ position: absolute; right:0; top:0; width:46px; height:100%; background:#1d2185 url(../images/icon_search.png) no-repeat center; }

    #header .other .shares{ padding-top:14px; margin-right:15px; }

    .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); }

    .SmallHeader #header{ background:#fff; }

    .SmallHeader #header .PhoneMenu i{ background:#1d2185; }
	
	.language{ display:none !important}

}

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

    #header{ padding:10px 0; }

    #header .logo{ height: 40px; }

    #header .logo img{ height: 20px; }

    #header .other .shares{ padding-top:9px; }

    #header .PhoneMenu{ width: 30px; padding-top:9.5px; position: relative; float: right; }

    #header .PhoneMenu i+i{ margin-top:6px; }

    .MenuShow #header .PhoneMenu .i1{ transform: rotate(45deg) translate(0.1rem,0.12rem); -webkit-transform: rotate(45deg) translate(6px,6px); -ms-transform: rotate(45deg) translate(6px,6px); -moz-transform: rotate(45deg) translate(6px,6px); -o-transform: rotate(45deg) translate(6px,6px); }

    .MenuShow #header .PhoneMenu .i3{ transform: rotate(-45deg) translate(7px,-7px); -webkit-transform: rotate(-45deg) translate(7px,-7px); -ms-transform: rotate(-45deg) translate(7px,-7px); -moz-transform: rotate(-45deg) translate(7px,-7px); -o-transform: rotate(-45deg) translate(7px,-7px); }

}



/**底部**/

#footer{ background-color:#27282d; color:#7a7b80; font-size:14px; line-height:20px; padding:1px 0; }

#footer a{ color:#777; }

#footer .top{ padding:85px 0 120px; }

#footer .title{ font-size:18px; color:#fff; margin-bottom:20px; }

#footer .menu{}

#footer .menu li{ float:left; display:inline-block; max-width:150px;}


#footer .menu li:last-child{ max-width:300px !important;}

#footer .menu li+li{ margin-left:63px; }

#footer .menu .aBox{}

#footer .menu .aBox .div{ padding:6px 0; }

#footer .menu .aBox .div a{ color:#7a7b80; }

#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{ width:364px; }

#footer .message .form{ display:block; width:100%; position:relative; background:#fff; padding-right:120px; border-radius:23px; overflow:hidden; }

#footer .message .form .Key{ display:block; width:100%; font-size:14px; line-height:46px; padding:0 20px; color:#333; }

#footer .message .form .submit{ position:absolute; top:0; right:0; display:block; width:120px; background:#28b7bc; border-radius:23px; line-height:46px; height:46px; font-size:14px; color:#fff; text-align:center; cursor:pointer; }

#footer .message .form .submit:hover{ background:#04b4ba; }

#footer .bot{ padding:20px 0 25px; border-top:1px solid rgb(255,255,255,0.05)}

#footer .bot a{ color:#7a7b80; }

#footer .bot a:hover{ color:#fff; }

#footer .shares{ font-size:0; padding-top:32px; }

#footer .shares a{ height:22px; width:22px; display:inline-block; vertical-align:top; }

#footer .shares a+a{ margin-left:15px; }

#footer .shares .facebook{ background:url(../images/icon_fot1.png) no-repeat center/contain; }

#footer .shares .twitter{ background:url(../images/icon_fot2.png) no-repeat center/contain; }

#footer .shares .instagram{ background:url(../images/icon_fot3.png) no-repeat center/contain; }

#footer .shares .youtube{ background:url(../images/icon_fot4.png) no-repeat center/contain; }

#footer .shares .facebook:hover{ background-image:url(../images/icon_fot1_h.png); }

#footer .shares .twitter:hover{ background-image:url(../images/icon_fot2_h.png); }

#footer .shares .instagram:hover{ background-image:url(../images/icon_fot3_h.png); }

#footer .shares .youtube:hover{ background-image:url(../images/icon_fot4_h.png); }

@media only screen and (min-width: 1200px){

    #footer .message{ max-width:320px; }

    #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{ width:100% !important; margin:0 auto;}
    #footer .menu li:nth-child(1),#footer .menu li:nth-child(2),#footer .menu li:nth-child(3){ display:none; }
	#footer .menu li:nth-child(4){ width:100%; text-align:center; padding-bottom:25px; padding-top:25px;max-width:100% !important; float:none; margin-left:0}

    #footer .bot{ text-align: center; padding:10px 0; }

    #footer .message{ width:100%; }

    #footer .bot .f_l,

    #footer .bot .f_r{ float: none; display: block; }

    #footer .shares{ padding-top:13px; }

}

/**侧边悬浮**/

.Fixedside{ position:fixed; right:25px; top:50%; z-index:99; }

.Fixedside .ul{ text-align:center; background:#1d2185; }

.Fixedside .ul li{ width:72px; position:relative; }

.Fixedside .ul li .a{ background:#1d2185; display:block; padding:7px 0; }

.Fixedside .ul .inquiry .a{ padding-top:15px; }

.Fixedside .ul li .word{ font-size:12px; color:#fff; display:block; margin-top:2px; }

.Fixedside .ul li .icon{ display:block; height:30px; background:no-repeat center; }

.Fixedside .ul .zx .icon{ background-image:url(../images/icon_nav1.png); }

.Fixedside .ul .phone .icon{ background-image:url(../images/icon_nav2.png); }

.Fixedside .ul .code .icon{ background-image:url(../images/icon_nav3.png); }

.Fixedside .ul .mail .icon{ background-image:url(../images/icon_nav5.png); }

.Fixedside .ul .inquiry .icon{ background-image:url(../images/icon_nav0.png); }

.Fixedside .ul .em{ display:block; line-height:22px; min-width:22px; font-style:normal; color:#fff; background:#f00; font-size:12px; padding:0 3px; border-radius:50%; position:absolute; right:10px; top:6px; transform:scale(.8333); }

.Fixedside .ul .num{ margin-right:-15px; position:absolute; right:100%; top:0; line-height:70px; background:#fff; color:#333; font-size:18px; word-break:keep-all; white-space:nowrap; min-width:140px; font-weight:bold; font-style:italic; transition:margin .3s,opacity .3s; opacity:0; transform:scale(0); padding:0 15px; }

.Fixedside .ul .img{ margin-right:-15px; position:absolute; right:100%; bottom:0; padding:8px; width:100px; background:#fff; transition:margin .3s,opacity .3s; opacity:0; transform:scale(0); }

.Fixedside .ul .img img{ display:block; width:100%; }

.Fixedside .Returntop{ display:block; background:#28b7bc url(../images/icon_nav4.png) no-repeat center; height:50px; }

.Fixedside .Returntop:hover{ background-color:#28b7bc; }

.Fixedside .ul li:hover .num{ opacity:1; transform: scale(1); margin-right:0; }

.Fixedside .ul li:hover .img{ opacity:1; transform: scale(1); margin-right:0; }

.Fixedside .ul li:hover .a{ background-color:#0a0e6f; }

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

    .Fixedside{ display:none; }

}



/***Banner**/

#IndexBan{ position:relative;}

#IndexBan img{width: 100%;display: block;}

#IndexBan .pc{ display:block;}

/*#IndexBan .phone{ display:none; background:no-repeat center/cover; }*/

#IndexBan .point{ z-index:2; position:absolute; left:0; width:100%; bottom:30px; text-align:center; font-size:0; line-height:0; }

#IndexBan .point .swiper-pagination-bullet{ display:inline-block; vertical-align:middle; width:25px; height:2px; background-color:#fff; border-radius:0; opacity:.4; margin:0 3px; transition:all .3s; }

#IndexBan .point .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; height:4px; background:#1d2185; }

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

    #IndexBan .point{ bottom:20px; }

}

@media (max-width:768px) {

    #IndexBan img{ display:block; }

    #IndexBan .point{ bottom:10px; }

}

#AutoBan{ overflow:hidden; }

#AutoBan img{ animation: scaleAnim 5s ease forwards; }

#AutoBan .pc{ display:block; }

#AutoBan .phone{ display:none; }

@media (max-width:768px) {



}

@keyframes scaleAnim{

    0%{

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100%{

        -webkit-transform: scale(1.1);

        transform: scale(1.1);

    }

}

/**面包屑地址**/

.MapAddress{ font-size:0; line-height:0; height:0; position:relative; bottom:45px; }

.MapAddress a,

.MapAddress span{ font-size:16px; line-height:22px; color:#fff; }

.MapAddress a{ color:#fff; }

.MapAddress a:hover{ color:#28b7bc; }

.MapAddress span{ margin:0 3px 0 10px; }

.MapAddress .word{ margin:0; }

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

    .MapAddress{ bottom:30px; }

    .MapAddress a,

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

}



/*************分页*************/

.PageBtns{ font-size: 0; line-height: 0; padding:5.4166% 10px; text-align:center; }

.PageBtns a{ display: inline-block; vertical-align:top; font-size:14px; color:#888888; line-height:40px; padding:0 10px; min-width:42px; margin:-1px 0 0 -1px; background:#fff; border:1px solid #dddddd; }

.PageBtns .p{ border-top-left-radius:4px; border-bottom-left-radius:4px; background:url(../images/jt3_1.png) no-repeat center; }

.PageBtns .n{ border-top-right-radius:4px; border-bottom-right-radius:4px; background:url(../images/jt3_2.png) no-repeat center; }

.PageBtns .p:hover{ background-image:url(../images/jt3_1_h.png); }

.PageBtns .n:hover{ background-image:url(../images/jt3_2_h.png); }

.PageBtns a:hover,

.PageBtns .page-num-current{ color:#fff; border-color:#1d2185; background-color:#1d2185; }



/**单篇内容**/

.AutoContent{ font-size:15px; line-height:32px; color:#333333; text-align:justify; }

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

    .AutoContent{ line-height:28px; }

}

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

    .AutoContent{ line-height:26px; }

}



/**二级菜单**/

.NextMenu{ border-bottom:1px solid #ececec; }

.NextMenu .Box{ font-size:0; text-align:center; }

.NextMenu .Box a{ font-size:16px; line-height:70px; color:#616264; display:inline-block; vertical-align:top; position:relative; margin:0 32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.NextMenu .Box a::after{ content:""; position:absolute; left:50%; bottom:-1px; height:2px; width:0%; background:#1d2185; transition:all .3s; }

.NextMenu .Box .on{ color:#1d2185; }

.NextMenu .Box a:hover::after,

.NextMenu .Box .on::after{ left:0; width:100%; }



.NextMenu2{ display:none;}

.NextMenu2{ }

.NextMenu2 .Box2 a{ line-height:40px;margin:0 10px;}

.NextMenu2 .Box2 .hover{ color:#042275}


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

    .NextMenu .Box a{ font-size:15px; line-height:60px; margin:0 20px; }
	
    .NextMenu2 .Box2 a{ font-size:12px !important;line-height:40px;margin:0 10px;}
}

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

    .NextMenu .Box a{ line-height:54px; margin:0 10px; }

}

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

    .NextMenu{ border-bottom:0 none; }

    .NextMenu .Box a{ line-height:24px; font-size:14px; margin:0; width:calc(33.333333% - 3px); padding:5px 10px; border:1px solid #f4f4f4; margin:1.5px; }

    .NextMenu .Box a::after{ display:none; }

    .NextMenu .Box .on{ background:#1d2185; color:#fff; }

}



/**首页**/



.IndexBlockA{ background:#f8f8f8; padding-bottom:25px; }

.IndexBlockA .Tabtit{ font-size:0; text-align:center; margin-bottom:35px; }

.IndexBlockA .Tabtit .wid{ display:inline-block; vertical-align:top; padding:0 10px; text-align:center; border-right:1px solid #dddddd; }

.IndexBlockA .Tabtit .wid:first-child{ border-left:1px solid #dddddd; }

.IndexBlockA .Tabtit .img{ display:inline-block; vertical-align:top; position:relative; }

.IndexBlockA .Tabtit .img img{ display: block; height:38px; width:38px; }

.IndexBlockA .Tabtit .img .i{ opacity:1; }

.IndexBlockA .Tabtit .img .i_h{ opacity:0; position: absolute; left:0; top:0; }


.IndexBlockA .Tabtit .txt{ color:#222222; font-size:15px; line-height:18px; margin-top:10px; }

.IndexBlockA .Tabtit .Box:hover .img .i{ opacity:0; }

.IndexBlockA .Tabtit .Box:hover .img .i_h{ opacity:1; }

.IndexBlockA .Tabtit .Box:hover .txt{ color:#1d2185; }








.IndexBlockA .ul li:nth-child(4n+0){ margin-right:0;}
.IndexBlockA .ul li .boxs{ overflow:hidden; border:1px solid #e6e6e6; background:#f2f2f2;position:relative;transition:all 0.3s;}
.IndexBlockA .ul li:hover .boxs{ border:1px solid #00aa9c;box-shadow:0 0 20px rgba(0,0,0,.2);}
.IndexBlockA .ul li .imgs{ overflow:hidden; position:relative; padding-top:100%; margin-bottom:70px;}
.IndexBlockA .ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.IndexBlockA .ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.IndexBlockA .ul li .bgs{ overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:0%;background:url(../images/product_pic1.png) rgba(0,170,156,0.6) center top 30% no-repeat;transition:all 0.3s;}
.IndexBlockA .ul li .bgs p{ font-style:normal;line-height:28px; text-align:center; font-family:Arial; font-size:14px; margin-top:20%; display:block; color:#fff;font-weight:lighter;}
.IndexBlockA .ul li:hover .bgs{ height:100%;}
.IndexBlockA .ul li .txts{ position:absolute; bottom:0;height:70px; text-align:center; width:100%; padding-left:5px; padding-right:5px;}
.IndexBlockA .ul li .txts .h4{ font-weight:normal; font-size:16px; color:#333333; height:70px; line-height:70px;white-space:break-spaces;text-overflow:ellipsis;transition:all 0.3s; overflow:hidden;}
.IndexBlockA .ul li .txts .p{ font-size:16px; color:#999999;height:32px; line-height:32px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; overflow:hidden;}
.IndexBlockA .ul li:hover .txts .h4{ color:#fff;}
.IndexBlockA .ul li:hover .txts .p{ color:#fff;}



.IndexBlockA .ul{ margin:-18px; font-size:0; padding-bottom:62px; }

.IndexBlockA .ul li{ display:inline-block; vertical-align:top; padding:18px; }

.IndexBlockA .ul li .Box{ background:linear-gradient(to bottom right,rgba(218,218,218,1),rgba(218,218,218,0)); display:block; padding:14px; position:relative; transition:all .8s; transform: scale(1); box-shadow:0 0 10px rgba(0,0,0,0); overflow:hidden; }

.IndexBlockA .ul li .imgBox{ width:100%; padding-top:100%; }

.IndexBlockA .ul li .title{ font-size:24px; line-height:24px; height:48px; color:#6f6f6f; transition:all .3s; margin-bottom:10px; position:relative; z-index:1;text-align: center; }

.IndexBlockA .ul li .des{ font-size:13px; line-height:20px; height:40px; color:#939393; }

.IndexBlockA .ul li .more{ transition:all .3s; color:#fff; font-size:13px; line-height:38px; display:block; color:#fff; border-radius:19px; text-align:center; width:130px; max-width:100%; background:#1d2185; margin:0; overflow: hidden; }

.IndexBlockA .ul li .Box:hover{ box-shadow:0 0 20px rgba(0,0,0,.2); }

.IndexBlockA .ul li:nth-child(3n+2){ /* transform:translateY(62px); */ }

.IndexBlockA .ul li:nth-child(3n+3){ /* transform:translateY(20px); */ }


@media only screen and (min-width: 1200px){

    .IndexBlockA .ul li:nth-child(odd) .cont{ /* padding-bottom:147px;  */}

    .IndexBlockA .ul li:nth-child(even) .cont{ /* padding-top:147px; */ }

    .IndexBlockA .ul li .cont{ position:relative; }

    .IndexBlockA .ul li .bg0{ position:absolute; left:0; padding:20px; }

    .IndexBlockA .ul li:nth-child(odd) .bg0{ bottom:0; }

    .IndexBlockA .ul li:nth-child(even) .bg0{ top:0; }

    .IndexBlockA .Tabtit .wid{ min-width:165px; }

    .IndexBlockA .ul li .Box .more{ height:0; }

    .IndexBlockA .ul li .Box:hover .more{ height:38px; margin:16px 0 5px; }

}

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

    .IndexBlockA{ padding-bottom:35px; }

    .IndexBlockA .Tabtit{ margin-bottom:20px; }

    .IndexBlockA .Tabtit .wid{ width:20%; }

    .IndexBlockA .Tabtit .img img{ width:40px; height:40px; }

    .IndexBlockA .Tabtit .txt{ font-size:14px; }

    .IndexBlockA .ul{ margin:0px; padding-bottom:20px; }

    .IndexBlockA .ul li{ padding:8px; }

    .IndexBlockA .ul li .Box{ padding:8px; }

    .IndexBlockA .ul li .cont{ display:flex; flex-wrap:wrap; }
    .IndexBlockA .ul li .cont div{ width:100%; }

    .IndexBlockA .ul li:nth-child(even) .imgBox{ /*order:2;*/ }

    .IndexBlockA .ul li .title{ font-size:18px; line-height:20px; height: 40px; margin-bottom:5px; }

    .IndexBlockA .ul li .des{ line-height:18px; height:36px; }

    .IndexBlockA .ul li .bg0{ padding:8px; }

    .IndexBlockA .ul li .Box .more{ line-height:30px; border-radius:15px; font-size:12px; margin:8px 0 0; }

}

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

    .IndexBlockA .ul{ margin:-5px; }

    .IndexBlockA .ul li{ padding:5px; }

    .IndexBlockA .ul li .Box{ padding:5px; }

    .IndexBlockA .ul li .title{ font-size:16px; line-height:18px; height:36px; }

}

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

    .IndexBlockA{ padding-bottom:25px; }

    .IndexBlockA .Tabtit{ display:flex; flex-wrap: wrap; justify-content:center; margin:0 -3px 10px; }

    .IndexBlockA .Tabtit .wid{ width:33.33%; }

    .IndexBlockA .Tabtit .wid:first-child,

    .IndexBlockA .Tabtit .wid{ border:0 none; padding:3px; }

    .IndexBlockA .Tabtit .Box{ /*background-color:#fcfcfc;*/ height:100%; padding:6px 2px; }

    .IndexBlockA .Tabtit .img img{ width:30px; height:30px; }

    .IndexBlockA .Tabtit .txt{ font-size:12px; line-height:14px; margin-top:5px; }

    .IndexBlockA .ul{ margin:-4px; padding-bottom:0; }

    .IndexBlockA .ul li{ padding:4px; }

    .IndexBlockA .ul li .Box{ padding:4px; }

    .IndexBlockA .ul li .title{ font-size:14px; line-height:18px; height:36px; }

    .IndexBlockA .ul li .Box .more{display: none;}



}

@media only screen and (max-width: 540px){
	.IndexBlockA .lw-sw-6{ width:100%; }
	}





.IndexBlockB{ overflow:hidden; }

.IndexBlockB .container{ width:1370px; position:relative; }

.IndexBlockB .container img{ display:block; }

.IndexBlockB .cont{ position:absolute; left:0; top:50%; width:100%; text-align:center; }

.IndexBlockB .cont .p{ font-size:32px; line-height:42px; color:#242424; font-weight:bold; margin-bottom:20px; }

.IndexBlockB .cont .VideoPlay{ font-size:15px; line-height:22px; color:#242424; text-transform:uppercase; }

.IndexBlockB .cont .VideoPlay::before{ content:""; display:inline-block; vertical-align:middle; width:37px; height:37px; background:url(../images/icons_play.png) no-repeat center/contain; transition:all .3s; transform:scale(1); margin-right:10px; }

@media only screen and (min-width: 1200px){

    .IndexBlockB .cont .VideoPlay:hover::before{ transform:scale(1.1); }

}

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

    .IndexBlockB .cont .p{ font-size:26px; line-height:36px; margin-bottom:15px; }

}

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

    .IndexBlockB .cont .p{ font-size:22px; line-height:30px; margin-bottom:10px; }

}

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

    .IndexBlockB .cont .p{ font-size:18px; line-height:26px; margin-bottom:5px; }

    .IndexBlockB .cont .VideoPlay{ font-size:14px; }

    .IndexBlockB .cont .VideoPlay::before{ height:28px; width:28px; }

}



.IndexBlockC{ padding:90px 0; background:#f6f6f6; }

.IndexBlockC .l_con{ position:relative; width:45%; }

.IndexBlockC .l_con .title{ font-size:60px; line-height:1.1em; color:#222222; font-weight:bold;}

.IndexBlockC .l_con .title::after{ content:""; height:4px; width:.7em; background:#ebebeb; display:block; margin:16px 0 20px; }

.IndexBlockC .l_con .des{ font-size:15px; line-height:27px; color:#222222; -webkit-line-clamp: 4; }

.IndexBlockC .l_con .numBox{ font-size:0; margin:0 -10px; }

.IndexBlockC .l_con .numBox .wid{ width:33.33%; display:inline-block; vertical-align:top; font-size:14px; color:#333333; text-align:center; padding:0 10px; margin:23px 0; border-left:1px solid #eaeaea; }

.IndexBlockC .l_con .numBox .wid:nth-child(3n+1){ border-left:0 none; }

.IndexBlockC .l_con .numBox .num{ font-size:52px; line-height:50px; color:#222222; display:block; }

.IndexBlockC .l_con .numBox .min{ margin-left:2px; font-size:22px; line-height:22px; }

.IndexBlockC .l_con .numBox .min2{ margin-left:3px; font-size:14px; line-height:22px; }

.IndexBlockC .l_con .numBox .txt{}

.IndexBlockC .l_con .more{ font-size:14px; line-height:52px; border-radius:26px; background:#2e328e; color:#fff; display:inline-block; vertical-align:top; padding:0 35px; display:inline-block; vertical-align:middle; transition:all .3s; }

.IndexBlockC .l_con .more::after{ content:""; margin-left:20px; height:10px; width:14px; background:url(../images/jt1_1.png) no-repeat center; display:inline-block; vertical-align:middle; transition:all .3s; transform:translateX(0); }

.IndexBlockC .img{ width:50%; }

.IndexBlockC .imgBox{ padding-top:97.5%; }

@media (min-width: 992px){

    .IndexBlockC .l_con{ padding-top:2.5%; }

}

@media (min-width: 1200px){

    .IndexBlockC .l_con .more:hover{ background:#3a41d6; }

    .IndexBlockC .l_con .more:hover::after{ transform:translateX(5px); }

}

@media (max-width: 1200px){

    .IndexBlockC{ padding:45px 0; }

    .IndexBlockC .l_con .title{ font-size:36px; line-height:40px; }

    .IndexBlockC .l_con .des{ font-size:14px; line-height:24px; }

    .IndexBlockC .l_con .numBox .wid{ margin:15px 0; }

    .IndexBlockC .l_con .numBox .num{ font-size:36px; line-height:36px; }

    .IndexBlockC .l_con .more{ line-height:30px; border-radius:15px; font-size:12px; margin:8px 0 0; }

}

@media (max-width: 992px){

    .IndexBlockC{ padding:35px 0; }

    .IndexBlockC .container{ display:flex; flex-wrap:wrap; }

    .IndexBlockC .l_con{ width:100%; order:2; }

    .IndexBlockC .img{ width:100%; margin-bottom:20px; }

    .IndexBlockC .imgBox{ padding-top:50%; }

    .IndexBlockC .imgBox img{ height:auto; }

    .IndexBlockC .l_con .title{ font-size:26px; line-height:24px; }

    .IndexBlockC .l_con .title::after{ margin:10px 0; }

    .IndexBlockC .l_con .des{ line-height:20px; }

    .IndexBlockC .l_con .numBox{ padding:10px 0; margin:0 -5px; }

    .IndexBlockC .l_con .numBox .wid{ margin:10px 0; padding:0 5px; }

    .IndexBlockC .l_con .numBox .num{ font-size:24px; line-height:26px; }

    .IndexBlockC .l_con .numBox .txt{ line-height:16px; margin-top:5px; }

    .IndexBlockC .l_con .more{ margin:0; }

}

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

    .IndexBlockC{ padding:20px 0 25px; }

    .IndexBlockC .l_con .title{ font-size:20px; line-height:20px; }

    .IndexBlockC .l_con .title::after{ margin:8px 0; }

}



.IndexBlockD{ padding-bottom:100px;}

.IndexBlockD .SBox{ box-shadow:0 0 20px rgba(0,0,0,.2); font-size:0; font-size:0; margin-top:25px}

.IndexBlockD .ul{ font-size:0;}



.IndexBlockD .ul li:nth-child(4n+0){ margin-right:0;}

.IndexBlockD .ul{ margin:-18px; font-size:0; padding:15px 20px;}
.IndexBlockD .ul li{ display:inline-block; vertical-align:top; padding:18px;filter: grayscale(100%); transition:all .3s;}
.IndexBlockD .ul li:hover{filter: grayscale(0%);}


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

    
    .IndexBlockD .ul{ margin:-8px; padding-bottom:20px; }

    .IndexBlockD .ul li{ padding:8px; }

    
}

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

    .IndexBlockD .ul{ margin:-5px; }

    .IndexBlockD .ul li{ padding:5px; }

}

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

   
    .IndexBlockD .ul{ margin:-4px; padding-bottom:0; }

    .IndexBlockD .ul li{ padding:4px; }


}










.IndexBlockE{ background:#f4f4f4; padding-bottom:80px; overflow:hidden; }

.IndexBlockE .swiperBox{ position:relative; }

.IndexBlockE .swiperBox .swiper-container{ padding:10px 15px; margin:0 -15px; }

.IndexBlockE .swiperBox .Box{ display:block; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0); transition:all .5s; transform:translate(0,0); }

.IndexBlockE .swiperBox .Box:hover{ box-shadow:0 0 10px rgba(0,0,0,.2); transform:translate(-2px,-2px); }

.IndexBlockE .swiperBox .cont{ padding:25px 18px 10px; }

.IndexBlockE .swiperBox .imgBox{ padding-top:74.66666%; }

.IndexBlockE .swiperBox .time{ float:left; padding-right:15px; margin-right:15px; border-right:1px solid #e7e7e7; text-align:center; }

.IndexBlockE .swiperBox .time .date{ font-size:36px; line-height:36px; color:#333333; display:block; padding:0 5px; }

.IndexBlockE .swiperBox .time .year{ display:block; font-size:12px; line-height:16px; color:#d9d9d9; }

.IndexBlockE .swiperBox .title{ font-size:16px; color:#333333; line-height: 24px; }

.IndexBlockE .swiperBox .more{ display:block; border-top:1px solid #e7e7e7; margin-top:15px; font-size:14px; line-height:50px; color:#333333; position:relative; }

.IndexBlockE .swiperBox .more::after{ content:""; position:absolute; right:0; top:0; height:100%; width:14px; background:url(../images/jt1_2.png) no-repeat center; }

.IndexBlockE .Btns{}

.IndexBlockE .Btns a{ display:block; position:absolute; top:0; height:100%; width:26px; background:no-repeat center; }

.IndexBlockE .Btns .prev{ left:-80px; background-image:url(../images/jt2_1_h.png); }

.IndexBlockE .Btns .next{ right:-80px; background-image:url(../images/jt2_2_h.png); }

.IndexBlockE .Btns .prev:hover{ background-image:url(../images/jt2_1.png); }

.IndexBlockE .Btns .next:hover{ background-image:url(../images/jt2_2.png); }

@media (max-width: 1200px){

    .IndexBlockE{ padding-bottom:45px; }

    .IndexBlockE .Btns a{ z-index:2; }

    .IndexBlockE .Btns .prev{ left:0; }

    .IndexBlockE .Btns .next{ right:0; }

    .IndexBlockE .swiperBox .swiper-container{ padding:0; margin:0; }

    .IndexBlockE .swiperBox .cont{ padding:15px 10px 5px; }

    .IndexBlockE .swiperBox .time .date{ font-size:30px; line-height:30px; }

    .IndexBlockE .swiperBox .title{ font-size:14px; line-height:22px; }

    .IndexBlockE .swiperBox .more{ line-height:40px; margin-top:10px; }

}

@media (max-width: 992px){

    .IndexBlockE{ padding-bottom:35px; }

}

@media (max-width: 768px){

    .IndexBlockE .swiperBox .time{ display:none; }

    .IndexBlockE .swiperBox .title{ line-height:20px; }

    .IndexBlockE .swiperBox .more{ line-height:30px; font-size:12px; }

}



/**营销网络**/
.IndexBlockF{ padding-bottom:60px;}
.IndexBlockF .slogan{ text-align:center; font-size:20px; color:rgb(0,0,0,0.5); margin-top:-10px; margin-bottom:20px;}
.in-map{ text-align:center; margin-top:65px;}





/**关于我们**/

.AboutCulture{ padding-bottom:100px; }

.AboutCulture .Tabtit{ font-size:0; margin:30px 0 40px; }

.AboutCulture .Tabtit .wid{ width:25%; display:inline-block; vertical-align:top; text-align:center; }

.AboutCulture .Tabtit .Box{ padding:5px 25px; }

.AboutCulture .Tabtit .tit{ font-size:18px; line-height:22px; color:#222222; margin-bottom:12px; }

.AboutCulture .Tabtit .txt{ font-size:14px; line-height:18px; color:#999999; }

.AboutCulture .ul{ font-size:0; }

.AboutCulture .ul li{ background:#ededed; }

.AboutCulture .ul .imgDiv{ display:inline-block; vertical-align:middle; width:50%; }

.AboutCulture .ul .imgBox{ padding-top:63%; }

.AboutCulture .ul .cont{ padding:25px 4.16%; display:inline-block; vertical-align:middle; width:50%; }

.AboutCulture .ul .title{ font-size:30px; line-height:30px; color:#222222; margin-bottom:40px; }

.AboutCulture .ul .des{ font-size:14px; line-height:30px; color:#222222; }

@media (max-width: 1200px){

    .AboutCulture{ padding-bottom:45px; }

    .AboutCulture .Tabtit{ display:flex; flex-wrap:wrap; margin:5px 0 15px; }

    .AboutCulture .Tabtit .Box{ padding:5px 8px; }

    .AboutCulture .Tabtit .tit{ font-size:16px; line-height:20px; margin-bottom:5px; }

    .AboutCulture .ul .cont{ padding:25px 3%; }

    .AboutCulture .ul .title{ font-size:24px; line-height:24px; margin-bottom:15px; }

    .AboutCulture .ul .des{ line-height:24px; }

}

@media (max-width: 992px){

    .AboutCulture{ padding-bottom:35px; }

    .AboutCulture .ul .title{ font-size:20px; margin-bottom:10px; }

    .AboutCulture .ul .des{ line-height:22px; }

}

@media (max-width: 768px){

    .AboutCulture{ padding-bottom:30px; }

    .AboutCulture .Tabtit{ margin:0 -3px; padding-bottom:12px; }

    .AboutCulture .Tabtit .wid{ width:50%; padding:3px; }

    .AboutCulture .Tabtit .Box{ background:#f5f5f5; height:100%; padding:15px 10px; border-radius:3px; }

    .AboutCulture .ul .li{ display:flex; flex-wrap:wrap; }

    .AboutCulture .ul .imgDiv{ display:block; width:100%; order:1; }

    .AboutCulture .ul .cont{ display:block; width:100%; order:2; padding:15px 15px; }

    .AboutCulture .ul .title{ font-size:18px; line-height:20px; margin-bottom:5px; }

    .AboutCulture .ul .des{ line-height:22px; }

}



.AboutProfile{ padding-bottom:80px; }

.AboutProfile .VideoPlay{ position:relative; }

.AboutProfile .VideoPlay img{ display:block; }

/*.AboutProfile .VideoPlay::after{ content:""; display:block; position:absolute; left:50%; top:50%; height:64px; width:64px; transform:translate(-50%,-50%) scale(1); border-radius:50%; background:rgba(0,0,0,.36) url(../images/icons_play2.png) no-repeat 55% center; transition:all .3s; cursor:pointer; }*/

.AboutProfile .VideoPlay:hover::after{ background-color:rgba(2,2,2,.7); }

.AboutProfile .numBox{ font-size:0; padding:25px 0; }

.AboutProfile .numBox .wid{ width:20%; display:inline-block; vertical-align:top; font-size:14px; color:#999999; text-align:center; padding:0 10px; margin:23px 0; border-left:1px solid #eaeaea; }

.AboutProfile .numBox .wid:first-child{ border-left:0 none; }

.AboutProfile .numBox .num{ font-size:52px; line-height:50px; color:#1d2185; display:block; }

.AboutProfile .numBox .min{ margin-left:2px; font-size:22px; line-height:22px; }

.AboutProfile .numBox .min2{ margin-left:3px; font-size:12px; line-height:22px; }

.AboutProfile .numBox .txt{}

@media (min-width: 1200px){

    .AboutProfile .AutoContent{ margin-top:-6px; }

}

@media (max-width: 1200px){

    .AboutProfile{ padding-bottom:35px; }

    .AboutProfile .numBox{ padding:15px 0 10px; }

    .AboutProfile .numBox .wid{ margin:15px 0; }

    .AboutProfile .numBox .num{ font-size:36px; line-height:36px; }

}

@media (max-width: 992px){

    .AboutProfile{ padding-bottom:30px; }

    .AboutProfile .numBox{ padding:10px 0; margin:0 -5px; }

    .AboutProfile .numBox .wid{ margin:10px 0; padding:0 5px; }

    .AboutProfile .numBox .num{ font-size:24px; line-height:26px; }

    .AboutProfile .numBox .txt{ line-height:16px; margin-top:5px; }

}

@media (max-width: 768px){

    .AboutProfile .numBox{ display:flex; flex-wrap:wrap; justify-content:center; }

    .AboutProfile .numBox .wid{ width:33.33%; }

    .AboutProfile .numBox .wid:nth-child(4){ border-left:0 none; }

    .AboutProfile .numBox .wid:nth-child(4),

    .AboutProfile .numBox .wid:nth-child(5){ width:40%; }

}



/*厂房设备*/
.horlist{}
.horlist .list-box{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.horlist .list-box li{ width:33.33333333%; margin-right:0%; list-style:none; margin-bottom:20px;}

.equ .list-box li{ width:25% !important;}




.horlist .list-box .pic{ position:relative; overflow:hidden; padding-right:12px;}
.horlist .list-box .pic img{ display:block; width:100%; height:auto; padding:5px; border:1px solid #eee;}
.horlist .list-box .tit{ height:50px; line-height:50px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#333;}
.horlist .list-box a:hover .tit{ color:#3383b7;}


@media screen and (max-width: 992px) {
	.horlist .list-box li{ width:50%}
.horlist .list-box li{ margin-right:0}

.horlist .list-box{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:0%}
.equ .list-box li{ width:50% !important; margin-right:0% !important; padding:0 5px;}
	}

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

.horlist .list-box li{ width:50%;}

}

@media screen and (max-width: 640px) {
	.horlist .list-box li{ width:50%}
	}


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


.horlist .list-box li{ width:100%}
.equ .list-box li{ width:100% !important}

}







/**联系我们**/

.ContactBlock{}

.ContactBlock .ContactAddress .ul{ border-top:1px solid #d9d9d9; font-size:0;}

.ContactBlock .ContactAddress .ul .li{ display:inline-block; vertical-align:top; /*border-bottom:1px solid #d9d9d9;*/ width:98%; margin-top:38px; }

.ContactBlock .ContactAddress .ul .li:nth-child(2n+2){ margin-left:4%; }

.ContactBlock .ContactAddress .ul .h4{ font-size:24px; line-height:30px; color:#1d2185; margin-bottom:.9em; }

.ContactBlock .ContactAddress .ul .cont{ font-size:15px; line-height:32px; color:#222222; padding-bottom:30px; }

.ContactBlock .ContactForm{ background:#eeeef0; padding:90px 0; }

.ContactBlock .ContactForm .Box{ padding:0 3.16%; display: block; font-size:0; }

.ContactBlock .ContactForm .form{ padding:30px 0 50px; }

.ContactBlock .ContactForm .form>*{ display:inline-block; }

.ContactBlock .ContactForm .lw-w-6{ width:48%; }

.ContactBlock .ContactForm .lw-w-6:nth-child(2n+2){ margin-left:4%; }

.ContactBlock .ContactForm .tip{ font-size: 18px; line-height: 22px; color:#222222; }

.ContactBlock .ContactForm .tip .i{ color:#ff0000; display:none; }

.ContactBlock .ContactForm .error .tip .i{ display:inline-block; }

.ContactBlock .ContactForm .input{ display: block; width: 100%; background-color:#eeeef0; font-size: 15px; line-height: 30px; padding:15px 2.2%; color:#333; margin:15px 0 30px; }

.ContactBlock .ContactForm .submit{ line-height: 54px; height: 54px; border-radius:27px; width:196px; text-align:center;; display:block; background-color: #1d2185; font-size: 18px; color:#fff; margin:0 auto; cursor:pointer; }

.ContactBlock .ContactForm .submit:hover{ background-color: #28b7bc; }

.map img{ max-width:none;}

@media (min-width: 1200px){

    .ContactBlock .ContactForm .AutoTitlesA{ padding-top:35px; }

}

@media (max-width: 1200px){

    .ContactBlock .ContactAddress .ul{ padding-bottom:45px; }

    .ContactBlock .ContactAddress .ul .li{ margin-top:25px; }

    .ContactBlock .ContactAddress .ul .li:nth-child(2n+2){ margin-left:4%; }

    .ContactBlock .ContactAddress .ul .h4{ font-size:20px; line-height:26px; margin-bottom:.4em; }

    .ContactBlock .ContactAddress .ul .cont{ font-size:12px; line-height:24px; padding-bottom:25px; }

    .ContactBlock .ContactForm{ padding:45px 0; }

    .ContactBlock .ContactForm .form{ padding:15px 0 40px; }

    .ContactBlock .ContactForm .input{ margin:10px 0 20px; padding:10px 15px; }

    .ContactBlock .ContactForm .tip{ font-size:16px; }

    .ContactBlock .ContactForm .submit{ line-height:44px; height:44px; border-radius:22px; font-size:16px; }

}

@media (max-width: 992px){

}

@media (max-width: 768px){

    #ContactBlock{ padding-bottom:15px; }

    .ContactBlock .ContactAddress .ul .li{ width:100%; height:auto!important; margin-top:20px; }

    .ContactBlock .ContactAddress .ul .li:nth-child(2n+2){ margin-left:0; }

    .ContactBlock .ContactAddress .ul .h4{ font-size:12px; line-height:24px; }

    .ContactBlock .ContactAddress .ul .cont{ padding-bottom:20px; }

    .ContactBlock .ContactAddress .ul{ padding-bottom:25px; }

    .ContactBlock .ContactForm{ padding:30px 0; }

    .ContactBlock .ContactForm .Box{ padding:0 15px; }

    .ContactBlock .ContactForm .form{ padding:5px 0 25px; }

    .ContactBlock .ContactForm .lw-w-6{ width:100%; }

    .ContactBlock .ContactForm .lw-w-6:nth-child(2n+2){ margin-left:0%; }

    .ContactBlock .ContactForm .input{ padding:5px 10px; margin:5px 0 10px; }

    .ContactBlock .ContactForm .submit{ width: 100%; }

    .ContactBlock .ContactForm .submit{ line-height:40px; height:40px; border-radius:20px; }

}



/**新闻资讯**/

.NewsList{}

.NewsList .ul{ }

.NewsList .ul li{ border-bottom:1px solid #eaeaea; padding:42px 0; }

.NewsList .ul .Box{ display:block; }

.NewsList .ul .imgDiv{ width:455px; float:left; margin-right:2.916666%; box-shadow: 0 0 10px rgba(0,0,0,0); transition:all .3s; }

.NewsList .ul .imgBox{ padding-top:74.66666%; }

.NewsList .ul .cont{ padding-top:25px; }

.NewsList .ul .time{ font-size:12px; line-height:26px; display:inline-block; vertical-align:top; color:#fff; border-radius:13px; padding:0 18px; background:#1d2185; transition:all .3s; }

.NewsList .ul .title{ font-size:20px; line-height:28px; color:#222222; margin:16px 0 18px; }

.NewsList .ul .des{ font-size:14px; line-height:26px; color:#888888; }

.NewsList .ul .Box:hover .imgDiv{ box-shadow: 0 0 8px rgba(0,0,0,.7); }

/* .NewsList .ul .Box:hover .time{ background:#28b7bc; } */

.NewsInfo{ background:#eeeef0; padding:60px 0; }

.NewsInfo .l_con{ width:75%; }

.NewsInfo .l_con .Info{ padding:4.44% 5.55%; }

.NewsInfo .l_con .h1{ font-size:24px; font-weight:normal; line-height:30px; color:#111111; }

.NewsInfo .l_con .time{ display:block; font-size:14px; line-height:18px; color:#666666; margin:15px 0 25px; }

.NewsInfo .l_con .cont{ border-top:1px solid #eeeef0; border-bottom:1px solid #eeeef0; font-size:15px; line-height:26px; color:#555555; padding:28px 0 18px; }

.NewsInfo .l_con .InfoPNBtn{ font-size:15px; line-height:26px; color:#111111; padding:26px 0 0; font-weight:bold; }

.NewsInfo .l_con .InfoPNBtn a{ color:#555555; }

.NewsInfo .l_con .InfoPNBtn a:hover{ color:#1d2185; }

.NewsInfo .r_con{ width:265px; max-width:23%; }

.NewsInfo .r_con .h5{ font-size:24px; line-height:40px; color:#111111; font-weight:bold; margin-bottom:16px; }

.NewsInfo .r_con .Box{ display:block; background:#fff; }

.NewsInfo .r_con li+li{ margin-top:30px; }

.NewsInfo .r_con .imgBox{ padding-top:74.66666%; }

.NewsInfo .r_con .cont{ padding:0 15px 20px; }

.NewsInfo .r_con .time{ font-size:14px; line-height:44px; color:#666666; border-bottom:1px solid #f5f5f5; display:block; }

.NewsInfo .r_con .title{ font-size:15px; line-height:20px; color:#333333; margin-top:8px; }

.NewsInfo .r_con .Box:hover .title{ color:#1d2185; }

@media (max-width: 1200px){

    .NewsList .ul{ padding-top:12px; }

    .NewsList .ul li{ padding:32px 0; }

    .NewsList .ul .title{ font-size:22px; }

    .NewsInfo{ padding:45px 0; }

    .NewsInfo .l_con .h1{ font-size:20px; line-height:28px; }

    .NewsInfo .l_con .time{ margin:10px 0 20px; }

    .NewsInfo .l_con .cont{ padding:18px 0; }

    .NewsInfo .l_con .InfoPNBtn{ font-size:14px; padding-top:16px; }

    .NewsInfo .r_con .h5{ font-size:22px; margin-bottom:10px; }

    .NewsInfo .r_con li+li{ margin-top:20px; }

    .NewsInfo .r_con .cont{ padding:0 10px 10px; }

    .NewsInfo .r_con .time{ line-height:34px; }

    .NewsInfo .r_con .title{ line-height:18px; }

}

@media (max-width: 992px){

    .NewsList .ul{ padding-top:5px; }

    .NewsList .ul li{ padding:22px 0; }

    .NewsList .ul .imgDiv{ width:240px; }

    .NewsList .ul .cont{ padding-top:10px; }

    .NewsList .ul .time{ line-height:24px; border-radius:12px; }

    .NewsList .ul .title{ font-size:20px; line-height:24px; margin:16px 0 12px; }

    .NewsList .ul .des{ line-height:22px; }

    .NewsInfo{ padding:30px 0 35px; }

    .NewsInfo .l_con{ width:100%; }

    .NewsInfo .r_con{ display:none; }

}

@media (max-width: 768px){

    .NewsList .ul{ padding-top:5px; }

    .NewsList .ul li{ padding:15px 0; }

    .NewsList .ul .imgDiv{ width:200px; }

    .NewsList .ul .cont{ padding-top:5px; }

    .NewsList .ul .title{ font-size:18px; margin:10px 0 7px; line-height:22px; }

    .NewsList .ul .des{ line-height:20px; }

    .NewsInfo .l_con .Info{ padding:15px 15px; }

    .NewsInfo .l_con .h1{ font-size:18px; line-height:22px; }

}

@media (max-width: 600px){

    .NewsList .ul .imgDiv{ width:160px; }

    .NewsList .ul .time{ display:none; }

    .NewsList .ul .title{ font-size:18px; margin:5px 0 7px; line-height:20px; }

    .NewsList .ul .des{ line-height:18px; }

}

@media (max-width: 500px){

    .NewsList .ul .imgDiv{ width:120px; }

    .NewsList .ul .cont{ padding-top:0; }

    .NewsList .ul .title{ font-size:16px; margin:0 0 5px; line-height:20px; }

}



/**产品中心**/



.Productlist .ul li:nth-child(4n+0){ margin-right:0;}
.Productlist .ul li .boxs{ overflow:hidden; border:1px solid #e6e6e6; background:#f2f2f2;position:relative;transition:all 0.3s;}
.Productlist .ul li:hover .boxs{ border:1px solid #00aa9c;box-shadow:0 0 20px rgba(0,0,0,.2);}
.Productlist .ul li .imgs{ overflow:hidden; position:relative; padding-top:100%; margin-bottom:70px;}
.Productlist .ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.Productlist .ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.Productlist .ul li .bgs{ overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:0%;background:url(../images/product_pic1.png) rgba(0,170,156,0.6) center top 30% no-repeat;transition:all 0.3s;}
.Productlist .ul li .bgs p{ font-style:normal;line-height:28px; text-align:center; font-family:Arial; font-size:14px; margin-top:20%; display:block; color:#fff;font-weight:lighter;}
.Productlist .ul li:hover .bgs{ height:100%;}
.Productlist .ul li .txts{ position:absolute; bottom:0;height:70px; text-align:center; width:100%; padding-left:5px; padding-right:5px;}
.Productlist .ul li .txts .h4{ font-weight:normal; font-size:16px; color:#333333; height:70px; line-height:70px;white-space:break-spaces;text-overflow:ellipsis;transition:all 0.3s; overflow:hidden;}
.Productlist .ul li .txts .p{ font-size:16px; color:#999999;height:32px; line-height:32px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; overflow:hidden;}
.Productlist .ul li:hover .txts .h4{ color:#fff;}
.Productlist .ul li:hover .txts .p{ color:#fff;}



.Productlist .ul{ margin:-18px; font-size:0; padding-bottom:62px; }

.Productlist .ul li{ display:inline-block; vertical-align:top; padding:18px; }

.Productlist .ul li .Box{ background:linear-gradient(to bottom right,rgba(218,218,218,1),rgba(218,218,218,0)); display:block; padding:14px; position:relative; transition:all .8s; transform: scale(1); box-shadow:0 0 10px rgba(0,0,0,0); overflow:hidden; }

.Productlist .ul li .imgBox{ width:100%; padding-top:100%; }

.Productlist .ul li .title{ font-size:24px; line-height:24px; height:48px; color:#6f6f6f; transition:all .3s; margin-bottom:10px; position:relative; z-index:1;text-align: center; }

.Productlist .ul li .des{ font-size:13px; line-height:20px; height:40px; color:#939393; }

.Productlist .ul li .more{ transition:all .3s; color:#fff; font-size:13px; line-height:38px; display:block; color:#fff; border-radius:19px; text-align:center; width:130px; max-width:100%; background:#1d2185; margin:0; overflow: hidden; }

.Productlist .ul li .Box:hover{ box-shadow:0 0 20px rgba(0,0,0,.2); }

.Productlist .ul li:nth-child(3n+2){ /* transform:translateY(62px); */ }

.Productlist .ul li:nth-child(3n+3){ /* transform:translateY(20px); */ }

@media only screen and (min-width: 1200px){

    .Productlist .ul li:nth-child(odd) .cont{ /* padding-bottom:147px;  */}

    .Productlist .ul li:nth-child(even) .cont{ /* padding-top:147px; */ }

    .Productlist .ul li .cont{ position:relative; }

    .Productlist .ul li .bg0{ position:absolute; left:0; padding:20px; }

    .Productlist .ul li:nth-child(odd) .bg0{ bottom:0; }

    .Productlist .ul li:nth-child(even) .bg0{ top:0; }

    .Productlist .Tabtit .wid{ min-width:165px; }

    .Productlist .ul li .Box .more{ height:0; }

    .Productlist .ul li .Box:hover .more{ height:38px; margin:16px 0 5px; }

}

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

    .Productlist{ padding-bottom:35px; }

    .Productlist .Tabtit{ margin-bottom:20px; }

    .Productlist .Tabtit .wid{ width:20%; }

    .Productlist .Tabtit .img img{ width:40px; height:40px; }

    .Productlist .Tabtit .txt{ font-size:14px; }

    .Productlist .ul{ margin:-8px; padding-bottom:20px; }

    .Productlist .ul li{ padding:8px; }

    .Productlist .ul li .Box{ padding:8px; }

    .Productlist .ul li .cont{ display:flex; flex-wrap:wrap; }
    .Productlist .ul li .cont div{ width:100%; }

    .Productlist .ul li:nth-child(even) .imgBox{ /*order:2;*/ }

    .Productlist .ul li .title{ font-size:18px; line-height:20px; height: 40px; margin-bottom:5px; }

    .Productlist .ul li .des{ line-height:18px; height:36px; }

    .Productlist .ul li .bg0{ padding:8px; }

    .Productlist .ul li .Box .more{ line-height:30px; border-radius:15px; font-size:12px; margin:8px 0 0; }

}

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

    .Productlist .ul{ margin:-5px; }

    .Productlist .ul li{ padding:5px; }

    .Productlist .ul li .Box{ padding:5px; }

    .Productlist .ul li .title{ font-size:16px; line-height:18px; height:36px; }

}

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

    .Productlist{ padding-bottom:25px; }

    .Productlist .Tabtit{ display:flex; flex-wrap: wrap; justify-content:center; margin:0 -3px 10px; }

    .Productlist .Tabtit .wid{ width:33.33%; }

    .Productlist .Tabtit .wid:first-child,

    .Productlist .Tabtit .wid{ border:0 none; padding:3px; }

    .Productlist .Tabtit .Box{ /*background-color:#fcfcfc;*/ height:100%; padding:6px 2px; }

    .Productlist .Tabtit .img img{ width:30px; height:30px; }

    .Productlist .Tabtit .txt{ font-size:12px; line-height:14px; margin-top:5px; }

    .Productlist .ul{ margin:-4px; padding-bottom:0; }

    .Productlist .ul li{ padding:4px; }

    .Productlist .ul li .Box{ padding:4px; }

    .Productlist .ul li:nth-child(3n+2){ transform:translateY(0); }

    .Productlist .ul li:nth-child(3n+3){ transform:translateY(0); }

    .Productlist .ul li .title{ font-size:14px; line-height:18px; height:36px; }

    .Productlist .ul li .Box .more{display: none;}



}

@media only screen and (max-width: 540px){
	.Productlist .lw-sw-6{ width:100%; margin-bottom:10px;}
	}




/*产品详情*/

.row {
	margin-right: -15px;
	margin-left: -15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}


@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}

.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}

}



.prolist-cont{ background:#fff;width:100%; margin-top:0px;}
.nyabbg{ width:100%; padding:60px 0; float:left}
.prolist-cont .cont9{ width:100%; margin:0 auto; }
.prolist-cont .col-md-12{ padding:0 !important; margin:0 !important;position: relative;}
.prolist-cont .col-md-5{ padding:0 !important; margin:0 !important;}
.prolist-cont .col-xs-12{}
.prolist-cont .col-md-7{}




.proszi{ width: 100%; height:36px; margin-left:60px;}
.proz-title{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:20px;}
.proszi h1{font-size:24px; font-weight:bold; margin-bottom:0}
.proszi h2{font-size:28px; line-height:1.4em; color:#042275; font-weight:bold;}
.proszi h3{ font-weight:normal; font-size:14px; line-height:28px;}
.pdescribe{}
.pdescribe p{ line-height:32px; font-size:16px; color:#666;}

.prodetail-jjgm{margin-top: 40px;}
.prodetail-jjgm .mai{
    display: block;
	padding:0 20px;
    height: 40px;
    background: rgb(0,0,0,0.1);
    color: #666;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
	font-size:14px;
	float:left;
	margin-right:40px;
	display:inline-block;
	-webkit-transition:all 1s;
 transition:all 1s;
}


.prodetail-jjgm .mai:nth-child(2){ margin-right:0}

.prodetail-jjgm .mai svg{ width:16px; height:16px; margin-right:8px;}
.prodetail-jjgm .mai path{ fill:#666}
.prodetail-jjgm .mai:hover{
    display: block;
	padding:0 30px 0 20px;
    height: 40px;
    background: #28b7bc;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
	-webkit-transition:all 1s;
 transition:all 1s;
    
}

.prodetail-jjgm .mai:hover path{ fill:#fff}








.canshu-bg{ width:100%; margin-top:40px;}
.canshu #myTab {width:100%; max-width:100%; display:flex; margin-bottom: 20px;}

.nav-tabs{ border-bottom:1px solid #ccc; }

.nav-tabs>li{}
.nav-tabs>li:hover{ cursor:pointer}

.nav-tabs>li>a{ font-size:17px; color:#333; display:block; border:none; background:#f8f8f8; overflow:hidden; padding:15px 10px;text-align:center;}

.nav-tabs>li>a:hover{ cursor:pointer; border:none;padding:15px 40px;}

.nav-tabs>li.active{ color:#fff; background:#2492b8; margin-right:10px; text-align:center; width:150px; overflow:hidden}

.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {color:#fff !important;background:none !important;border:none;text-decoration:none; }





.nypcanshu h3{ font-size:18px; font-weight:normal;}
.canshubox p{ margin-bottom:10px;}
.canshubox p img{ width:100%; height:auto; margin: 0 auto;}
.canshubox table{ border-collapse:collapse; font-size:14px; font-weight:Regular !important; font-family:Arial, Helvetica, sans-serif;}
.canshubox table tr{ border:1px solid #ccc !important; text-align:center}
.canshubox table td{ border:1px solid #ccc !important; text-align:center; line-height:36px;}


/*.canshu {width:100%;margin:28px 0 0 0;height:auto;}

.canshu p {line-height:28px;font-size:14px;color:#666;text-align:justify;}

.canshu table {width:100% !important;height:auto;margin:20px auto 10px;}

.canshu table tbody tr {border-bottom:1px dotted rgba(12,32,72,.6);}

.canshu table tbody tr td {display:table-cell;vertical-align:inherit;white-space:nowrap;text-align:center;border: 1px solid #e9e9e9; background: #fbfaf9; font-size: 16px; padding: 10px;}

.canshu table tbody tr td:nth-of-type(2){ background: #fff;}

.canshu table tbody tr td:last-child {border-right:none;}

.canshu table tbody tr td p {width:100%;height:auto;display:table-cell;}*/




@media only screen and (max-width: 768px){
.prolist-cont .col-md-5{ width:100% !important; margin:0 !important; padding:0 !important}
.prolist-cont .col-md-7{ width:100% !important; margin:0 !important; padding:0 !important}
.proszi{margin-left:0px;}
}

/***数目增加减少***/

.NumberBox{ border:1px solid #d9d9d9; border-radius:3px; position: relative; padding:0 44px; display:inline-block; font-size:0; line-height:0; width:132px; }

.NumberBox .nBtn{ position:absolute; top:0; height:100%; width:44px; cursor:pointer; }

.NumberBox .nBtn::before,

.NumberBox .nBtn::after{ content:""; display:block; position:absolute; background:#b7b7b7; left:50%; top:50%; }

.NumberBox .add::before{ height:2px; width:12px; left:50%; top:50%; margin-left:-6px; margin-top:-1px; }

.NumberBox .add::after{ height:12px; width:2px; left:50%; top:50%; margin-left:-1px; margin-top:-6px; }

.NumberBox .reduce{ left:0; }

.NumberBox .add{ right:0; }

.NumberBox .reduce::after{ height:2px; width:12px; left:50%; top:50%; margin-left:-6px; margin-top:-1px; }

.NumberBox .number{ display:block; margin:0; padding:0; line-height:46px; height:46px; width:100%; font-size:16px; color:#444444; }

.NumberBox .nBtn:hover::before,

.NumberBox .nBtn:hover::after{ background:#666; }

@media (max-width: 1200px){

    .NumberBox{ padding:0 36px; width:112px; }

    .NumberBox .nBtn{ width:36px; }

    .NumberBox .number{ line-height:36px; height:36px; font-size:14px; }

}

@media (max-width: 768px){

    .NumberBox{ padding:0 34px; width:102px; }

    .NumberBox .nBtn{ width:34px; }

    .NumberBox .number{ line-height:32px; height:33px; }

}

/***选框***/

.InputBox{ display:block; margin:0 auto; position:relative; height:20px; width:20px; }

.InputBox .checkbox{ left:0; top:0; width:0; height:0; cursor: pointer; }

.InputBox .checkbox::after{ content:""; position: absolute; left:0; top:0; height:100%; width:100%; border:1px solid #1f2184; border-radius:50%; }

.InputBox .checkbox:checked::after{ background:url(../images/icon_check.png) no-repeat center/22px 22px; }



/**询盘**/

.InquiryBlock{ padding:75px 0 85px; background:#f0f0f0; }

.InquiryBlock .bg0{ padding:15px 0; }

.InquiryBlock .pad{ padding-left:18px; padding-right:18px; }

.InquiryBlock .h2{ font-size:30px; color:#333333; line-height:1.2em; padding:35px 0 30px; }

.InquiryBlock .dl{ font-size:0; line-height:0; }

.InquiryBlock .dt{ background:#f0f0f0; padding:8px 0; }

.InquiryBlock .dd+.dd{ border-top:1px solid #f0f0f0; }

.InquiryBlock .wid{ display:inline-block; vertical-align:middle; font-size:15px; line-height:22px; color:#333333; text-align:center; padding:10px; }

.InquiryBlock .wid1{ width:12%; }

.InquiryBlock .wid2{ width:18%; }

.InquiryBlock .wid3{ width:38%; }

.InquiryBlock .wid4{ width:19%; }

.InquiryBlock .wid5{ width:13%; }

.InquiryBlock .model{ color:#888888; }

.InquiryBlock .ImgDiv{ display:inline-block; vertical-align:middle; width:90px; border:1px solid #f0f0f0; }

.InquiryBlock .imgBox{ padding-top:100%; }

.InquiryBlock .title{ display:inline-block; vertical-align:middle; width:calc(100% - 90px); padding-left:10px; font-size:15px; text-align:left; }

.InquiryBlock .links{ font-size:0; display:inline-block; }

.InquiryBlock .delete{ display:block; margin:0 auto; height:20px; width:20px; background:url(../images/icon_delete1.png) no-repeat center/contain; }

.InquiryBlock .delete:hover{ background-image:url(../images/icon_delete3.png); }

.InquiryBlock .EditBtn{ border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-size:15px; }

.InquiryBlock .EditBtn .InputBox{ margin-left:5.3%; display:inline-block; vertical-align:middle; width:auto; line-height:20px; padding-left:55px; cursor:pointer; }

.InquiryBlock .InputBox .checkbox::after{ width:20px; }

.InquiryBlock .EditBtn{ padding:45px 18px; }

.InquiryBlock .EditBtn a{ display:inline-block; vertical-align:middle; color:#888888; position:relative; padding-left:15px; margin-left:15px; }

.InquiryBlock .EditBtn a::before{ content:""; display:block; width:1px; height:14px; position:absolute; left:0; top:50%; margin-top:-7px; background:#888; }

.InquiryBlock .EditBtn a:hover{ color:#666; }

.InquiryBlock .form{ padding-bottom:40px; }

.InquiryBlock .form .divBox{ margin:-10px -6px; }

.InquiryBlock .form .div{ float:left; display:inline-block; padding:10px 6px; position:relative; }

.InquiryBlock .form .div.equre::after{ content:"*"; display:block; line-height:48px; padding-right:15px; font-size:16px; color:#f00; position:absolute; top:10px; right:5px; }

.InquiryBlock .form .input{ display:block; width:100%; border:1px solid #e0e0e0; font-size:15px; line-height:46px; color:#333; padding:0 15px; }

.InquiryBlock .form textarea.input{ height:110px; padding:15px; line-height:20px; }

.InquiryBlock .form .submit{ display:block; margin-top:10px; font-size:16px; line-height:40px; height:40px; border-radius:20px; color:#fff; background:#1d2185; width:160px; text-align:center; cursor:pointer; }

.InquiryBlock .form .submit:hover{ background:#28b7bc; }

@media (min-width: 768px){

    .InquiryBlock .ImgDiv{ display:none; }

    .InquiryBlock .title{ width:100%; }

}

@media (max-width: 1200px){

    .InquiryBlock{ padding:45px 0; }

    .InquiryBlock .bg0{ padding:0; }

    .InquiryBlock .h2{ padding:20px 0 15px; font-size:22px; }

    .InquiryBlock .dt{ padding:0; }

    .InquiryBlock .title,

    .InquiryBlock .wid{ font-size:14px; line-height:20px; }

    .InquiryBlock .form{ padding-bottom:35px; }

    .InquiryBlock .form .divBox{ margin:-5px; }

    .InquiryBlock .form .div{ padding:5px; }

    .InquiryBlock .form .submit{ margin-top:0; }

}

@media (max-width: 992px){

    .InquiryBlock .h2{ font-size:20px; padding:15px 0 10px; }

}

@media (max-width: 768px){

    .InquiryBlock{ padding:35px 0; }

    .InquiryBlock .pad .pad{ padding-left:0; padding-right:0; }

    .InquiryBlock .h2{ font-size:18px; }

    .InquiryBlock .dt{ display:none; }

    .InquiryBlock .dd{ display:flex; flex-wrap:wrap; position:relative; padding:15px 0 15px 0; border-top:1px solid #f0f0f0; align-items:center; }

    .InquiryBlock .wid1{ width:30px; padding-left:0; }

    .InquiryBlock .wid2{ padding-left:0; padding-right:0; width:calc(100% - 70px); display:none; }

    .InquiryBlock .model{ display:block; text-align:left; padding:0; }

    .InquiryBlock .wid3{ padding:0; width:calc(100% - 30px); text-align:center; }

    .InquiryBlock .wid4{ position: absolute; top:70px; right:45px; padding:0; width:102px; padding-top:0; }

    .InquiryBlock .wid5{ position:absolute; margin-top:27px; right:0; padding:0; text-align:right; width:auto; }

    .InquiryBlock .links{ text-align:left; display:block; }

    .InquiryBlock .title{ vertical-align:top; height:40px; }

    .InquiryBlock .delete{ background:url(../images/icon_delete1.png) no-repeat center /90%; }

    .InquiryBlock .EditBtn{ padding:15px 18px; font-size:14px; }

    .InquiryBlock .EditBtn .InputBox{ margin-left:0; padding-left:35px; }

    .InquiryBlock .form{ padding-bottom:25px; }

    .InquiryBlock .form .div.equre::after{ line-height:42px; top:5px; }

    .InquiryBlock .form .input{ font-size:14px; line-height:20px; padding:10px 15px; }

    .InquiryBlock .form .submit{ width:100%; line-height:36px; height:34px; border-radius:17px; font-size:14px; }

}



/**服务**/

.ServiceBlock{ background:#eeeef0; padding-bottom:95px; }

.ServiceBlock .ul{ margin:-10px; font-size:0; padding-top:25px; }

.ServiceBlock .ul li{ padding:10px; display:inline-block; vertical-align:top; text-align:center; }

.ServiceBlock .ul .Box{ display:block; background:#fff; padding:60px 15px 55px; transition:all .3s; }

.ServiceBlock .ul .img{ display:inline-block; vertical-align:top; position:relative; }

.ServiceBlock .ul .img img{ display:block; transition:all .3s; width:64px; height:64px; }

.ServiceBlock .ul .img .i{ opacity:1; }

.ServiceBlock .ul .img .i_h{ opacity:0; position: absolute; left:0; top:0; }

.ServiceBlock .ul .title{ font-size:22px; color:#222222; line-height:24px; transition:all .3s; margin-top:26px; }

.ServiceBlock .ul .Box:hover{ background:#1d2185; }

.ServiceBlock .ul .Box:hover .i{ opacity:0; }

.ServiceBlock .ul .Box:hover .i_h{ opacity:1; }

.ServiceBlock .ul .Box:hover .title{ color:#fff; }

@media (max-width: 1200px){

    .ServiceBlock{ padding-bottom:55px; }

    .ServiceBlock .ul{ margin:-8px; padding-top:10px; }

    .ServiceBlock .ul li{ padding:8px; }

    .ServiceBlock .ul .img img{ width:56px; height:56px; }

    .ServiceBlock .ul .Box{ padding:45px 15px 40px; }

    .ServiceBlock .ul .title{ font-size:20px; line-height:22px; margin-top:20px; }

}

@media (max-width: 992px){

    .ServiceBlock{ padding-bottom:45px; }

    .ServiceBlock .ul{ margin:-5px; padding-top:5px; }

    .ServiceBlock .ul li{ padding:5px; }

    .ServiceBlock .ul .img img{ width:36px; height:36px; }

    .ServiceBlock .ul .Box{ padding:35px 15px 25px; }

    .ServiceBlock .ul .title{ font-size:18px; line-height:20px; margin-top:10px; }

}

@media (max-width: 992px){

    .ServiceBlock{ padding-bottom:35px; }

    .ServiceBlock .ul{ margin:-4px; padding-top:4px; }

    .ServiceBlock .ul li{ padding:4px; }

    .ServiceBlock .ul .img img{ width:32px; height:32px; }

    .ServiceBlock .ul .Box{ padding:30px 10px 25px; }

    .ServiceBlock .ul .title{ font-size:16px; }

}



/**技术**/

.TechnologyList{ padding-bottom:90px; }

.TechnologyList .ul{}

.TechnologyList .ul li{ padding-bottom:40px; border-bottom:1px solid #eaeaea; }

.TechnologyList .ul li+li{ margin-top:40px; }

.TechnologyList .ul .imgDiv{ float:left; width:355px; margin-right:4.16%; }

.TechnologyList .ul .VideoPlay::after{ content:""; display:block; position:absolute; left:50%; top:50%; height:64px; width:64px; transform:translate(-50%,-50%) scale(1); border-radius:50%; background:rgba(0,0,0,.36) url(../images/icons_play2.png) no-repeat 55% center; transition:all .3s; cursor:pointer; }

.TechnologyList .ul .VideoPlay:hover::after{ background-color:rgba(2,2,2,.7); }



.TechnologyList .ul .imgBox{ padding-top:74.65%; }

.TechnologyList .ul .cont{ padding-top:45px; }

.TechnologyList .ul  .title{ font-size:24px; line-height:26px; color:#222222; margin-bottom:20px; }

.TechnologyList .ul .des{ font-size:14px; line-height:28px; color:#888888; text-align:justify; }

@media (max-width: 1200px){

    .TechnologyList{ padding-bottom:45px; }

    .TechnologyList .ul li{ padding-bottom:30px; }

    .TechnologyList .ul li+li{ margin-top:30px; }

    .TechnologyList .ul .imgDiv{ width:300px; }

    .TechnologyList .ul .cont{ padding-top:10px; }

    .TechnologyList .ul .title{ font-size:22px; margin-bottom:10px; }

    .TechnologyList .ul .des{ line-height:24px; }

}

@media (max-width: 992px){

    .TechnologyList{ padding-bottom:35px; }

    .TechnologyList .ul li{ padding-bottom:25px; }

    .TechnologyList .ul li+li{ margin-top:25px; }

    .TechnologyList .ul .imgDiv{ width:250px; }

    .TechnologyList .ul .title{ font-size:20px; margin-bottom:5px; line-height:24px; }

    .TechnologyList .ul .des{ line-height:20px; }

}

@media (max-width: 768px){

    .TechnologyList{ padding-bottom:30px; }

    .TechnologyList .ul li{ padding-bottom:20px; }

    .TechnologyList .ul li+li{ margin-top:20px; }

    .TechnologyList .ul .imgDiv{ width:200px; margin-right:15px; width:100%; margin-right:0; margin-bottom:15px; }

    .TechnologyList .ul .title{ font-size:16px; line-height:20px; }

}

@media (max-width: 600px){

    /*.TechnologyList .ul .imgDiv{ width:180px; }*/

    .TechnologyList .ul .cont{ padding-top:0; }

    .TechnologyList .ul .title{ font-size:15px; line-height:20px; }

}

@media (max-width: 500px){

    /*.TechnologyList .ul .imgDiv{ width:150px; }*/

}



/**下载**/

.Downlist{ background-color: #f7f7f7; }

.Downlist .list{ padding-top:15px; }

.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:#1d2185; }

.Downlist .list .Box:hover .more{ background-color:#1d2185; 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 .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; }

    .Downlist .list .word .more{ line-height: 28px; padding:0 20px; }

    .Downlist .list .word .more i{ padding-left: 23px; background-size: 16px; }

}



/**FAQ**/

/*常见问题*/

.Faqlist{overflow:hidden;border-top:1px solid #dcdcdc;}

.Faqlist ul li{ display:block; overflow:hidden; border-bottom:1px solid #dcdcdc; background:url(../images/faq_bg4.png) right 36px top 24px no-repeat;transition:all 0.3s; cursor:pointer;-webkit-tap-highlight-color:transparent;}

.Faqlist ul li:hover{ background-image:url(../images/faq_bg4_on.png);}

.Faqlist ul li.on{ background-image:url(../images/faq_bg4_on.png);}

.Faqlist ul li .h3{ font-weight:normal; overflow:hidden; padding-top:20px; padding-bottom:20px;line-height:28px;font-size:18px; padding-right:55px; padding-left:28px;white-space:nowrap;text-overflow:ellipsis;  color:#333;}

.Faqlist ul li .down{ overflow:hidden; line-height:28px; font-size:14px;padding: 0 0 28px  0; display: none; padding-left:28px; padding-right:55px; color:#888888;}

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

    .Faqlist ul li{ background-position:right 30px top 19px;}

    .Faqlist ul li .h3{ font-size:16px; padding-top:15px; padding-bottom:15px; padding-right:49px; padding-left:24px;}

    .Faqlist ul li .down{ padding-left:24px; padding-right:49px;}

}

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

    .Faqlist ul li{ background-position:right 15px top 14px;}

    .Faqlist ul li .h3{line-height:24px; padding-top:12px; padding-bottom:12px; padding-right:34px; padding-left:15px;}

    .Faqlist ul li .down{ line-height:26px;padding-right:34px;}

}

