﻿ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{max-width:100%;border:none;border:0;}
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0069b0;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.clear{ clear:both;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
dl:after,ul:after{content:".";clear:both;display:block;overflow:hidden;font-size:0;height:0;}
:-moz-placeholder {color: #808080;}
::-moz-placeholder {color: #808080;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {font-size:16px;color:#999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:16px;color:#999;}
select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
select::-ms-expand { display: none; }/*Ie clear arr*/
#historycon .txt::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
#historycon .txt::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
#historycon .txt::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
#historycon .txt::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.imgspan{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
/*Top002526 */
.Top002526{ position:relative; z-index:100;transition:all .3s linear;}

.Top002526 .header-top{border-bottom: 1px solid #f1f1f1;padding:15px 0;transition:all .3s linear;}
.Top002526 .header-top .auto{ position:relative; z-index:102;}
.Top002526 .header-top dl{ position:absolute; top:50%; margin-top:-16px;}
.Top002526 .dl_left{ left:0; z-index:50;}
.Top002526 .dl_right{ right:0;}
.Top002526 .header-top dl dd{ float:left; line-height:32px; position:relative; padding:0 15px;}
.Top002526 .header-top dl dd a{ color:#b8b8b8;}
.Top002526 .header-top dl dd a:hover{ color:#0056a9;}
.Top002526 .header-top dl dd::after{ position:absolute; content:''; right:0; width:1px; height:50%; top:25%; background:rgba(255,255,255,0.3);}
.Top002526 .header-top dl dd:last-of-type::after{ display:none;}
.Top002526 .top-search .search{ position:absolute; display:none; right:15px; width:180px; top:0; }
.Top002526 .search .text{ width:100%;height:32px; line-height:32px; border:none; border-bottom:1px solid #7a7a7a; color:#fff; padding:0 52px 0 0; background:#000;}
.Top002526 .search .btn{ position:absolute; right:0; top:0; height:32px; width:22px; background:url(../images/Top002526_top_icon_search_on.png) no-repeat center center #000;border-bottom:1px solid #7a7a7a; }
.Top002526 .open-search{ width:22px; height:32px; display:block; background:url(../images/Top002526_top_icon_search.png) no-repeat center center;}
.Top002526 .top-language a{ border-bottom:1px solid #b8b8b8; text-transform:uppercase; font-size:12px;}
.Top002526 .top-language::before{ display:inline-block; vertical-align:middle; content:''; width:22px; height:22px; margin-right:10px; background:url(../images/Top002526_top_icon_language.png) no-repeat;}
.Top002526 .dl_left dd a{ display:block;}
.Top002526 .dl_right dd:last-child{ padding-right:0;}
.Top002526 .header-menu{  margin:0 auto;}
.Top002526 .header-menu li em a{ line-height:55px; color:#000;font-size: 20px;font-weight: bold;transition:all .3s linear;}
/* .Top002526 .header-menu li.has-sub{ position:inherit !important;} */
.Top002526 .header-menu li.aon em a{ text-decoration:underline; color:#0056a9;}

.Top002526 .header-menu li .sub{ width:100%; left:0%;  overflow:hidden;z-index:9999; }
.Top002526 .header-menu li .sub-menu{ /*padding:15px;*/ text-align:center;}
.Top002526 .header-menu li .sub-menu dt{display:inline-block;margin:0 5px 5px;}
.Top002526 .header-menu li .sub-menu dt:last-child{ border-bottom:0;}
.Top002526 .header-menu li .sub-menu dt a{color:#f1f1f1; transition:0.3s;font-size:18px;}
.Top002526 .header-menu li .sub-menu dt a:hover{ background:#0056a9; }

.Top002526.fixed{position:fixed;width:100%;top:0px;left:0px;background:#fff;}
.Top002526.fixed .header-top{padding:10px 0;}
.Top002526.fixed .logo img{height:35px;}
.Top002526.fixed .header-menu li em a{font-size:16px;line-height:40px;}

.menulist .list .mains ul li#m196{display:none;} 
.menulist .list .mains ul li:hover a{color:#0056a9!important;}

@media(max-width:1024px){
.Top002526{ padding-top:2px;}
.Top002526 .logo{ clear:both; padding-right:60%;} 
.Top002526 .header-top dl.dl_left{ right:0;color:#fff; bottom:100%; top:auto; margin-top:0; left:auto; right:2%;} 
.Top002526 .header-top dl.dl_left dd > a{ color:#fff;}
.Top002526 #open_menu{ position:relative;width:40px; height:32px; background:#fff; float:right; border-radius:5px;margin-right:0px;}
.Top002526 #open_menu i::before,
.Top002526 #open_menu i::after,
.Top002526 #open_menu i{ background:#000;}
.Top002526 #open_menu i{ left:15%; width:70%; height:3px; margin-top:-1.5px;}

.Top002526 #header-menu{ position:absolute; right:0; top:100%;  background:#000; z-index:105; width:60%; max-width:240px; transform:translateY(-300%); opacity:0; transition:transform 0.3s,opacity 0.5s;}
.Top002526 #header-menu.header-menu-show{ opacity:1; transform:translateY(0);}
.Top002526 #header-menu .sub-right{display:none;}
.Top002526 #header-menu li .sub-menu dt a,
.Top002526 #header-menu li em a{ padding:0 10%;}
.Top002526 #header-menu li .sub-menu dt a{ border-bottom-color:rgba(255,255,255,0.3);}
.Top002526 #header-menu li.clickon em,
.Top002526 #header-menu li .sub{ background:#0056a9;}
}
@media(max-width:375px){
.Top002526 .top-search{ display:none;}
}

/*Banner002744 */
.Banner002744{}
/*slick Basic*/
.Banner002744 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Banner002744 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Banner002744 .slick-list:focus {outline: none}
.Banner002744 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Banner002744 .slick-slider .slick-track, 
.Banner002744 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Banner002744 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Banner002744 .slick-track:before, 
.Banner002744 .slick-track:after{display: table; content: '';}
.Banner002744 .slick-track:after{ clear: both;}
.Banner002744 .slick-loading .slick-track { visibility: hidden;}
.Banner002744 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Banner002744 .slick-slide .slick-loading img { display: none;}
.Banner002744 .slick-slide .dragging img { pointer-events: none;}
.Banner002744 .slick-initialized .slick-slide { display: block;}
.Banner002744 .slick-loading .slick-slide { visibility: hidden;}
.Banner002744 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Banner002744 .slick-arrow .slick-hidden { display: none;}

.Banner002744 .shadow .title {width:260px;height:65px;padding-left:30px;padding-top:0px;}
.Banner002744 .shadow .title a {text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;} 
.Banner002744 .shadow {font-family:Arial, Helvetica, sans-serif;width:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%,0); z-index:10;height:80px;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:center;z-index:10;font-size:14px;color:#fff;text-transform:uppercase;line-height:35px;padding:0px 0px 0px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.Banner002744 .shadow strong {display:block;font-size:28px;line-height:32px;}
.Banner002744 .shadow a {color:#fff;}  





/*slick Basic End*/

.Banner002744 li.slick-slide{position: relative;}
.Banner002744 li.slick-slide a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0;-webkit-opacity: 0;}
.Banner002744 li.slick-slide > img{display: block; width: 100%;}

.Banner002744 .slick-dots{outline: none; position: absolute;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); bottom: 3%; z-index: 10;text-align: center;}
.Banner002744 .slick-dots li{float: left; width: 10px; height: 10px; background: #9f9f9f; margin-right: 10px; cursor: pointer;border-radius:50%;}
.Banner002744 .slick-dots li button{display: none;}
.Banner002744 .slick-dots li.slick-active{background: #0056a9;}

.Banner002744 .slick-arrow{position:absolute;bottom:10px;width:60px;height:60px;background:url(../images/focus_btn.png) no-repeat;z-index:20;overflow:hidden;text-indent:99999px;background-size:100% 100%;}

.Banner002744 .slick-prev{left:13%;background-position:0 -60px;cursor:pointer;}  
.Banner002744 .slick-next{right:13%;background-position:-60px -60px;cursor:pointer;}  
.Banner002744 .slick-prev:hover {background-position:0 0;}  
.Banner002744 .slick-next:hover {background-position:-60px 0;} 

@media(min-width:1025px){
    .Banner002744 li.slick-slide > img.wap{display: none;}
}
@media(max-width:1024px){
    .Banner002744 li.slick-slide > img.pc{display: none;}
    .Banner002744 .shadow,.Banner002744 .slick-arrow{display:none;}
    .Banner002744 .slick-arrow{width:30px;height:30px;top:50%;transform:translate(0,-50%);background:url(../images/focus_btn1.png) no-repeat;}
    .Banner002744 .slick-prev{left:5%;background-position:0 -30px;cursor:pointer;}  
.Banner002744 .slick-next{right:5%;background-position:-30px -30px;cursor:pointer;}  
.Banner002744 .slick-prev:hover {background-position:0 0;}  
.Banner002744 .slick-next:hover {background-position:-30px 0;} 
}



/*Title002752 */
.Title002752{text-align: center;font-size: 100px;}
.Title002752 .t-1{font-family:Times, Times New Roman, serif;color: #e7e7e7; font-size: 0.55em; text-transform: uppercase; line-height: 1em;}
.Title002752 .t-2{font-size: 0.29em;color: #0056a9;line-height: 1.56em;margin-top: -1.25em; font-weight: bold;}
.Title002752 .t-2:after{display: block; content: '';background: #0056a9; width: 2px; height: 14px; margin: 2px auto 0;}
@media(max-width:480px){
.Title002752{font-size: 80px;}
}


/*Floor002721 */
.Floor002721{padding: 2% 0 1% 0;}
.Floor002721 .search-box{ position:relative; margin:0 auto;  width:90%; max-width:955px;font-size: 16px;}
.Floor002721 .search-box .text{ width:100%; color:#999; border:1px solid #d8d8d8; line-height:50px; height:50px; padding:0 10px 0 60px; background:#fff;box-shadow:6px 0 29px rgba(0,0,0,0.06); transition:0.3s;}
.Floor002721 .search-box .text.focus{ color:#333; border-color:#0056a9;box-shadow:6px 0 29px rgba(0,0,0,0.1);}
.Floor002721 .search-box .btn{ position:absolute; left:0; top:0; height:105%; width:60px; background:url(../images/Floor002721_btn.png) no-repeat center center;}
@media(max-width:480px){
.Floor002721 .search-box .text{ line-height:52px; height:54px; padding:0 10px 0 60px;}
}

/*Floor000556*/ 
.none{ display: none;}
.Floor000556{ padding:3% 0;}
.Floor000556 .tab{ text-align:center; padding: 3% 0 3% 0;}
.Floor000556 .tab::after{content:"";display:block;width:0px;height:0px;clear:both;}
.Floor000556 .tab span{width:12%;float:left;padding:0 10px;line-height:20px; height: 60px; font-size: 16px; cursor: pointer; transition:0.3s; background: #f5f5f5;margin: 0 0.5% 8px 0px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #dcdcdc}
.Floor000556 .tab span:nth-child(8n){margin-right:0px;}
.Floor000556 .tab .on{ background: #0056a9; color: #fff; }
.Floor000556 .tab-info{ display:;}

.Floor000556 .pro_list{ position:relative; padding:0;}
.Floor000556 .pro_list ul{ margin-left: -2%;}
.Floor000556 .pro_list li{ width: 25%; float:left; padding-left: 2%;}



.Floor000556 .owl-stage-outer{ overflow:hidden;}
.Floor000556 .owl-item{ float:left;}
.Floor000556 .owl-nav{ display:block;}
.Floor000556 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;}
.Floor000556 .owl-nav button.owl-prev{ left:0;}
.Floor000556 .owl-nav button.owl-next{ right:0;}
.Floor000556 .owl-nav button::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #e5e5e5; border-right:3px solid #e5e5e5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.Floor000556 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.Floor000556 .owl-nav button:hover::before{ border-color:#0056a9;}
/* .Floor000556 .item {position: relative;} */
.Floor000556 .item .info1 {position: absolute;    display: flex;    align-items: center;    flex-direction: column;    justify-content: center;    width: 100%;    height: 100%;    left: 0;    bottom: -50px;    background: rgba(0,86,169,0.9);    z-index: 2;    opacity: 0;    transition: all ease 0.3s;}
.Floor000556 .item .info1 img{    width: 61px;
    height: 61px; transition: all ease 0.3s; -webkit-transform:rotate(360deg) scale(0.5); 
    -moz-transform:rotate(360deg) scale(0.5);
    -ms-transform:rotate(360deg) scale(0.5);
    -o-transform:rotate(360deg) scale(0.5);}
.Floor000556 .item .info1 .more{ width:118px; line-height:38px; border:1px solid rgba(255,255,255,0.4); border-radius:20px; display:block; margin:29px auto 0; color:#fff; font-size: 12px;}
.Floor000556 .item:hover .info1{ bottom:0; opacity:1;}
.Floor000556 .item:hover .info1 img{
    -webkit-transform:rotate(0deg) scale(1); 
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
}

    .Floor000556 .item .info1 img{width:auto!important;max-width:auto!important;}

.Floor000556 .item a{ display:block; /*border-bottom:5px solid #ddd;*/transition:0.3s;}
.Floor000556 .item a:hover{ border-bottom-color:#0056a9; color: #0056a9;}
.Floor000556 .item .pic{ text-align:center; overflow:hidden;position: relative;width:100%;padding-bottom:80%;}
.Floor000556 .item .pic .imgspan{background-size:contain;}
.Floor000556 .item .pic img.pic{ width:100%; display:block; margin:0 auto;transition:0.3s;}
.Floor000556 .item:hover  .pic img.pic{ transform:scale(1.12,1.12);}
.Floor000556 .item p{ margin:0; text-align:center; padding:3% 0 8% 0;font-size: 16px;}

@media(max-width:1199px){
    .Floor000556 .tab span{width: 33.333%;margin:0}
}

@media(max-width:768px){
    .Floor000556 .tab span{width: 50%;margin:0}
}
@media(max-width:480px){
.Floor000556 .title{font-size:18px;}
.Floor000556 .title aside{ font-size:26px;}
}
/*Floor002211*/
.Floor002211{width: 100%; height: 600px; position: relative; overflow: hidden;}
.Floor002211 .LeftBg{width: 50%; height: 600px; position: absolute; top: 0; left: 0%; margin-left: 0px; background: url(../images/Floor002211-bg.jpg) 0 0 no-repeat;background-size:cover;z-index:4;}
.Floor002211 .Pic{width: 1255px; height: 600px; position: absolute; right: 50%; margin-right: -960px; z-index:5; top:0;}
.Floor002211 .Pic a{ position:absolute; width:100%; height:100%; top:0; z-index:10;}
.Floor002211 .Pic img{width: 100%; height:100%;}
.Floor002211 .Left{width: 100%; margin: 0 auto; position: absolute;top:50%;transform:translate(0,-50%);z-index: 9; z-index:8;}
.Floor002211 .h2{padding: 60px 0; color: #fff; font-size: 42px; line-height: 40px; font-weight:normal; margin:0;}
.Floor002211 .h2 span{display: block; font-size: 14px; color: #9cabb6; line-height:20px; padding-top:5px;}
/* .Floor002211 .List li{height: 60px; } */
.Floor002211 .List .title{display: block; float: left; font-size: 18px; color: #fff;}
.Floor002211 .List .title span{ display:table-cell; height:45px; vertical-align:middle; color:#000;font-size: 16px;}
.Floor002211 .List .title em{display: block; font-style: normal; font-size: 12px; color: #7b7f82; text-transform:uppercase;transition:all 0.5s ease-out 0s;}
.Floor002211 .List .text{width: 70%; padding: 0 10% 0 200px; margin:40px 0; color: #fff; float:left; display: none; position:relative; max-height:58px; overflow:hidden;}
.Floor002211 .List .text .icon{ position:absolute; top:50%; right:0;background: url(../images/Floor002211-icon.png) 0 0 no-repeat; margin-top:-5px; width:11px; height:10px; display:block;}
/*.Floor002211 .List ul{padding-top: 4%;}*/
.Floor002211 .List .title span:hover{ color:#0056a9; text-indent: 0.5em; font-weight: bold;}
.Floor002211 .Bg{position: absolute; width: 100%; top: 192px; left: 0; z-index:7;}
.Floor002211 .Bg li{height:70px;transition:all 0.5s ease-out 0s;}
.Floor002211 .Bg li.on{ background: url(../images/Floor002211-bg.png) 0 0;}
@media(max-width:1440px){
    .Floor002211 .Pic{width:1100px;}
}

@media(max-width:1199px){
.Floor002211 .LeftBg{ width:40%; background-position: right center; margin-left:0; left:0;}
.Floor002211 .h2{ font-size:35px;}
.Floor002211 .Left{width: 30%;}
.Floor002211 .Left li{}
.Floor002211 .List .title{width: 100%;}
.Floor002211 .List .title span{width: 100%;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:1000px){
.Floor002211 .h2{ font-size:30px; max-width:200px;}	
}
@media(max-width:767px){
.Floor002211{ height:auto;}
.Floor002211 .auto{ padding:0;}
.Floor002211 .LeftBg{ display:none;}
.Floor002211 .Left{background-position: center center; background-size:cover; background-image:url(../images/Floor002211-bg.jpg);width:100%; padding:3% 3% 0;position: static;transform: none;}
.Floor002211 .h2{ width:100%; max-width:none; padding:0; text-align:center;}
.Floor002211 .List li{ float:none; width:100%; text-align:center; height:auto;}
.Floor002211 .List .title{ width:100%; padding:5px 0;font-size: 14px;}
.Floor002211 .List .title i{ margin-bottom:15px;}
.Floor002211 .List .title i,.Floor002211 .List .title span{ display:block; text-align:center; float:none; width:100%;overflow: initial;height: auto;}
.Floor002211 .Pic{ position:static; margin-right:0; width:100%; height:auto;}
.Floor002211 .LeftBg{position: static;}
}
/*Floor002211 End*/
/*
 .Floor001703 为demo编号
 */
.Floor001703{ padding:3% 0; overflow:hidden;}
.Floor001703 .title{ text-align:center;  background:url(../images/Floor001703-title_icon.png) no-repeat center top; padding-top:25px; overflow:hidden; padding-bottom:5%;}
.Floor001703 .title figure{ position:relative;display:inline-block; font-size:30px; font-family:'黑体';}
.Floor001703 .title figure span{ display:block; color:#0056a9; text-transform:uppercase; font-size:35px; font-family:"Courier New", Helvetica, Arial, sans-serif;}
.Floor001703 .title figure::before,
.Floor001703 .title figure::after{ position:absolute; content:''; height:1px; width:150%; bottom:30%;
background: rgb(254,255,255); 
background: -moz-linear-gradient(left,  rgba(254,255,255,1) 0%, rgba(233,233,233,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); 
background: linear-gradient(to right,  rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e9e9e9',GradientType=1 ); 
}
.Floor001703 .title figure::before{ left:0; transform:translateX(-105%);}
.Floor001703 .title figure::after{ right:0; transform:translateX(105%) rotate(180deg);}

.Floor001703 .intro{ float:left; width:55%; padding:3% 5% 0 0;}
.Floor001703 .img{ float:right; width:45%;padding-top:3% ;}
.Floor001703 .info{ padding:2% 0;}
.Floor001703 .info h1{font-size:25px; margin:0;}
.Floor001703 .info p{line-height:27px; color:#999;font-size: 15px;text-indent: 2em;}
.Floor001703 .menu{padding-left: 20%;}
.Floor001703 .imgico{ position:relative;transition: all ease 0.3s;display: inline-block;width: 50px;height: 50px;vertical-align: middle;margin-right: 10px;}
.Floor001703 .imgico .in_img1,.Floor001703 .imgico .in_img2{position: absolute; left:0px;top: 0px;}
.Floor001703 .imgico .in_img1{ transition: 400ms;}
.Floor001703 .imgico .in_img2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Floor001703 .imgico:hover .in_img2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Floor001703 .imgico:hover .in_img1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}

.Floor001703 .menu a{ float:left;padding-left:20px; color:#0056a9; font-size:20px; margin-right:20px;margin-top: 5px;}
.Floor001703 .menu a:hover{color: #17d0d7;}
.Floor001703 .menu a:last-child{ margin-right:0;}
@media(max-width:768px){
.Floor001703 .intro,
.Floor001703 .img{ float:none; width:auto;}
.Floor001703 .intro{ padding:0; padding-bottom:5%;}
.Floor001703 .img{ text-align:center;}
.Floor001703 .menu{padding-left: 0;text-align: center;}
.Floor001703 .menu a{float: none;padding-left: 0;}
}
@media(max-width:480px){
.Floor001703 .title figure{font-size:20px;}
.Floor001703 .title figure span{font-size:24px;}
}
@media(max-width:375px){
.Floor001703 .menu a{font-size:14px; margin-right:10px;}
}

.Floor002212{ }
/*Floor002566 */
@import url('dinBold/dinBold.css');
.Floor002566 .main{display:block!important;position:relative;top:0px;background:none}
.Floor002566{background:#f4f4f4; background-size:cover; padding:30px 0 60px 0;    background: url(../images/Floor002212-nbg.jpg) no-repeat center center;    background-size: cover; }
.Floor002566 .title{ padding-top:8px; text-align:center; padding-bottom:2%; font-size:26px; color:#3f3a39;}
.Floor002566 .title .en{ text-transform:uppercase; font-size:32px; letter-spacing:17px; padding-left:17px;font-family: "dinbold";}
.Floor002566 .title figure{ display:inline-block; position:relative;}
.Floor002566 .title figure::after{ position:absolute; content:''; width:32px; height:32px; border-radius:50%; border:10px solid #eee2d0; right:-10px; top:-5px; z-index:1;}
.Floor002566 .title figure span{ position:relative; z-index:2;}
@media(max-width:640px){
.Floor002566 .title .en{ letter-spacing:0;}
}

.Floor002566 .tab{ padding:1% 0;}
.Floor002566 .tab li{ width:129px; cursor:pointer; border:1px solid #c4c4c4; line-height:34px; text-align:center; border-radius:34px; margin:0 6px;}
.Floor002566 .tab li.on{ color:#fff; background:#0056a9; border-color:#0056a9;}

.Floor002566 .box{ display:none;}
/*swiper*/
.Floor002566 .js-img  .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.Floor002566 .js-img  .swiper-container-android .swiper-slide, 
.Floor002566 .js-img  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.Floor002566 .js-img .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;  transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.Floor002566 .js-img .swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%;
position: relative; -webkit-transition-property: -webkit-transform;transition-property: -webkit-transform; -o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
.Floor002566 .js-img .swiper-slide { opacity:0 !important;}
.Floor002566 .js-img .swiper-slide-active { opacity:1 !important;}
.Floor002566 .js-img .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
/*swiper end*/
@media(min-width:769px){
.Floor002566 .main{ position:relative; z-index:1;}
.Floor002566 .box{ position:relative; z-index:1;}
.Floor002566 .box  .js-img,
.Floor002566 .box dl{ width:49.1666666%;}
.Floor002566 .box  .js-img{ float:left;}
.Floor002566 .box dl{ float:right;}
.Floor002566 .js-img li .txt{ width:100%;}
}
.Floor002566 .js-img li .Ispic{display:block;padding-bottom: 44%;}
.Floor002566 .js-img li .txt{background:#0056a9;color:#fff; padding:30px 0; position:relative;}
.Floor002566 .js-img li .txt::before{ position:absolute; content:''; border:13px solid transparent; border-bottom-color:#0056a9; left:17px; top:-26px;}
.Floor002566 .js-img li .txt h3{ font-size:18px; margin:0 0 10px 0;}
.Floor002566 .js-img li .txt h3 a{ color:#fff;}
.Floor002566 .js-img li .txt p{ line-height:24px; height:48px; overflow:hidden; margin:0;}
.Floor002566 .js-img li .txt time{ font-family:Arial, Helvetica, sans-serif; text-align:center; border-right:1px dashed rgba(255,255,255,0.3); padding-right:28px; width:90px;padding-left: 3%;}
.Floor002566 .js-img li .txt time span{ line-height:48px; display:block; border-bottom:2px solid #fff; font-size:53px; margin-bottom:2px;}
.Floor002566 .js-img li .txt figure{ margin:0 0 0 5%; max-width:80%;}

.Floor002566 .pager{ position:absolute; right:2%; bottom:142px; margin-bottom:2%; z-index:10;}
.Floor002566 .pager *{ float:left; width:12px; height:12px; margin:0 3px; border:2px solid #fff; border-radius:50%; opacity:0.3; cursor:pointer;}
.Floor002566 .pager .swiper-pagination-bullet-active{ opacity:1;}
.Floor002566 .box dd{ margin-bottom:2.3%;}
.Floor002566 .box dd:last-child{ margin-bottom:0;}
.Floor002566 .box dd a{ transition:0.3s; padding:4.9% 0;border:1px solid #eee; background:#fafafa;}
.Floor002566 .box dd a:hover{color:#0056a9; border-color:#0056a9;background:#fff; box-shadow:1px 0 7px rgba(200,160,99,0.22);}
.Floor002566 .box dd time{ width:23%; text-align:center; color:#d6d6d6; font-family:Arial, Helvetica, sans-serif;}
.Floor002566 .box dd a:hover time{color:#0056a9;}
.Floor002566 .box dd time span{ display:block; font-size:53px; line-height:46px;}
.Floor002566 .box dd time span::after{ display:block; margin:5px auto; content:''; width:54px; height:2px; background:#d6d6d6;}
.Floor002566 .box dd a:hover time span::after{background:#0056a9;}
.Floor002566 .box dd figure{ max-width:72%;}
.Floor002566 .box dd h2{ font-size:18px; margin:0; font-weight:normal;}
.Floor002566 .box dd p{ margin-bottom:0; line-height:24px; height:48px; overflow:hidden; color:#999;}
.Floor002566 .box dd a:hover p{color:#0056a9;}

@media(max-width:1366px){
    .Floor002566 .js-img li .Ispic{padding-bottom:50%;}
}

@media(max-width:768px){
.Floor002566 .main .auto{ padding:0;}
.Floor002566 .js-img li .txt{ padding:3% 5%;}
}
@media(max-width:480px){
.Floor002566 .js-img li .txt time{ padding-right:16px; width:72px;}
.Floor002566 .js-img li .txt figure{ max-width:75%;}
.Floor002566 .js-img li .txt time span{ font-size:38px; line-height:40px;}
.Floor002566 .box dd{ margin:3% 0 0 0;}
.Floor002566 .box dd time span{ font-size:38px;line-height:40px;}
.Floor002566 .pager{ bottom:110px;}
}

/*Bottom002726 */
.Bottom002726{ padding:2% 0; background:url(../images/Bottom002726_bg.png) no-repeat left top #222; background-size:cover; color:#fff;}
.Bottom002726 a{ color:#fff;}
.Bottom002726 a:hover{ color:#eee;}
.Bottom002726 nav a:not(:last-child):after{ display:inline-block; content:''; width:1px; height:10px; background:#fff; margin:0 10px;}
.Bottom002726 dt p{ margin-bottom:0;}
.Bottom002726 dd{max-width:127px; }
.Bottom002726 dd ul{position:relative;}
.Bottom002726 dd ol img{ display:block; width:100%;}
.Bottom002726 dd li{ position:absolute; right:100%; margin-right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.Bottom002726 dd .bshare-custom a{ display:block; width:34px; height:34px; border-radius:50%; background:url(../images/Bottom002726_share.png) no-repeat center top #292e35; padding:0 !important; margin:5px 0;}
.Bottom002726 dd .bshare-custom a.bshare-weixin{ background-position:center -45px;}
.Bottom002726 dd .bshare-custom a.bshare-more{ background:url(../images/Bottom002726_share.png) no-repeat center -90px #292e35;}
@media(min-width:769px){
.Bottom002726 dt{ float:left;}
.Bottom002726 dd{ float:right; width:40%;}
.Bottom002726 .logo{ padding-bottom:6%;}
}
@media(max-width:768px){
.Bottom002726 dd{ margin:0 auto; padding-left:75px; max-width:202px;}
.Bottom002726 dt{ text-align:center;}
.Bottom002726 .logo{ padding:7% 0 4% 0;}
}


/*Title002758 */

  .Title002758{font-size: 100px;padding-left: 40%;}
  .Title002758 .inner{/*padding-left: 0.36em;*/position: relative;padding-top: 0.48em; padding-bottom: 0.58em;}
  .Title002758 .inner:before,
  .Title002758 .inner:after{position: absolute; content: ''; border-radius: 50%;}
  .Title002758 .inner:before{width: 1.66em; height: 1.66em; left: 0; top: 0;
  background: rgb(234,248,250); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(234,248,250,1) 0%, rgba(253,254,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(234,248,250,1) 0%,rgba(253,254,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(234,248,250,1) 0%,rgba(253,254,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf8fa', endColorstr='#fdfeff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  .Title002758 .inner:after{width: 0.32em; height: 0.32em;left: 1.48em; top: 1em;
  background: rgb(253,254,255); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(253,254,255,1) 0%, rgba(234,248,250,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(253,254,255,1) 0%,rgba(234,248,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(253,254,255,1) 0%,rgba(234,248,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#eaf8fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  .Title002758 .inner > *{position: relative; z-index: 3;}
  .Title002758 .en{font-family: "Arial";font-size: 0.4em;font-weight: bold; text-transform: uppercase;color: #0056a9;background-image:-webkit-linear-gradient(left,#0056a9,#5ab4c5); -webkit-background-clip:text; display: table;}
  .Title002758 .cn{font-size: 0.2em;font-weight: bold;}
  @media(max-width:640px){
  .Title002758{font-size: 80px;}
  }
  


/*栏目页*/
.SubBan,.SubBan img{width:100%;}
/* .SubBan{height: 300px;overflow: hidden;} */
/*关于海奥*/
.menu{width:100%;height:60px;background:#f5f5f5;}
.mleft{float:left;font-family:myfont;}
.mleft .mtop{float:left;width:150px;height:100px;text-align:center;background:#0056a9;margin-top:-40px;position:relative;z-index:1;}
.mleft .mtop .mcon{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;}
.mleft .mtop .p1{font-size:18px;color:#fff;margin-top:3px;}
.mleft .mtop .p2{font-size:22px;color:#fff;font-weight:bold;}
.menuul{float:left;}
.menuul li{line-height:59px;float:left;}
.menuul li a{font-size:18px;color:#808080;padding:0 20px;border-right:1px solid #d9d9d9;line-height:18px; font-weight: bold;}
.menuul li:last-child a{border-right:0px;}
.menuul li:hover,.menuul li.on{border-bottom:1px solid #0056a9;}
.menuul li:hover a,.menuul li.on a{color:#0056a9;font-weight: bold;}
.MeauLx .menuul li:last-child{display:none;}



.posi{font-family:myfont;line-height:60px;color:#b2b2b2;font-size:14px;float:right;}
.posi a{color:#b2b2b2;font-size:14px;padding:0 5px;}
.posi span{color:#0056a9;padding:0 5px;}
.posi a:hover{color:#0056a9}
@media(max-width:997px){
    .menuul li a{padding:0 10px;font-size:15px;}
}

@media(max-width:640px){
    .menu{height:auto;padding-bottom:5px;}
    .mleft,.posi{width:100%;float:none;}
    .posi{line-height:30px;}
    .mleft .mtop{display:inline-block;width:100%;height:auto;padding:5px 0;float:none;}
    .menuul{width:100%;float:none;margin:10px 0;}
    .menuul li{line-height:30px;}
    .mleft .mtop .mcon{height:auto;line-height:23px;}
    .mleft .mtop .p1{font-size:18px;}
    .mleft .mtop .p2{font-size:14px;}
}


.ComBox{padding:80px 0;}
.Title01{text-align: center;}
.Title01 span{display: none; font-size: 72px; line-height: 45px; color: #e5e5e5; text-transform: uppercase; font-family: Arial;}
.Title01 h3{font-size: 30px; line-height: 38px; font-weight: bold; color: #262626; margin-top: -22px;letter-spacing: 8.5px;    margin-left: 7px; text-align: center;}
.Title01 p{font-size: 15px; line-height: 20px ;text-transform: uppercase; color: #999;text-align: center;padding-top: 5px;}

.jscon{margin-top:40px;}
.jscon p{font-size:16px;color:#666;line-height:28px;text-indent:2em;margin-top:15px;}
.jscon dl{margin:50px 0;}
.jscon dl dd p{text-indent:0em;}
.jscon dl dd{width:33.333%;float:left;text-align:center;}
.jscon dl dd .p1{font-size:45px;color:#0056a9;font-weight:bold;margin-top:0px;}
.jscon dl dd .p2{font-size:16px;color:#666;margin-top:15px;}


@media ( max-width:1024px){
    .Title01 span{font-size: 50px;}
    .Title01 h3{font-size: 25px;}
    .ComBox{padding:35px 0;}
}

@media ( max-width:768px){
    .Title01 span{font-size: 30px; line-height: 35px;}
    .Title01 h3{font-size: 20px; line-height: 30px;}
    .Title01 p{font-size: 14px;}
}

@media ( max-width:560px){
    .jscon p{margin-top:10px;font-size:14px;line-height:22px;}
    .jscon dl{margin-bottom:20px;}
    .jscon dl dd .p1{font-size:20px;}
    .jscon dl{margin-top:15px;}
    .jscon dl dd .p2{margin-top:3px;}
    .jscon dl dd{width:50%;margin-top:10px;}
    .jscon{margin-top:25px;}
}


/*发展历程*/

.Timeline002853 .inner{max-width: 970px;margin:0 auto;}

/*slick Basic*/
.Timeline002853 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Timeline002853 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Timeline002853 .slick-list:focus {outline: none}
.Timeline002853 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Timeline002853 .slick-slider .slick-track, 
.Timeline002853 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Timeline002853 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Timeline002853 .slick-track:before, 
.Timeline002853 .slick-track:after{display: table; content: '';}
.Timeline002853 .slick-track:after{ clear: both;}
.Timeline002853 .slick-loading .slick-track { visibility: hidden;}
.Timeline002853 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Timeline002853 .slick-slide .slick-loading img { display: none;}
.Timeline002853 .slick-slide .dragging img { pointer-events: none;}
.Timeline002853 .slick-initialized .slick-slide { display: block;}
.Timeline002853 .slick-loading .slick-slide { visibility: hidden;}
.Timeline002853 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Timeline002853 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

@media(min-width:1025px){
.Timeline002853 .slider-nav{float: left;width: 40.516%;}
.Timeline002853 .slider-for{float: right;width: 51.134%;}
.Timeline002853 .slider-nav .slick-arrow{width: 197.246%;right:0; top: 50%;}
.Timeline002853 .slider-nav .slick-prev{margin-top: -65px;}
.Timeline002853 .slider-nav .slick-next{margin-top: 65px;}
.Timeline002853 .slider-nav .slick-next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Timeline002853 .slider-nav li{padding-right: 3vw;text-align: right;}
}
.Timeline002853 .slider-nav{border-right: 1px solid #efefef;position: relative; padding: 3vw 0;}
.Timeline002853 .slider-nav  .slick-arrow{position: absolute; font-size: 0;border:0;border-bottom: 1px solid #efefef; cursor: pointer;font-size: 0;padding: 0; z-index: 10;}
.Timeline002853 .slider-nav .slick-arrow:before{position: absolute; content: ''; width: 25px; height: 25px; background: url(../images/Timeline002853_btn.png) no-repeat center center #fff; left: 50%; top: 50%; margin: -12px 0 0 -12px;}
.Timeline002853 .slider-nav li{line-height: 129px; font-size: 18px;color: #ccc;font-weight: 100;}
.Timeline002853 .slider-nav li span{/*font-family: "DINPro-Regular";*/ font-size: 34px; margin-right: 10px;}
.Timeline002853 .slider-nav li.slick-center{color: #666;}
.Timeline002853 .slider-for .box{padding-top: 6.2vw;line-height: 28px;}
.Timeline002853 .slider-for .year{/* font-family: "DINBold";*/color: #0056a9;font-size: 44px;font-weight:bold;line-height: normal;}
.Timeline002853 .slider-for .desc{line-height: 28px;color: #333; margin: 1vw 0 2vw 0;font-size: 16px;line-height: 28px;}
@media(max-width:1024px){
.Timeline002853 .slider-nav li{line-height: 60px; text-align: center;}
.Timeline002853 .slider-nav{padding: 0 5vw;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.Timeline002853 .slider-nav .slick-arrow{width: 1px; height: 100%;background: #efefef; top: 0;}
.Timeline002853 .slider-nav .slick-prev{ left: 2.5vw;}
.Timeline002853 .slider-nav .slick-next{ right: 2.5vw;}
.Timeline002853 .slider-nav .slick-prev:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.Timeline002853 .slider-nav .slick-next:before{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}
}
@media(max-width:640px){
.Timeline002853 .slider-nav li{font-size: 16px;}
.Timeline002853 .slider-nav li span{font-size: 24px;}
}



/*RighInfo002811 */
.RighInfo002811{padding-top:5%;}

.RighInfo002811 .box:nth-child(2n) .txt .inner,
.RighInfo002811 .box:nth-child(2n-1) .txt{background: #f9f9f9;}
.RighInfo002811 .pic img{display: block; width: 100%;}
.RighInfo002811 .txt{position: relative; z-index: 10;}
.RighInfo002811 .txt .inner{padding: 5% 10%;}
.RighInfo002811 .box:nth-child(2n) .txt{vertical-align: top;}
.RighInfo002811 .txt .tit{padding-left: 30px; font-size:36px;color: #333;background: url(../images/RighInfo002811-icon.png) no-repeat left center;text-transform:uppercase;}
.RighInfo002811 .txt .p{line-height: 50px; font-size: 30px;color: #888;text-align: justify;margin-top:15px;}
@media(min-width:1025px){
.RighInfo002811 .box:nth-child(2n){margin-bottom:13%;}
.RighInfo002811 .box .pic{width: 48.612%;}
.RighInfo002811 .box .pic .inner{ width: 105.715%;}
.RighInfo002811 .box:nth-child(2n-1) .pic .inner{margin-top: -8%; padding-bottom: 6%;}
.RighInfo002811 .box:nth-child(2n) .pic .inner{float: right; margin-top: 6%;}
}
@media(max-width:1024px){
.RighInfo002811{padding-top:0px;}
.RighInfo002811 .ytable,
.RighInfo002811 .ytable-cell{display: block;}
.RighInfo002811 .txt .inner{padding: 5% 10%!important;}
.RighInfo002811 .txt .tit{font-size:22px;}
.RighInfo002811 .txt .p{font-size:18px;line-height:26px;margin-top:10px;}
}


/*荣誉资质*/
.Honul{margin:0px 0 5%;}
.Honul li{width:24%;float:left;margin-right:1.33%;margin-bottom:1.33%;}
.Honul li:nth-child(4n){margin-right:0px;}
.Honul li .box{padding:15px 15px 20px;box-sizing:border-box;border:1px solid #999;}
.Honul li .box .honimg{width:100%;height:auto;overflow:hidden;position:relative;padding-bottom:140%;}
.Honul li .box .honimg span{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all .3s linear;}

.Honul li .box .honimg img{width:100%;height:auto;transition:all .3s linear;}
.Honul li .box .HonTit{font-size:15px;color:#666;margin-top:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Honul li:hover .box .honimg span{transform:scale(1.1);}

@media (max-width:997px ) {
  .Honul li .box{padding:10px 10px 20px 10px;}
  .Honul li .box .HonTit{font-size:14px;margin-top:10px;}
  .Honul{margin-bottom:30px;}
}

@media (max-width:560px ) {
  	.Honul li{width:48%;float:left;margin-right:0%;margin-bottom:20px;}
	.Honul li:nth-child(2n){float:right;}
}

.Page002046 .Pages{ text-align:center;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#0056a9; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);}
@media(max-width:640px){
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
.Page002046 .Pages a{padding:0 5px; }
}


/*产品中心*/
.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%;padding-bottom:0px;}
.w75{ width:75%;padding-bottom:0px;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:100%;}
}

.cplb-3n{height: 50px;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;color:#333；}
/*
 .Menu000654
 */
.Menu000654{ background:#f1f1f1; }
.Menu000654 header{ border:1px #d8d8d8 solid; background-color:#0056a9; color:#fff; font-size:26px; padding:20px 0 20px 0; text-align:center;  position:relative; z-index:5;}
.Menu000654 header span{ font-size:14px; display:block;}
.Menu000654 li a{ display:block; padding-left:35px;font-size:16px;padding-top:10px; padding-bottom:10px; line-height:20px;border-bottom:1px solid #d8d8d8;}
.Menu000654s li a{padding-left:15px;}
.Menu000654 li a:hover,
.Menu000654 li a.aon{ background-color:#01a62b; color:#fff;}
.Menu000654 li dl{ background-color:#fff; font-size:12px; display:none;}
.Menu000654 li a.click{ position:relative;} 
.Menu000654 li a.click::after,
.Menu000654 li a.click::before{ position:absolute; content:'';  background-color:#0056a9; top:50%;}
.Menu000654 li a.click::after{width:15px; height:2px; left:10px; margin-top:-2px;}
.Menu000654 li a.click::before{width:2px; height:15px; left:16px; margin-top:-8px;}
.Menu000654 li dl dd a{ color:#999;font-size:14px;padding:10px 20px 10px 45px;box-sizing:border-box;}
.Menu000654 li dl dd a.aon,
.Menu000654 li dl dd a:hover{ color:#0056a9; background: #c7eaff;}
.Menu000654 li a.aon::before{ display:none;}
.Menu000654 li a.aon::after{ background-color:#fff;}
@media(max-width:950px){
.Menu000654 header{ margin-top:0;font-size:20px; padding:15px 0; }
.Menu000654{width: 100%}
}


.Floor000556 .pro_list{ position:relative; padding:0;}
.Floor000556 .pro_list ul{ margin-left: -1%;}
.Floor000556 .pro_list li{ width: 25%; float:left; padding-left: 1%;margin-bottom:1%;}
.Floor000556 .pro_list li .item{border:1px solid #ddd;background:#f5f5f5;padding:15px 15px 0;}
.Floor000556 .pro_lists{margin-bottom:4%;}
.Floor000556 .pro_lists li{ width: 31.333%;margin-bottom:25px;}
.Floor000556 .item a{ display:block; /*border-bottom:5px solid #ddd;*/transition:0.3s;}
.Floor000556 .item a:hover{ border-bottom-color:#0056a9; color: #0056a9;}
.Floor000556 .item .pic{ text-align:center; overflow:hidden;position: relative;width:100%;background: #fff;}
.Floor000556 .item .pic img.pic{display:block; margin:0 auto;transition:0.3s;}
.Floor000556 .item:hover  .pic img.pic{ transform:scale(1,1);}
.Floor000556 .item p{ margin:0; text-align:center; padding:3% 0 8% 0;font-size: 16px;}

.Floor000556 .item .info1 {position: absolute;    display: flex;    align-items: center;    flex-direction: column;    justify-content: center;    width: 100%;    height: 100%;    left: 0;    bottom: -50px;    background: rgba(0,86,169,0.9);    z-index: 2;    opacity: 0;    transition: all ease 0.3s;}
.Floor000556 .item .info1 img{    width: 61px;
    height: 61px; transition: all ease 0.3s; -webkit-transform:rotate(360deg) scale(0.5); 
    -moz-transform:rotate(360deg) scale(0.5);
    -ms-transform:rotate(360deg) scale(0.5);
    -o-transform:rotate(360deg) scale(0.5);}
.Floor000556 .item .info1 .more{ width:118px; line-height:38px; border:1px solid rgba(255,255,255,0.4); border-radius:20px; display:block; margin:29px auto 0; color:#fff; font-size: 12px;}
.Floor000556 .item:hover .info1{ bottom:0; opacity:1;}
.Floor000556 .item:hover .info1 img{
    -webkit-transform:rotate(0deg) scale(1); 
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
}

.Floor000556 .item .info1 img{width:auto!important;max-width:auto!important;}
@media(max-width:768px){
    .Floor000556 .pro_list li{width: 50%;}
}

@media(max-width:560px){
	.Floor000556 .pro_lists li{width:48%;}
}


/*产品详情*/
.RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;}
.RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.RighInfo002254 .big_img li,
.RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;}
.RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;}
.RighInfo002254 .list{ padding:42px 0 42px 82.9%;}
.RighInfo002254 .list .bd{ position:relative;}
.RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.RighInfo002254 .list a.prev{ top:0;}
.RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);}
.RighInfo002254 .list a.prevStop,
.RighInfo002254 .list a.nextStop{ cursor:default;}
.RighInfo002254 .list li{ height:130px;  position:relative;}
.RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;}
.RighInfo002254 .list li.on figure{ border:2px solid #0056a9;}
.RighInfo002254 .right_info{ float:right; width:39.2%;}
.RighInfo002254 .right_info h1,
.RighInfo002254 .right_info h3,
.RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;}
.RighInfo002254 .right_info h1{ padding:7% 0; color:#0056a9; font-size:26px; }
.RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;}
.RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;}
.RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#0056a9; transition:0.4s;}
.RighInfo002254 .right_info a:hover{ background-color:#0056a9; color:#fff;}

.RighInfo002254 .tab{ padding:3% 0;}
.RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;}
.RighInfo002254 .tab .h1_tab span.on{ background-color:#0056a9; color:#fff;}
.RighInfo002254 .tab .info{ padding-top:3%;font-size:15px;color:#666;line-height:28px;}
.RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;}
.RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;}
@media(max-width:768px){
.RighInfo002254 .list_img,
.RighInfo002254 .right_info{ float:none; width:auto;}
}
@media(max-width:640px){
.RighInfo002254 .list li{ height:100px;}
.RighInfo002254 .right_info h1{font-size:20px; }
.RighInfo002254 .right_info h3{ font-size:16px;}
 }	
@media(max-width:480px){
.RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;}
.RighInfo002254 .list a{ height:28px;}
.RighInfo002254 .list li{ height:80px;}
.RighInfo002254 .tab .h1_tab{ font-size:14px;}
.RighInfo002254 .tab .h1_tab span{ padding:0 3%;}
 }	


 /*解决方案*/
.p14-prodcontent-1{padding: 0px 0 42px;margin-bottom: 22px;}
.p14-prodcontent-1-tit{height: 40px;font-size: 24px;line-height: 40px;border-bottom: 2px solid #d4d4d4;margin-bottom: 20px;}
.p14-prodcontent-1-tit span{display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #333333; padding-left: 34px; background: url(../images/p14-icon11.png) no-repeat 2px center;} 
.p14-prodcontent-1-tit em{font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1;}


.endit-content .tex{text-align: center;font-size: 20px;margin-top: 40px;color: #333;font-weight: normal;background: url(../images/tit.png) no-repeat center bottom;padding-bottom: 25px;margin-bottom: 30px;}

.endit-content{ line-height:28px;}
.endit-content p{margin:15px 0;}
.endit-content img{max-width:100%;}
.endit-content #map img,.endit-content #dituContent img,.endit-content #platform img{max-width: inherit;}
.endit-content em,.endit-content i{font-style: italic;}
.img-p{text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center;}
.img-container{}
.img-block {text-indent: 0px;padding-top: 14px;margin: 0px;text-align: center;}
.img-block p{font-size:16px;line-height:30px;text-align:left;}
.endit-content a{color:#f00; font-weight: bold;}
@media(max-width:768px){
    .p14-prodcontent-1-tit span{font-size: 20px;}
}


/*新闻资讯*/
.NewSlider{position:relative;}
.NewBox{width:100%;background:#f5f5f5;display:table;}
.NewBox .NewImg{width:50%;overflow:hidden;display:table-cell;vertical-align:middle;line-height:0px;}
.NewBox .NewImg img{width:100%;transition:all .3s linear;}
.NewBox .NewTxt{width:50%;padding:0 5%;box-sizing:border-box;display:table-cell;vertical-align:middle;}
.NewBox .NewTxt .ntime{position:relative;padding-left:100px;box-sizing:border-box;}
.NewBox .NewTxt .ntime .ntcon{font-size:20px;color:#333;font-weight:bold;line-height:35px;height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.NewBox .NewTxt .ntime .Ndate{position:absolute;top:0px;left:0px;text-align:center;}
.NewBox .NewTxt .ntime .Ndate .p1{font-size:40px;color:#0056a9;font-weight:bold;border-bottom:1px solid #d9d9d9;line-height:45px;}
.NewBox .NewTxt .ntime .Ndate .p2{font-size:14px;color:#0056a9;font-weight:bold;}
.NewBox .NewTxt .ntcon2{margin:10px 0;font-size:14px;color:#808080;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.NewBox .NewTxt .nmore{transition:all .3s linear;display:none;}


.NewSlider .slick-dots{position:absolute;top:50%;right:-40px;transform:translate(0,-50%);}
.NewSlider .slick-dots li{display:block;width:16px;height:16px;margin:8px 0;overflow:hidden;text-indent:9999px;background:url(../images/ico/gdot.png) center center no-repeat;}
.NewSlider .slick-dots li button{display:none;}
.NewSlider .slick-dots li.slick-active{display:block;width:16px;height:16px;overflow:hidden;text-indent:9999px;background:url(../images/ico/bdot.png) center center no-repeat;}
.NewBox:hover .NewImg img{transform:scale(1.1);}
.NewBox:hover .NewTxt .nmore{margin-left:15px;}


.Newul{margin:1% 0 5%;}
.Newul li{padding:15px 0;border-bottom:1px solid #e6e6e6;}

.Newul li .Nbox{width:100%;/*display:table;*/}
.Newul li .Nbox .nimg{/*display:table-cell;vertical-align:middle;width:28.572%;*/line-height:0px;overflow:hidden;display:none;}
.Newul li .Nbox .nimg img{width:100%;transition: all .3s linear;}
.Newul li:hover .Nbox .nimg img,.NewBox:hover .NewImg img{transform:scale(1.1);}
.Newul li:hover{background:#f5f5f5;}

.Newul li .Nbox .ntit{width:100%;overflow:hidden;box-sizing:border-box;}
.Newul li .Nbox .ntit .nt1{font-size:20px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Newul li .Nbox .ntit .ndate{font-size:14px;color:#0056a9;font-family:got;margin:5px 0 5px 0;}
.Newul li .Nbox .ntit .ncon{font-size:14px;color:#808080;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.Newul li .Nbox .ntit .more{margin-top:5px;transition:all .3s linear;display:none;}
.Newul li:hover .Nbox .ntit .more{margin-left:15px;}

@media ( max-width:1199px){
    .NewTop{padding:80px 0;}
    .NewSlider .slick-dots{right:0px;}
    .NewBox .NewTxt .ntcon2{margin:20px 0;}
    .Newul li .Nbox .ntit .ndate{margin:10px 0;}
    .Newul li .Nbox .ntit .more{margin-top:10px;}
    .NewArea{padding-bottom:80px;}
}


@media ( max-width:997px){
    .NewTop{padding:40px 0;}
    .NewBox,.NewBox .NewImg,.NewBox .NewTxt,.Newul li .Nbox,.Newul li .Nbox .nimg,.Newul li .Nbox .ntit{display:block;width:100%;}
    .NewBox .NewTxt{padding:20px 10px;}
    .NewBox .NewTxt .ntime .Ndate .p1{font-size:20px;line-height:30px;}
    .NewBox .NewTxt .ntime .Ndate .p2{font-size:13px;}
    .NewBox .NewTxt .ntime .ntcon{font-size:15px;line-height:24px;height:48px;}
    .NewBox .NewTxt .ntime{padding-left:65px;}
    .NewBox .NewTxt .ntcon2{line-height:24px;height:72px;}
    .NewBox .NewTxt .nmore{width:40px;}
    .Newul li{padding:20px 0;}
    .NewArea{padding-bottom:40px;}
    .Newul{margin-bottom:40px;}
    .Newul li .Nbox .ntit{padding:20px 10px 0;}
    .Newul li .Nbox .ntit .nt1{font-size:16px;}
    .Newul li .Nbox .ntit .ndate{line-height:18px;margin:10px 0;}
    .Newul li .Nbox .ntit .ncon{line-height:24px;height:48px;}
    .Newul li .Nbox .ntit .more img{width:40px;}
}


/*新闻详情*/
.SubPage{width:100%;margin:0 auto;}
.Titleinfo{color:#666; padding:0px 0px 24px 0px; line-height:20px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #e6e6e6;}
.Titleinfo .tit{ font-size:28px; color:#000000; padding-bottom:18px;font-weight:bold;line-height:35px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;color:#999;font-size:14px;}
.Shares1,.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:top;}
.SinglePage .img{text-align:center;margin-bottom:30px;}
.SinglePage{word-wrap:break-word;font-size:16px;line-height:28px;color:#666666;}
.SinglePage .img img{display:inline-block;vertical-align:middle;margin:0 10px;}
.SinglePage p{text-indent:2em;margin-bottom:30px;}
.SinglePage .i1{float:left;margin-bottom:30px;}
.SinglePage .i2{float:right;margin-bottom:30px;}
.PrevNextBox {margin:30px 0 0 0;position:relative; color:#656565;padding-top:20px;}
.PrevNextBox dl{float:left;width:49%; line-height:60px;background:#f5f5f5;text-align:center; font-size:16px;color:#666666;overflow:hidden; }
.PrevNextBox dl span{color:#000;font-size:16px;}
.PrevNextBox dl:nth-child(2n){float:right;}
.PrevNextBox dl:hover{background:#046fb7;}
.PrevNextBox dl:hover a{color:#fff;}
.PrevNextBox dl:hover span{color:#fff;}
.PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;padding:0 10px;box-sizing:border-box;}

@media (max-width: 998px){
    .SinglePage{font-size:14px;line-height:26px;}
    .videoinfo{width:100%;}
}

@media ( max-width:640px){
    .Titleinfo{ padding-bottom:15px; margin-bottom:15px;}
    .Titleinfo .tit{ font-size:17px; padding-bottom:10px;line-height:26px;}
    .PrevNextBox dl{ width:auto; line-height:35px; height:35px;font-size:14px; text-align:left;margin-top:10px;}
    .PrevNextBox dl div{max-width:100%; margin:0px auto;}
    .PrevNextBox dl.fl{ float:none;}
    .PrevNextBox dl.fr{ float:none;}
    .PrevNextBox{margin-top:20px;padding-top:0px;}
    .SinglePage p{margin-bottom:15px;}   
    .SinglePage .i1,.SinglePage .i2{float:none;width:100%;margin-bottom:15px;}
    .SinglePage .img{margin-bottom:15px;}
    .SinglePage .img img{margin:10px 0;}
}


/*联系我们*/
.LxBox{background:#fcfcfc;}
.Lxfl{width:55%;height:440px;float:left;}
#MapBox{width:100%;height:100%;}
.BMap_shadow img{display:none!important;}
.BMap_pop img{max-width:initial;}
.Lxrh{width:41%;float:right;}
.Lxrh dl dt{font-size:28px;color:#0056a9;font-weight:bold;margin:40px 0 30px 0;}
.Lxrh dl dd{font-size:16px;color:#666;line-height:34px;}

@media (max-width:997px){
    .Lxfl,.Lxrh{width:100%;float:none;}
    .Lxfl{height:300px;}
    .Lxrh dl dt{font-size:20px;margin:30px 0 15px;}
    .Lxrh dl dd{font-size:15px;line-height:28px;}
}



/*招贤纳士*/
/*TextList002514 */
.TextList002514{padding-bottom:5%;}
.TextList002514 .list{ border:1px solid #e8e8e8; padding:0 3%; margin-bottom:15px;}
.TextList002514 .job-title{ line-height:30px; padding:15px 0; font-size:18px; font-weight:bold;cursor:pointer; position:relative;}
.TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#0056a9; border-radius:50%; right:0; top:50%; margin-top:-11px;}
.TextList002514 .job-title i::before,
.TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;}
.TextList002514 .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.TextList002514 .job-title.select i::after{ display:none;}
.TextList002514 .job-title.select{ color:#0056a9;}
.TextList002514 .job-main{ display:none; padding:22px 0; border-top:1px dotted #e5e5e5;}
.TextList002514 .job-email{ color:#0056a9; padding:30px 0;font-size:16px;}
.TextList002514 .job-info strong{padding-bottom:10px;display:block;}



.pic-item-list{margin-bottom:3%;}
.piList ul{ margin-bottom:2%}
.piList .pic-item-list {  }
.piList .pic-item {width: 32%;margin-right: 2%;float: left;margin-bottom:30px;}
.piList .pic-item:nth-child(3n){margin-right: 0}
.piList .list-pic { width: 100%;overflow:hidden;}
.piList .list-pic video{width: 100%}
/*.list-pic video{display:none;}*/
.piList .list-pic img {width: 100%;transition:all .3s ease-out;}
.piList dl {text-align: center;padding: 1% 0}
.piList dl dt {font-size: 18px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.piList .pic-item:hover .list-pic img{transform:scale(1.1);}

@media (max-width:750px ){
	.piList .pic-item{width: 49%;margin-bottom:10px;}
	.piList dl dt{margin-top:10px;}
	.piList .pic-item:nth-child(3n){margin-right: 2%}
	.piList .pic-item:nth-child(2n){margin-right: 0}
	.piList dl dt{font-size:14px;}
}


.whfl{width:48%;background:#f5f5f5; float:left;position:relative;}
.whrh{width:48%;background:#f5f5f5; float:right;position:relative;}
.arrow{width:50px;height:50px;position:absolute;z-index:99;}
.lt{background:url(../images/ltop.png);left: 0px;top:}
.rt{background:url(../images/lbot.png);right:0px;bottom:0px;}

.whcon{padding:60px 5%;}
.whcon .wtit{font-size:32px;color:#000;font-family:myfont;border-bottom:1px solid #0056a9;padding-bottom:30px;}
.whcon p{font-size:16px;color:#808080;line-height:30px;margin-top:45px;}
.whul{padding:80px 0;}

.wlist{height:600px;margin-top:5%;}
.whul .wlist li{width:25%;height:100%;position:relative;float:left;}
.whul .wlist li .imgboxs{height:300px;position:relative;overflow:hidden;}
.imgboxs span{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;transition:all 500ms ease;}
.whul .wlist li:nth-of-type(even) .imgboxs{position:absolute;width:100%;bottom:0px;left:0px;}
.whul .wlist li .info{padding:0% 5% 0;height:300px;background:#fff;text-align:center;border-bottom:0px;display:flex;flex-direction:column;justify-content:center;position:relative;}  
.whul .wlist li .info .wtitle{font-size:24px;color:#000;font-family:myfont;margin:35px 0 20px 0;}
.whul .wlist li .p{font-size:14px;color:#808080;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}   
.whul .wlist li:hover .imgboxs span{transform:scale(1.2);}

.whul .wlist li .info:before{content:"";display:block;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #fff;position:absolute;top:-15px;left:50%;margin-left:-15px;}
.whul .wlist li:nth-of-type(even) .info:before{border-bottom:0px;border-top:15px solid #fff;top:initial;border-top:15px solid #fff;position:absolute;bottom:-15px;left:50%;z-index:9;margin-left:-15px;}

@media(max-width:1280px){
    .artlbox{padding-top:80px;}
    .wlist{height:500px;}
    .whul .wlist li .imgboxs,.whul .wlist li .info{height:250px;}
}

@media(max-width:1028px){
    .wlist{height:400px;}
    .whul .wlist li .imgboxs,.whul .wlist li .info{height:200px;}
    .whul .wlist li .info .wtitle{font-size:20px;margin:10px 0 10px 0;}
    .whul .wlist li .info .wimg img{width:40px;height:40px;}
    .whul{padding:50px 0;}
    .whcon .wtit{font-size:26px;padding-bottom:20px;}
    .whcon p{margin-top:20px;line-height:24px;}
    .whcon{padding:40px 5%;}
}

@media(max-width:998px){
    .artlbox{padding-top:50px;}
}

@media(max-width:767px){
    .whfl,.whrh{float:none;width:100%;}
    .whrh{margin-top:30px;}
    .whcon .wtit{font-size:18px;padding-bottom:15px;}
    .whul .wlist li .info .wtitle{font-size:16px;margin:5px 0 5px 0;}
    .wlist{height:auto;}
    .whul .wlist li{width:50%;height:400px;}
}

@media(max-width:480px){
    .whul .wlist li .info .wimg img{width:35px;height:35px;}
    .whul .wlist li{width:50%;height:300px;}
    .whul .wlist li .imgboxs,.whul .wlist li .info{height:150px;}
    .whul .wlist li .p{line-height:20px;height:40px;}
    .whul .wlist li:nth-of-type(even) .info:before{border-top: 10px solid #fff; bottom:-10px;margin-left:-10px;}
    .whul .wlist li .info:before{border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;top:-10px;margin-left:-10px;}
}


.LmTit{font-size:24px;color:#0056a9;text-align:center;}
.LmTit::after{content:"";display:block;width:30px;height:2px;background:#0056a9;margin:15px auto 0;}
.ShBox{display:table;background:#efefef;width:100%;margin-top:50px;}
.ShBox .ShFl{width:50%;display:table-cell;vertical-align:middle;line-height:0px;}
.ShBox .ShFl img{width:100%;}

.ShBox .ShRh{width:50%;display:table-cell;vertical-align:middle;padding:0 30px 0 50px;box-sizing:border-box;font-family:pf;}
.ShBox .ShRh .ShTit{font-size:22px;color:#0056a9;}
.ShBox .ShRh .ShCon{font-size:15px;color:#444;line-height:28px;margin-top:10px;margin-bottom:20px;}
.ShBox .ShRh .ShCon1{margin-bottom:0px;}
@media ( max-width:997px){
    .ShBox{display:block;}
    .ShBox .ShFl,.ShBox .ShRh{display:block;width:100%;}
    .ShBox .ShRh{padding:25px 10px 20px;}
    .LmTit{font-size:18px;}
    .LmTit::after{margin-top:5px;}
    .ShBox{margin-top:30px;}
    .ShBox .ShRh .ShTit{font-size:18px;}
    .ShBox .ShRh .ShCon{margin-top:10px;font-size:14px;line-height:26px;}
}


.ComBox1{background:#f6f6f6;}
.SubTit{ clear:both; text-align:center; padding:0px 0 40px;}
.SubTit .en{ text-transform:uppercase; font-size:30px; color:#cccccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:38px;margin-left: 10px;}
.SubTit h2{ font-size:24px; /*font-weight:normal;*/ color:#0056a9; line-height:31px;}
.SubTit h2 i{ height:1px; font-size:0; width:30px; margin:0 10px; display:inline-block; vertical-align:middle; background:#d3d3d3;}

.PerImg{display:table;width:100%;}
.PerImg .PerFl{width:50%;display:table-cell;vertical-align:middle;}
.PerImg .PerFl p{font-size:16px;color:#666;line-height:30px;margin-top:15px;}
.PerImg .PerRh{width:45%;display:table-cell;vertical-align:middle;padding-left:5%;text-align: center;}
.PerImg .PerRh img{width:92%}
.PerImg1 .PerRh{padding-left:0%;padding-right:5%;}

.YgBox{width:80%;margin:20px auto 50px;}
.YgBox img{width:100%;}


@media ( max-width:998px){
	.SubTit{ padding-top:25px;padding-bottom:20px;}
	.SubTit .en{ font-size:19px; line-height:24px;}
	.SubTit h2{ font-size:17px;line-height:24px;}
}

.Contain2{position:relative;clear:both;max-width:90%;margin:0px auto;}

@media (max-width:1199px){
	.Contain2{max-width:auto;max-width:95%;}
}

/*关于格瑞拓 s*/
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

.History{  background:url(../images/lsbg.jpg) center top no-repeat; background-size:cover;}
#historydate{ height:77px; background:url(../images/linebg.gif) 0px bottom repeat-x;}
#historydate .slides li{ text-align:center;height:77px; position:relative;}
#historydate .slides li span{ left:0; position:absolute; bottom:0px; width:100%; height:50px; line-height:39px; cursor:pointer; color:#b3b3b3; font-size:18px; font-family:Arial, Helvetica, sans-serif; background:url(../images/lsdot.png) center bottom no-repeat;}
#historydate .slides li.flex-active-slide span{ font-size:20px; color:#0056a9;background:url(../images/lsdot2.png) center bottom no-repeat;}
#historycon .box{ margin:0 30px; background:#fff;}
#historycon .info{ width:44.5%; float:right; padding-right:3.5%;}
#historycon .imgbox{ width:48%; height:350px; float:left;}
#historycon .year{ line-height:48px; padding-top:25px; color:#333333; font-size:20px;}
#historycon .txt{ line-height:30px; color:black; height:145px; border-bottom:1px solid #f0f0f0; overflow-y:auto; font-size:16px;padding-right:20px;}
#historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:21px; width: 40px; height: 40px; line-height:40px;background-color: #e2e2e2; color:#999999; font-size:16px;}
#historycon .flex-direction-nav .flex-prev { left:auto; right:120px;background:#e2e2e2; }
#historycon .flex-direction-nav .flex-next { right: 70px;}
#historycon .flex-direction-nav a:hover { background-color:#0056a9;color:#fff;}
#historycon .flex-direction-nav .flex-disabled { display:none;}

.Culture{ background:url(../uploadfiles/about_02.png) center top no-repeat; background-size:cover; padding:70px 0;}
.Culture .SubTit h2{ color:#fff;}
.Culture ul{ padding-top:3%; margin-left:-2%;}
.Culture li{ color:#fff; width:16.666%; float:left; font-size:16px; text-align:center; padding-left:2%;}
.Culture .ico{ position:relative;width:100px; height:100px; margin:0px auto;transition: all ease 0.3s;}
.Culture li .i1,.Culture li .i2{position: absolute; left:0px;top: 0px;}
.Culture li .i1{ transition: 400ms;}
.Culture li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Culture li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Culture li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.Culture h3 { line-height:42px; font-size:26px; padding-top:15px;}
.Culture .p { line-height:26px; opacity:0.7;}
.Culture li:nth-child(even) { padding-top:80px;}

.HornorBox{padding:70px 0 0; margin-top:4px; background:url(../images/rybg.jpg) center bottom no-repeat; background-size:cover;}
.Hornorscroll{ margin-top:2.5%; padding:0 83px 12%; background:url(../images/rybg.png) center bottom repeat-y; background-size:100% auto;}
.Hornorscroll .imgbox{background:url(../images/rybg2.png); background-size:contain; width:254px; height:173px; margin:0px auto;}
.Hornorscroll .imgbox span{ background-size:contain; border-radius:5px; left:1.5%; top:1.5%; width:92%; height:95%;}
.Hornorscroll .flex-direction-nav a{ color:#0056a9; font-size:46px; font-weight:bold; margin-top:20px; width:40px; height:40px; border-radius:0;}
.Hornorscroll .flex-direction-nav .flex-prev { opacity:1; left:-150px;}
.Hornorscroll .flex-direction-nav .flex-next { opacity:1; right:-150px;}
.Hornorscroll .flex-control-nav{ display:none;}

.Tzbox{padding:70px 0;}
.NewsFocus2{ overflow:hidden; position:relative; background:#fff; margin-bottom:20px;}
.NewsFocus2 .slides li{ position:relative; height:280px;}
.NewsFocus2 .imgbox{ overflow:hidden; width:37%; height:280px; float:left;}
.NewsFocus2 .info{ width:57%; padding:24px 2% 0 0%; float:right;}
.NewsFocus2 .date{ color:#999999; background:url(../images/ico/date.png) 0px center no-repeat; padding-left:34px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:49px;}
.NewsFocus2 .tit{ font-size:18px; line-height:49px; color:#222222;}
.NewsFocus2 .p{height:72px; overflow:hidden; color:#888888;-webkit-line-clamp: 3;}
.NewsFocus2 .slides li:hover .tit{ color:#007cc3;}
.NewsFocus2 .flex-direction-nav{ display:none;}
.NewsFocus2 .flex-control-nav{ left:41%; text-align:left;width:32%; bottom:30px;}
.NewsFocus2 .flex-control-paging li a {width: 12px; height: 12px; text-indent:999em; background:#b5b5b5; border-radius:50%;}
.NewsFocus2 .flex-control-paging li a.flex-active {background:#0056a9;}
.NewsList2{}
.NewsList2 li{ height:49px; line-height:49px; border-bottom:1px dashed #d5d5d5; font-size:16px;}
.NewsList2 li .date{ float:right; color:#888888; font-size:14px;}
.NewsList2 li .tit{ width:70%; float:left; background:url(../images/dot3.gif) 2px center no-repeat; padding-left:19px;}

@media ( max-width:1200px){
.Hornorscroll .flex-direction-nav .flex-prev {left:-50px;}
.Hornorscroll .flex-direction-nav .flex-next {right:-50px;}
}

@media ( max-width:998px){
#historycon .box{ margin:0;}
#historycon .txt{ line-height:24px;font-size:14px;}
#historycon .flex-direction-nav .flex-prev {right:75px;}
#historycon .flex-direction-nav .flex-next { right: 30px;}
.Hornorscroll .flex-direction-nav .flex-prev {left:0px;}
.Hornorscroll .flex-direction-nav .flex-next {right:0px;}
.Hornorscroll{padding-left:0; padding-right:0;}
}
@media ( max-width:768px){
#historycon .info{ width:auto; float:none; padding:10px;}
#historycon .imgbox{ width:auto; height:auto; padding-top:50%; float:none;}
#historycon .txt{ height:auto; padding-bottom:10px;}
#historycon .year{ line-height:32px; padding-top:0px;  font-size:18px;}
#historydate,#historydate .slides li{ height:50px;}
#historydate .slides li span{ height:38px; line-height:30px;font-size:16px;}
#historydate .slides li.flex-active-slide span{ font-size:18px;}
.Culture li{width:48%;font-size:14px; padding-bottom:15px;}
.Culture li:nth-child(even) { padding-top:0px;}
.Culture li:nth-child(odd) {clear:both;}
.Culture .ico{width:80px; height:80px;}
.Culture h3 { line-height:30px; font-size:16px; padding-top:6px;}
.NewsFocus2 { padding-bottom:35px;}
.NewsFocus2 .slides li{height:auto;}
.NewsFocus2 .imgbox{width:auto; height:auto; padding-top:50%; float:none;}
.NewsFocus2 .info{ width:auto; padding:12px; float:none;}
.NewsFocus2 .p{ height:auto;}
.NewsFocus2 .tit{ font-size:16px; line-height:28px;}
.NewsFocus2 .date{ font-size:14px; line-height:28px;}
.NewsFocus2 .flex-control-nav{ left:0; text-align:center; width:100%; bottom:-25px;}
.NewsList2 li{ height:28px; line-height:28px; font-size:14px;}
}
@media ( max-width:560px){
.Hornorscroll .imgbox{width:170px; height:116px;}
.Hornorscroll .flex-direction-nav a{ margin-top:-20px;}
}

/*人才机制 s*/
.Hrtxt{ padding-bottom:50px;}
.Hrtxt .txt{ width:47%; float:left; padding-top:6%; color:#888888;}
.Hrtxt .img{ width:45%; float:right;}

.Hrtxt2{ color:#333333; font-size:16px; padding-bottom:50px; margin-bottom:20px;}
.Hrtxt2 .list li{ width:18%; padding:0 1%; text-align:center; float:left;}
.Hrtxt2 .list li .ico{ width:70%; margin:0px auto 20px;}
.Hrtxt2 .list li .ico img{ border-radius:50%; box-shadow:0 4px 15px #ddd;}
.graybg{ background:#f6f6f6;}

.Hrtxt3{ max-width:1000px; padding:33px 55px; margin:0px auto 50px; background:#f9f9f9;}
.Hrtxt3 .img{ width:50%; float:left;}
.Hrtxt3 .info{ width:43%; padding-top:8%; float:right; color:#888888;}
.hrtit{ color:#333333; margin-bottom:21px; font-size:22px;}
.Hrtxt4{ max-width:1100px; padding:0px 0px 50px; text-align:center; margin:0px auto;}
@media ( max-width:768px){
.Hrtxt{ padding-bottom:25px;}
.Hrtxt .txt{ width:auto; float:none; margin-bottom:15px;}
.Hrtxt .img{ width:auto; float:none;}
.Hrtxt2{font-size:14px; padding-bottom:25px; margin-bottom:0;}
.Hrtxt3 .img{ width:auto; float:none;}
.Hrtxt3{padding:15px; margin:0px auto 25px;}
.Hrtxt3 .info{ width:auto; padding-top:4%; float:none;}
.hrtit{font-size:18px;}
.Hrtxt4{ padding-bottom:25px;}

.Hrtxt2 .list li{ width:31.333%;}
.Hrtxt2 .list li:nth-child(4){ clear:both; margin-left:15%;}
}


/*加入我们 s*/
.hrw1{ width:30%;}
.hrw2{ width:17%;}
.hrw3{ width:16%;}
.hrw4{ width:16%;}
.hrw5{}
.Hrhead{height:60px; text-align:center; color:#fff; background: #0056a9; font-size:18px; margin-bottom:0px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ height:700px; overflow:hidden;}
.HrList li{ border-bottom:1px solid #dfdfdf;}
.HrList li td{ height:58px; font-size:16px; text-align:center; color:#333333;}
.HrList li td a{color:#333333;}
.HrList .btn{ padding:10px; display:block; margin:0px auto; width:19px;}
.HrList .btn i{ display:inline-block; background:url(../images/jia.png); background-size:contain; width:19px; height:19px;}
.HrList li .txtCont{border-top:1px solid #dfdfdf; background:#fff; position:relative; display:none;line-height:28px; padding:25px 4% 25px; color:#666666;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-weight:bold; font-size:16px; color:#333333; line-height:30px;}
.HrList li .txtCont .stxt{ margin-bottom:24px;}
.HrList li .txtCont .apply a{ display:block; color:#fff; font-size:16px; width:140px; line-height:40px; text-align:center; background:#0056a9;}
.HrList li .txtCont .apply a:hover{background:#0056a9;}
.HrList li.current a,.HrList li.current td{ color:#0056a9;}
.HrList li.current .btn i{background:url(../images/jian.png);}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px; height:auto;}
.HrList li td{ height:42px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4{ display:none;}
.HrList li .txtCont .stit{ font-size:15px;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:10px; line-height:24px;}
.HrList li .txtCont .apply a{width:110px; line-height:32px; font-size:14px;}
.HrList .btn{width:14px;}
.HrList .btn i{width:14px; height:14px;}
}
.SubPage_1{margin:4% auto }
.main{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;position: fixed;z-index: 9999;top:0}
.Popbox{ position:relative; background:#fff; width:1200px;margin: 250px auto;}
.Popbox .Tithead{ text-align:center; font-size:30px; color:#003466; line-height:33px; padding-bottom:20px;}
.Popbox .auto{ padding:4% 4% 2.5%;}
.form ul{ margin-left:-19px;}
.form li{ margin-bottom:19px; clear:both; line-height:48px;}
.form .line{position:relative; margin-left:19px;}
.form .inputbox{ border:1px solid #d9d9d9; position:relative;}
.form .ti{ display:block;font-size:16px;}
.form .yz{ width:281px; position:relative;}
.form .yzm{ position:absolute; right:0; top:0; width:112px; height:48px;}
.form .textarea{ margin-left:19px;}
.form .textarea .inputbox{padding:15px; position:relative;}
.form .textarea .ti{ top:14px;}
.form .input{ font-size:16px; color:#333333; height:48px; line-height:48px; width:100%; text-indent:1em;}
.form .input.upload{ text-indent:0; height:32px; line-height:32px; margin:5px 0 5px 2%; width:98%;}

.form li.w50{ float:left; width:50%; clear:none;}
.form textarea{ font-size:16px; height:110px; width:100%;}
.form .btn{ color:#fff; height:56px; font-size:18px; width:100%;}
.form .sendbtn{ background:#003466;}
.form .resetbtn{ background:#e5e5e5; color:#333333;}
.Popbox .mfp-close{ font-size:40px; color:#000000; opacity:1;  position:absolute; right:0px; top:0px;}
.jobpop{ width:50%;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

.close_btn{width: 16px;height: 16px;position: absolute;top:20px;right: 20px;font-weight: bold;background: url(../images/close11.png) no-repeat center center;background-size: cover;}

@media ( max-width:1200px){
.Popbox{width:94% !important;}
}


/*产品中心新css*/
.alltime, .alltime * {-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}
.shouji{display: none;}
.prdoc1{background: #f5f5f5;padding: 60px 0;}
.prdoc1 .stop{}
.prdoc1 .stop .plt{width: 325px;float: left;}
.prdoc1 .stop .plt .dl1{cursor: pointer;margin-bottom: 4px;}
.prdoc1 .stop .plt .dl1 dt{line-height: 24px;height:45px;border:1px solid #ddd;padding:0 15px 0 20px;background: #fff;color: #444;margin-bottom: 4px;position:relative;display:flex;flex-direction:column;justify-content:center;/*align-items:center;*/}
.prdoc1 .stop .plt .dl1 dt .img{display: block;position: absolute;top:13px;right:10px;}
.prdoc1 .stop .plt .dl1 dt .img img{display: block;}
.prdoc1 .stop .plt .dl1 dt .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.prdoc1 .stop .plt .dl1 dt.act{background: #0056a9;color: #fff;}
.prdoc1 .stop .plt .dl1 dt.act .img img:nth-child(1){opacity: 0;}
.prdoc1 .stop .plt .dl1 dt.act .img img:nth-child(2){opacity: 1;}
.prdoc1 .stop .plt .dl1 dt.ons{background: #0056a9;color: #fff;}


.prdoc1 .stop .plt .dl1 dd{border:1px solid #ddd;margin-bottom: 4px;display: none;}
.prdoc1 .stop .plt .dl1 dd .dtp{line-height: 35px;padding: 0 20px 0 15px;background: #fff url(../images/jia.png) 95% center no-repeat;background-size: 12px;}
.prdoc1 .stop .plt .dl1 dd .navIcon{background:#fff;}
.prdoc1 .stop .plt .dl1 dd .dtp.act{background: #fff url(../images/jian.png) 95% center no-repeat;background-size: 12px;color: #0056a9;}
.prdoc1 .stop .plt .dl1 dd .navIcon.act{background:#fff;}


.prdoc1 .stop .plt .dl1 dd .dbt{display:none ;}
.prdoc1 .stop .plt .dl1 dd .dbt.act{display:block ;}
.prdoc1 .stop .plt .dl1 dd .dbt a{display: block;line-height: 60px;border-top: 1px solid #ddd;padding: 0 20px 0 30px;background: #fff;color: #999;}
.prdoc1 .stop .plt .dl1 dd .dbt a:hover,.prdoc1 .stop .plt .dl1 dd .dbt a.act{background:#f6f6f6;color: #0056a9;}
.prdoc1 .stop .plt .dl1 dd.on a,.prdoc1 .stop .plt .dl1 dd:hover a{color:#0056a9;}


.prdoc1 .stop .prt{width: calc(100% - 350px);float: right;}
.nday{padding: 40px 0 ;line-height: 40px;}
.prdoc1 .stop .prt .nday{padding-top: 0;}
.prdoc1 .stop .prt .ul1{margin-bottom:5%;}
.prdoc1 .stop .prt li{width: 100%;margin-bottom:10px;background: #fff;position: relative;overflow: hidden;position: relative;padding-left: 12px;}
.prdoc1 .stop .prt li::after{content: "";display: inline-block;width: 4px;height: 4px;background: #999;border-radius: 100px;position: absolute;left: 0px;top:50%;transform: translateY(-50%);}
.prdoc1 .stop .prt li a{display: block;}
.prdoc1 .stop .prt li:nth-child(3n){margin-right: 0;}
.prdoc1 .stop .prt li:nth-child(3n+1){clear:both;}
.prdoc1 .stop .prt li .img{width: 100%;overflow: hidden;padding: 10px 0;text-align:center;}
.prdoc1 .stop .prt li .img img{margin: 0 auto;}
.prdoc1 .stop .prt li .txt{padding: 20px 30px 0px;}
.prdoc1 .stop .prt li .txt .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;font-weight: bold;line-height: 1.5;}
.prdoc1 .stop .prt li .txt .ltc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;line-height: 1.8;margin: 10px 0 20px;height: 50px;}
.prdoc1 .stop .prt li .txt .xian{width: 100%;height: 1px;background: #ddd;}
.prdoc1 .stop .prt li .txt .more{position: relative;width: 100px;text-align: center;line-height: 54px;background: #fff url(../images/1_9_3.png) 95% center no-repeat;margin: 0 auto ;}
.prdoc1 .stop .prt li .txt .more s{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:1px solid #ddd;}

.prdoc1 .stop .prt li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.prdoc1 .stop .prt li:hover .txt .ltt{color: #0056a9;}
.prdoc1 .stop .prt li:hover .txt .ltc{color: #000;}
/* .prdoc1 .stop .prt li:hover .txt .more{color: #0056a9;background: #fff url(../images/1_9_4.png) 95% center no-repeat;} */
/* .prdoc1 .stop .prt li::before{content: '';display: block;width: 0;height: 3px;background: #0056a9;position: absolute;left: 0;bottom: 0;z-index: 3;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.prdoc1 .stop .prt li:hover::before{width: 100%;}
.prdoc1 .stop .prt li:hover{-moz-box-shadow:0px 2px 10px #ccc; -webkit-box-shadow:0px 2px 10px #ccc; box-shadow:0px 2px 10px #ccc;} */

.nday .nrt{float: right;background: #eee;width: 450px;height: 42px;border: 1px solid #ddd;border-radius: 5px;padding: 4px 5px 4px 20px;}
.nday .nrt input{display: block;width: calc(100% - 100px);float: left;height: 100%;border: 0;outline: none;background: #eee;}
.nday .nrt a{display: block;width: 80px;height:32px ;float: right;background: #0056a9 url(../images/ss4.png) center no-repeat;border-radius: 3px;}


/* 产品详情 */
.prc1{padding: 0px 0 50px;}
.prc1 .nav{line-height: 76px;}
.prc1 .prtp .img{width: 49.5%;float: left;background: #fff;border-right: 1px solid #ddd;position:relative;/*padding-bottom:40%;*/overflow:hidden;}
.prc1 .prtp .img img{display: block;margin: 0 auto;/*width: 90%;*/transition: all ease 1s;}
.prc1 .prtp .img .imgspan{background-size:contain;transition: all ease 1s;}


.prc1 .prtp .prt{width: 46%;float: right;text-align: justify;}
.prc1 .prtp .prt ul li{list-style-type:disc;}
.prc1 .prtp .prt .ptt{margin: 60px 0 20px;line-height: 1.5;font-size:20px;}
.prc1 .prtp .img:hover img{transform: scale(1.2);}


.prc1 .prtp .prt .ptt2{display: none;}
.prc1 .prtp .prt .xian{display: block;width: 20px;height: 2px;background: #0056a9;}
.prc1 .prtp .prt .ptc{color: #999;line-height: 2;padding: 20px 0;border-bottom: 1px solid #ddd;margin-bottom:30px;}
.prc1 .prtp .prt .more{display:inline-block;width: 140px;line-height: 42px;text-align: center;background: #0056a9;color: #fff;position: relative;overflow: hidden;margin: 0 ;border-radius: 3px;font-size:20px;}
.prc1 .prtp .prt .more1{margin-left:6px;}
.prc2{line-height: 60px;text-align: center;}
.prc2 a{display: block;width: 33.333%;float: left;position: relative;background: #f5f5f5;}
.prc2 a:after{content: "";display: block;width: 0%;height: 2px;background: #0056a9;position: absolute;bottom: 0;left: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.prc2 a.act:after{width: 100%;}
.prc2 a.act,.prc2 a:hover{color: #0056a9;font-weight: bold;}
.prc3{padding-bottom: 50px;}
.prc3 .poxo{display: block;padding: 40px 0 30px;border-bottom: 1px dashed #ddd;}
.prc3 .poxo .plt{/*width: 200px;float: left;*/width:100%;float:none;}
.prc3 .poxo .prt{/*width: calc(100% - 200px);float: right;*/width:100%;float:none;}

.prodetail_tit { width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #0063be; font-size: 22px; position:relative;font-weight:bold;margin: 0 auto 30px; padding: 0 0 5px 0px; border-bottom: 1px solid #dfdfdf;}
.prodetail_tit:after{content:'';display:block;width:150px;height:3px;background:#0063be;position:absolute;bottom:-1px;left:0;}
/*.prodetail_tit.jieshao{background:url(../images/proshow_icon1.png) left 11px no-repeat;}
.prodetail_tit.tedian{background:url(../images/proshow_icon2.png) left 11px no-repeat;}
.prodetail_tit.fw{background:url(../images/proshow_icon3.png) left 11px no-repeat;}

*/

.prodetail_tit img{display:inline-block;vertical-align:middle;margin:-7px 10px 0 0;}
.prc3 .poxo:last-child{border: 0;}
.prc3 .dtt{padding-left: 20px;border-left: 4px solid #0056a9;line-height: 1;font-size: 16px;margin-bottom:20px;}
.prc3 .dtc{color: #999;text-align: justify;line-height: 1.8;}
.prc3 .dtc img{display: block;max-width: 100%;margin: 20px auto;}
.prc3 .dtc2{color: #999;line-height: 1.8;}
.prc3 .dtc2 li,.prc3 .dtc li{list-style-type:disc;}
.prc3 .dtc3 .dtc_d2{line-height: 1.8;}
.prc3 .dtc3 .dtc_d1{color: #333;}
.prc3 .dtc3 .dtc_d2 .drt img{border:1px solid #ddd;margin: 20px 0;}
.prc3 .dtc3 .dtc_d2 .dlt{}
.prc3 .dtc4 .dlt{display: block; width: 49%;float: left;line-height: 60px;border:1px solid #ddd;color: #999; padding-left: 30px;border-radius: 5px;position: relative;overflow: hidden;}
.prc3 .dtc4 .dlt::before{content: '';display: block;position: absolute;width: 0%;height: 2px;background: #0056a9;left: 0;bottom: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.prc3 .dtc4 .dlt:hover::before{width: 100%;}
.prc3 .dtc4 .dlt:nth-child(2n){float: right;}
.prc3 .dtc4 .dlt .img{width: 50px;height: 60px;float: left;overflow: hidden;position: relative;}
.prc3 .dtc4 .dlt .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.prc3 .dtc4 .dlt .img2{float: right;}
.prc3 .dtc4 .dlt span{float: left;margin-left: 20px;}
.prc3 .dtc4 .dlt:hover{-moz-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd;}
.prc3 .dtc4 .dlt:hover .img img:nth-child(1){opacity: 0;}
.prc3 .dtc4 .dlt:hover .img img:nth-child(2){opacity: 1;}
.prc3 .dtc4 .dlt:hover span{color: #0056a9;font-weight: bold;}
.prc4{padding: 50px 0;background: #f5f5f5;text-align: center;}
.prc4 .tt{color: #4c4c4c;}
.prc4 .en{margin: 14px 0 46px;color: #999;}
.prc4 .ul1{}
.prc4 .ul1 li{width: 24%;float: left;margin-right:1.33%;text-align: justify;border: 1px solid #ddd;background: #fff;text-align: center;}
.prc4 .ul1 li a{display: block;}
.prc4 .ul1 li:last-child{margin-right: 0;}
.prc4 .ul1 li .img,.prc4 .ul1 li .img img{display: block;width: 100%;overflow: hidden;}
.prc4 .ul1 li .ltt{line-height: 40px;padding: 0 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prc4 .ul1 li:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);}



@media (max-width: 960px) {
    .shouji{display:block;}
    .prdoc1 .stop .prt{width: 100%;float: none;}
    .prdoc1 .stop .prt li{width: 100%;float: none;}
    .prdoc1{padding: 30px 0;}
    .prdoc1 .stop .plt{width: 100%;margin-bottom: 20px;float: none;height: 220px;overflow: auto;padding-right: 10px;}
    .prdoc1 .stop .plt::-webkit-scrollbar{ width:4px;}
    .prdoc1 .stop .plt::-webkit-scrollbar-thumb{ background:#0056a9;}
    .prdoc1 .stop .plt::-webkit-scrollbar-track{ background:#d8d8d8;} 
    .prdoc1 .stop .plt .dl1 dt{display: none;}
    .prdoc1 .stop .plt .dl1 dd{display: block;}
    .prdoc1 .stop .plt2 .dl1 dt{display:flex;height:45px;}
    .prdoc1 .stop .plt .dl1{display: none;}
    .prdoc1 .stop .plt2 .dl1{display:block;}

    .prdoc1 .stop .pltm{margin-bottom: 20px;}
    .prdoc1 .stop .pltm span{display: block;width: 50%;line-height: 20px;text-align: center;float: left;line-height: 50px;background: #ddd;color: #666; border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
    .prdoc1 .stop .pltm span:nth-child(2n){border-right: 0;}
    .prdoc1 .stop .pltm span.act{background: #0056a9;color: #fff;}
    .prdoc1 .stop .prt{padding-bottom: 0px;}
    .prc1{padding: 0px 0 30px;}
    .prc1 .prtp .img{width: 100%;float: none;border: 0;}
    .prc1 .prtp .prt{width: 100%;float: none;margin-top: 20px;}
    .prc3 .dtt{line-height: 1;}
    .prc3 .dtc{padding: 20px 0 30px;}
    .prc3 .dtc3 .dtc_d2 .dlt,.prc3 .dtc3 .dtc_d2 .drt{width: 100%;float: none;margin-top: 20px;}
    .prc3 .dtc3 .dtc_d1{margin-bottom: 20px;}
    .prc3 .dtc4 .dlt{width: 100%;float: none;border:1px solid #ddd;margin-bottom: 10px;line-height: 40px;}
    .prc3 .dtc4 .dlt .img{width: 25px;height: 40px;}
    .prc3 .dtc4 .dlt:nth-child(2n){float: none;}
    .prc4 .ul1 li{width: 49%;text-align: center;margin: 0 0 2%;}
    .prc4 .ul1 li:nth-child(2n){float: right;}
    .prc4 .ul1 li .ltt{line-height: 20px;font-size: 12px;padding: 5px 0;height: 50px;overflow: hidden;}
    .prc4 .en{margin: 10px 0 20px;}
    .prc3 .poxo .plt{width: 100%;float: none;}
    .prc3 .poxo .prt{width: 100%;float: none;padding-top: 20px;}
    .prc3 .dtc,.prc3 .dtc2{padding: 0;}
    .prc3{padding: 0;}
    .prc3 .poxo{padding: 20px 0;}
    .nday{padding: 0 0 20px;}
    .nday .nrt{float: none;display: block;width: 100%;margin-top: 10px;}

    .prodetail_tit{font-size:18px;}
    .prodetail_tit img{width:25px;}
    .prc1 .prtp .prt .more{width:120px;}
}

/*bottom s*/
.foot{width:100%;background:#323232;padding:35px 0;font-family:"微软雅黑";}
.FtLink{padding:15px 0;background:#5088be;}
.FtLink .Linka{position:relative;padding-left:116px;/*padding-right:15px;*/box-sizing:border-box;height:24px;overflow:hidden;transition:all .3s ease-in-out;}
.FtLink .Linka.on{height:auto;}
.FtLink .Linka span{font-size:18px;color:#fff;font-weight:bold;position:absolute;top:0px;left:0px;}
.FtLink .Linka span img{display:inline-block;vertical-align:middle;margin:-5px 8px 0 0;}
.FtLink .Linka a{display:inline-block;font-size:15px;color:rgba(255,255,255,.4);margin-left:20px;}
.FtLink .Linka .linkjt{width:12px;height:7px;background:url(../images/jt.png);position:absolute;top:8.5px;right:0px;cursor:pointer;transition:all .3s linear;}
.FtLink .Linka .linkjt.on{transform:rotate(-180deg);}
.FtLink .Linka a:hover{color:#fff;}


.Foot{padding:40px 0 20px 0;background:#01417f;}
.FtBox{width:100%;position:relative;padding-right:140px;box-sizing:border-box;}
.FtBox .ftwx{width:140px;position:absolute;top:0px;right:0px;text-align:center;}
.FtBox .ftwx img{width:140px;}
.FtBox .ftwx .p1{font-size:18px;color:#fff;margin-top:15px;}
.FtBox .ftwx .p2{font-size:14px;color:#808080;}
.FtBox dl{width:14.285%;float:left;}
.FtBox dl dt{font-size:18px;color:#fff;font-family:pfbold;margin-bottom:25px;}
.FtBox dl a{display:block;font-size:15px;color:#999;line-height:35px;}
.FtBox dl a:hover,.FtLink .Linka a:hover{color:#fff;}

.FtbBw{border-top:1px solid rgba(255,255,255,.05);padding-top:20px;margin-top:30px;text-align:center;}
/*.FtbBw .Ftfl{float:left;position:relative;font-size:14px;color:#808080;padding-left:40px;box-sizing:border-box;}
.FtbBw .Ftfl a{color:#808080;padding-left:10px;}
.FtbBw .Ftfl a:hover{color:#f5a419;}
.FtbBw .Ftfl .bwa{position:absolute;top:7.5px;left:0px;padding-left:0px;}
.FtbBw .Ftfl .bwa img{width:26px;}
*/

.FtbBw .Ftrh{text-align:right;font-size:15px;color:rgba(255,255,255,.2);}
.FtbBw .Ftrh a{color:rgba(255,255,255,.2);}
.FtbBw .Ftrh a:hover{color:#0056a9;}


@media ( max-width:997px){
    .FtBox .Ftdl{display:none;}
    .FtBox .ftwx{position:static;}
    .FtBox{padding-right:0px;}
    .FtBox .ftwx{text-align:center;width:100%;}
    .FtBox .ftwx .p1{font-size:16px;margin-top:5px;}
    .Foot{padding:20px 0;}
    .FtbBw{padding-top:20px;margin-top:15px;}
    .FtbBw .Ftfl,.FtbBw .Ftrh{width:100%;float:none;line-height:22px;}
    .FtbBw .Ftrh{text-align:center;margin-top:10px;}
    .FtLink .Linka span{font-size:15px;}
    .FtLink .Linka{padding-left:96px;height: auto;}
    .FtLink .Linka a{margin-left:5px;}
    .FtLink{padding:15px 0;}
}


/*bottom e*/




/*联系我们 s*/
.witebg{ background:#fff;}
.Map{ text-align:center; padding:0 0 60px;margin-top: -50px;}
.ContactUs{}
.ContactUs li{ background:#f9f9f9; margin-bottom:20px; padding:10px 0 10px 28px;display:table;width:100%;}
.ContactUs .name{display:table-cell;vertical-align:middle; border-right:1px solid #e2e2e2; width:38%; /*float:left; */color:#333333; font-size:18px;}
.ContactUs .name .img{ width:21%; margin-right:0;  padding-top:9px; text-align:center;display:inline-block;vertical-align:middle;}
.ContactUs .name p{display:inline-block;vertical-align:middle;}
.ContactUs .item{display:table-cell;vertical-align:middle; width:58%;padding-left:50px;box-sizing:border-box; /* float:right; */padding-top:9px; line-height:24px;}
.ContactUs .item dl{ margin-left:-4%;}
.ContactUs .item dd{ position:relative; color:#000000; width:46%; float:left; padding:3px 0 3px 4%;}
.ContactUs .iconfont{ font-size:19px; margin-right:6px; color:#333333;}
.ContactUs span{color:#666666;}
.ContactUs span a{color:#666666;}
.ContactUs span a:hover{color:#0056a9; text-decoration:underline;}
.ContactUs .tel em{ position:absolute; left:29px; top:-2px;}
.ContactUs .tel span{ display:block; margin-left:69px;line-height:20px;}
@media ( max-width:998px){
    .Map{padding:25px 0 25px;}
    /*.ContactUs .name{ width:auto; float:none; font-size:16px;}
    .ContactUs .name .img{ width:auto; width:45px;margin-right:8px;}
    .ContactUs .item{ width:auto; float:none;}*/
}

@media ( max-width:768px){
    .ContactUs .name,.ContactUs .item{display:block;width:100%;padding-left:0px;}
}
@media ( max-width:580px){
    .ContactUs .item dd{ width:auto; float:none;}
    .ContactUs .item dd{ padding-bottom:0;}
    .ContactUs .tel em{position:static;}
    .ContactUs .tel span{margin-left:0;}
    .ContactUs li {padding: 8px 0 20px 15px;}
    .ContactUs .name{border-right:0;}
}

/*在线留言*/
.lyBox{margin:40px 0 30px 0;border:1px solid #eee;padding:40px 0;background:url(../images/ly.jpg) center center no-repeat;background-size:cover;}
.LyArea{width:80%;margin:0 auto;}
.LyArea li{font-size:14px;color:#333;width:100%;height:36px;border:1px solid #eee;background:#fff;margin-bottom:10px;position:relative;}
.LyArea li input{width:100%;height:100%;padding:0 20px;box-sizing:border-box;}

.LyArea li.l4{height:150px;}
.LyArea li textarea{width:100%;height:100%;padding:10px 20px;box-sizing:border-box;resize:none;}


.LyArea li.l2 span{color:#999;position:absolute;top:6px;right:15px;display:block;}
.LyArea li.l2 span i{display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px;width:12px;height:12px;border:2px solid #bfbfbf;border-radius:50%;}
.LyArea li.l2 input{padding-right:180px;}
.LyArea li.l3 .yz{display:block;width:65px;height:20px;position:absolute;top:9px;right:20px;}
.LyArea li.l3 .yz img{width:100%;height:100%;}
.LyArea li.l3 input{padding-right:120px;}



.login{display:block;width:100%;height:36px;line-height:36px;background:#0056a9;font-size:16px;color:#fff;text-align:center;}


@media ( max-width:997px){
    .lyBox{margin:30px 0 10px 0;padding:30px 0;}
    .LyArea{width:90%;}
    .LyArea li.l1 label{margin-left:15px;}
    .LyArea li.l1{margin:15px 0;}
}


/*新导航*/

.menulist{margin:0 auto;max-width:1280px;overflow-x:hidden;overflow-y:auto;z-index:9;max-height:calc(100vh - 120px);max-height:-moz-calc(100vh - 120px);max-height:-moz-calc(100vh - 120px);max-height:500px;position:relative;z-index:999;}
/*.menulists{max-width:570px;width:570px;}
*/
.menulist .list{border-radius: 0 0 5px 5px;width:100%;background: #f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);}
.menulist .container{width:100%;padding:35px 35px 35px 20px;margin-right:auto;margin-left:auto;}

.menulists .container{padding:10px 20px 3px;}

.menulist .menulist-left-ul{display: inline-block;height: 100%;width: 270px;border-right:1px solid #ccc;vertical-align: top;position: relative;padding-right:15px;box-sizing:border-box;}
.menulists .menulist-left-ul{width:90px;display: none;}

.menulist .menulist-left-ul li{font-size: 18px;line-height: 18px;color: #000;font-weight: 600;margin: 10px 0 18px;padding-left:5px;border-left: 3px solid transparent;text-align:left;}
.menulist .menulist-left-ul li.on{color:#0056a9;border-left: 3px solid #0056a9;}

.menulist .list .mains{position:relative;margin:0px auto;padding:10px 0 15px 20px;box-sizing:border-box;display:inline-block;width:calc(100% - 280px);vertical-align:top;}
.menulists .list .mains{width:calc(100% - 0px);padding:5px 0 15px 0px;}



.menulist .list .mains ul{text-align: center;}
.menulist .list .mains ul li{display:inline-block;vertical-align:top;margin:0 50px;line-height: 30px;}
.menulist .list .mains ul li a{font-size:18px;color:#333;line-height:30px;/*font-weight:bold;*/}
.menulist .list .mains ul li a:hover{color:#0056a9;}
.Top002526 .header-menu li:nth-child(4) .menulist .list .mains ul{text-align: left;}
.Top002526 .header-menu li:nth-child(4) .menulist .list .mains ul li{width: 33%;float: left;display: block;margin: 0;}

.menulist .list .mains1 ul li{float:left;width:50%;margin:0%;text-align: left;}
.menulist .list .mains1 ul li:nth-child(3n){margin-right:0px;}
.menulist .list .mains1 ul li a{line-height:22px;}

.header-menu li#m169 .menulist .list .mains ul li{width:31%;text-align:left;margin:0px;}
.menulist .list .mains ul li a{color: #000 !important;}


.HomeTit{ text-align:center; padding:0% 0 1.2%;}
.HomeTit h2{ font-size:32px; color:#0056a9; line-height:48px;}
.HomeTit h2 i{ font-size:0; width:14%; display:inline-block; vertical-align:middle; margin:0 3%; height:2px; background:#0056a9;;}
.HomeTit h2 a{color:#0056a9;}
.HomeTit p{font-size:18px;text-transform:uppercase;color:#666;}

@media ( max-width:998px){
.HomeTit h2{ font-size:18px; line-height:30px;}
}



/*右侧导航*/
.FloatNav{ width:80px; position:fixed; right:0px; top:38%; z-index:99999;}
.FloatNav *{padding:0px;margin:0px;}
.FloatNav li{ position:relative; margin-bottom:2px; background:rgba(0,0,0,0.6);}
.FloatNav .iconfont{ font-size:30px;}
.FloatNav .ico{ color:#fff; display:block; position:relative; z-index:1;padding:8px 0; text-align:center;}
.FloatNav .ico em{ display:block; font-size:14px; margin-top:2px;}
.FloatNav li:hover{ background:#0056a9;}
.FloatNav .info{ position:absolute; right:-250px; top:0; background:#0056a9; line-height:40px; width:160px; text-align:center; color:#fff; font-size:18px; padding:10px; opacity:0;}
.FloatNav .info .ewm{ width:130px; height:130px;}
.FloatNav .info.search{ width:240px;}
.FloatNav .info.search input{ width:100%; background:#fff; height:37px; line-height:37px; text-indent:0.5em;}
.FloatNav .info.search button{ position:absolute; right:10px; top:13px; height:37px;}


@media ( max-width:998px){
.FloatNav{ width:30px; top:30%;}
.FloatNav .iconfont{ font-size:16px;}
.FloatNav .ico{height:30px; line-height:30px; padding-top:0;}
.FloatNav .ico em{ display:none;}
.totop.cd-is-visible {height:30px;}
}


.SeaPage{padding-bottom:3%;}