@charset "utf-8";
/* CSS Document */
@font-face{ font-family: BarlowCondensed-Bold; src: url(../fonts/BarlowCondensed-Bold.ttf);}
*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN",Arial, Helvetica, sans-serif;font-size:15px;overflow-x:hidden !important; color:#535353; background:#fff}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#000}
a:hover{color:#2f308a}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0a2d5a}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


.wrap{width:1600px;margin:0 auto}
.header .wrap{ width:90%; position:relative}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;height:90px;}
.logo{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{/* display:flex; display:-webkit-flex; align-items:center; height:90px; */padding-top:22px;position:relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;pointer-events: auto;}
.logo img{ display:block}
.logo .img1{ display:block}
.logo .img2{ display:none}
.header .tel, .header .lang{display:flex; display:-webkit-flex; align-items:center; height:90px;pointer-events: auto;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.header .lang a{ width:35px; height:35px; border-radius:50%; display:block; text-align:center; line-height:34px; background:rgba(255,255,255,.1); color:#fff;font-size:15px}
.header .lang a:hover{ background:#2f308a !important; color:#fff !important}
.header .tel{ color:#fff; font-size:22px;font-weight:bold; margin-left:10px;}

.header.active, .header:hover, .header-scroll{ background:#fff;box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}
.header.active .menu .menu-fir li>a, .header:hover .menu .menu-fir li>a, .header.active .tel, .header:hover .tel, .header-scroll .menu .menu-fir li>a, .header-scroll .tel{ color:#333}
.header:hover .tel{ color:#2f308a}
.header:hover .lang a, .header.active .lang a, .header-scroll .lang a{ background:#eee; color:#999}
.header:hover .search-btn, .header.active .search-btn, .header-scroll .search-btn{background:#eee url(../images/search-btn1.png) no-repeat center;}
.header:hover .logo .img1, .header.active .logo .img1, .header-scroll .logo .img1{ display:none}
.header:hover .logo .img2, .header.active .logo .img2, .header-scroll .logo .img2{ display:block}
.header.active,.header.active .menu .menu-fir li>a, .header.active .lang a, .header.active .search-btn{-webkit-transition:0;-moz-transition:0;transition:0;}

.menu{position:absolute; left:50.6%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); transform:translateX(-50%)}
.menu .menu-fir{ display:flex; display:-webkit-flex; justify-content:center;pointer-events: auto;}
.menu .menu-fir li{ float:left;font-size:18px;position:relative}
.menu .menu-fir li>a{ display:block; color:#fff; white-space:nowrap;position:relative; line-height:90px; text-align:center; padding:0 40px}

.menu li:hover>a,.menu li.on>a{ color:#2f308a !important}

.menu li.ali img{ position:relative; top:7px;}


.menu .sub{position: absolute;top: 100%;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%);z-index: 99;display: none;min-width:100%;font-size:15px; padding:0 0 15px;/* background:#fff;box-shadow: 0 6px 12px rgba(0,0,0,.175);*/}
.menu .sub a{display: block;background: rgba(0, 0, 0, 0.5);color:#fff;line-height:22px; padding:10px; text-align:center; white-space:nowrap;position:relative}
.menu .sub a:hover{background:#2f308a; color:#fff}


.search{ position:relative; height:90px;}
.search-btn{ display:block;width:35px;height:35px;background:rgba(255,255,255,.1) url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-left:10px;margin-top: 27.5px; border-radius:50px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.search-btn:hover{background:#2f308a url(../images/search-btn.png) no-repeat center!important;}
.search-alert{width:400px; padding:30px;position: absolute;right:0;top:90px;z-index: 50;background: #f3f3f3;display: none;}
.search-alert form {position: relative; width:calc(100% - 40px); border:1px solid #ddd;line-height:46px; height:48px;}
.search-alert input[type=text]{border:0;height:100%; width:100%;color: #555;background:#fff;padding-left:10px; display:block}
.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn1.png) no-repeat center; background-size:15px;}
.search-alert .search-close{ width:15px; height:15px; position:absolute; right:30px;top:45px;}
.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}




.ship {
    position: relative; 
	
}

#video1{
	margin: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}


.bannertop{ position:relative; display:block;height: calc(100vh - 130px);}
.banner, .banner-box{position:relative; overflow:hidden; height:100vh}
.banner .swiper-container{width: 100%; height:100%;overflow: hidden; position:relative}
/*.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}*/
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; position:relative; overflow:hidden; height:100%}
.banner img{ display:block; width:100%; height:100%; object-fit:cover}
.banner .ban-pic{ position:relative; height:100%;}
.banner .ban-txt{ position:absolute; left:calc(calc(100% - 1400px) / 2);top:50%;-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);color:#fff;}
.banner .ban-txt-con{ display:inline-block; position:relative; opacity:0}
.banner .swiper-slide-active .ban-txt-con{-webkit-animation: changeLeft .5s .6s;-moz-animation:changeLeft .5s .6s;animation: changeLeft .5s .6s;animation-fill-mode:forwards}
@keyframes changeLeft{
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}
@-moz-keyframes changeLeft {
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}

@-webkit-keyframes changeLeft{
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}
@-o-keyframes changeLeft {
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}

.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height:100%;top:0;background:none; margin-top:0}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 60px;height: 60px;position: absolute;left: 20px;top: 50%;margin-top:-30px;border-radius: 100%;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}

/*分页器*/
.banner .swiper-pagination{ bottom:60px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:transparent; border:1px solid #fff; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;border-radius:50%;}
.banner .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff}


.title{ font-size:45px;color:#333; line-height:45px;text-align:center; margin-bottom:55px;}
.title{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s;}
.section.active .title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.i-productBox{transform: translateY(280px);-moz-transform: translateY(280px);-webkit-transform: translateY(280px);opacity: 0;transition: all 1s 0.6s;}
.i-product.active .i-productBox{transform: translate(0, 0);-webkit-transform: translate(0, 0);opacity: 1;}

.i-solution .title, .i-solutionList li.last{ display:none}
.i-solutionList li{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:.5s .1s;-moz-transition:.5s .1s;transition:.5s .1s;}
.i-solution.active .i-solutionList li{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.i-newsLeft{
    transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-newsRight .list:nth-child(1) {
    transform: translateY(280px);
    -webkit-transform: translateY(280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-newsRight .list:nth-child(2) {
    transform: translateX(280px);
    -webkit-transform: translateX(280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-news.active .i-newsLeft, .i-news.active .i-newsRight .list:nth-child(1), .i-news.active .i-newsRight .list:nth-child(2){
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.i-newsList{
	transform: translateY(280px);
    -webkit-transform: translateY(280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-news.active .i-newsList{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
/*.i-aboutLeft{
	transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
    opacity: 0;
    transition: all 1s 0.3s;
}
.i-aboutRight{
	transform: translateX(280px);
    -webkit-transform: translateX(280px);
    opacity: 0;
	right:-100%;
    transition: all 1s 0.3s;
}
.i-about.active .i-aboutLeft, .i-about.active .i-aboutRight{
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
*/



/*product*/
.i-product{ background:#f3f3f3 url(../images/bg.jpg) no-repeat; background-size:cover}
.i-productBox{ position:relative}
.i-productBox .tab{ background:#fff; border-top-left-radius:15px; border-top-right-radius:15px;overflow: hidden;}
.i-productBox .tab ul{ display:flex; display:-webkit-flex;}
.i-productBox .tab li{ width:25%; height:65px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; font-size:16px; color:#333;text-align: center; position:relative; cursor:pointer}
.i-productBox .tab li i{ display:block; width:12px; height:6px; background:url(../images/arrow02.png) no-repeat center; margin-left:5px}
.i-productBox .tab li:after{ content:""; width:1px; height:20px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-10px}
.i-productBox .tab li.cur{ background:#2f308a; color:#fff}
.i-productBox .tab li.cur:after{ display:none}
.i-productBox .tab li.cur i{background:url(../images/arrow02_w.png) no-repeat center; }
.i-productCon{ background:#fff; margin-top:1px; padding:30px 60px 50px}
.i-productCon .item{ display:none}
.i-productCon .item.cur{ display:block}
.i-productCon h3{ text-align:center;font-size:24px; color:#2f308a; margin-bottom:30px}
.i-productCon h3 a{color:#2f308a;}
.i-productCon .nav-sed{ text-align:center; display:none}
.i-productCon .nav-sed a{color:#b2b2b2; font-size:14px; margin:0 10px}
.i-productCon .nav-sed a:hover{color:#2f308a}
.i-productList{ margin-top:20px}
.i-productList ul{ display:flex; display:-webkit-flex;align-items:flex-start; margin-right:-2%}
.i-productList li{ width:23%; margin-right:2%; }
.i-productList .picbox{ position:relative; border:1px solid #e8e8e8; padding:0px 0;}
.i-productList .pic{ position:relative; overflow:hidden;}
.i-productList .pic .img1{ display:block; width:100%}
.i-productList .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; margin:auto;-moz-transition:ease .8s;-webkit-transition:ease .8s; transition:ease .8s; }
.i-productList .picbox .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.i-productList .picbox .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.i-productList .picbox .intro span:before, .i-productList .picbox .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.i-productList .picbox .intro span:before{top:0}
.i-productList .picbox .intro span:after{bottom:0}
.i-productList .picbox .intro, .i-productList .picbox .intro span:before, .i-productList .picbox .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.i-productList a{ display:block;}
.i-productList .txt{text-align:center; padding:15px 0 0;}
.i-productList .txt .tit{ color:#333; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-productList .txt .intro{ color:#999; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:6px 0 6px}
.i-productList .txt .more{ height:13px; background:url(../images/arrow_g.png) no-repeat center; display:none;}
.i-productList .txt, .i-productList .txt .tit, .i-productList .txt .intro, .i-productList .txt .more{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-productList a:hover .pic .img2{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.i-productList a:hover .picbox .intro{background:rgba(0,0,0,.65); opacity:1}
.i-productList a:hover .picbox .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.i-productList a:hover .picbox .intro span:after{ width:50%; left:25%;transition-delay:.3s}




/*solution*/
.i-solutionList{ height:100%;}
.i-solutionList ul{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100vh;width: 100%;}
.i-solutionList li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;}
.i-solutionList li .pic{height: 100%;position:relative}
.i-solutionList li .pic img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1}
.i-solutionList li .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.15); position:absolute; left:0;top:0; z-index:2}
.i-solutionList li .txt{position: absolute;width: 100%;height: 100%;bottom:0;left: 0;text-align: center;display:flex;justify-content:center; padding-top:45vh;z-index: 2;color:#fff}
.i-solutionList li .pic:after, .i-solutionList .txtcon{-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.i-solutionList .txtcon h3{ font-size:26px; margin:50px 0 55px}
.i-solutionList .txtcon .more{ height:13px; background:url(../images/arrow_w.png) no-repeat center; display:block}
.i-solutionList li:hover .pic:after{ opacity:0} 
.i-solutionList li:hover .txt{background:rgba(0,0,0,.7);height:100%;}
.i-solutionList li:hover .txtcon{margin-top: -30px;}

/*news*/
.i-news{ background:#f3f3f3 url(../images/bg02.png) no-repeat center bottom; background-size:cover}
.i-newsBox{ position:relative}
.i-newsLeft{ width:32%}
.i-newsLeft .pic{ overflow:hidden; height:560px;}
.i-newsLeft img{ display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-newsLeft a{ position:relative; display:block}
.i-newsLeft .tit{width:calc(100% - 24px);bottom:12px; left:12px; position:absolute; padding:35px 100px 35px 35px;background:#fff url(../images/arrow.png) no-repeat right 35px top 43px;}
.i-newsLeft .tit h4{ font-size:20px; color:#333;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.i-newsLeft:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.i-newsLeft:hover .tit h4{color:#2f308a}
.i-newsRight{ width:66%; height:100%; position:absolute; right:0;top:0}
.i-newsRight .list{ width:49%; height:100%}.i-newsRight .list ul{ height:100%}
.i-newsRight .list li{ background:#fff; height:49%}
.i-newsRight .list li a{ padding:8% 8% 1%; display:block}
.i-newsRight .list .tit{ color:#333; font-size:20px;}
.i-newsRight .list .intro{display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px; color:#666; font-size:15px;margin:5% 0 7%;}
.i-newsRight .list .bot{ position:relative; border-top:1px solid #e8e8e8; padding-top:4%; }
.i-newsRight .list .time{ color:#666; font-size:14px; float:left}
.i-newsRight .list .time span{ display:block; font-size:32px; color:#333; line-height:35px}
.i-newsRight .list .bot i{ display:block; width:25px; height:13px; background:url(../images/arrow.png) no-repeat; float:right; margin-top:20px}
.i-newsRight .list.fl li:first-child{ margin-bottom:2%}
.i-newsRight .list.fl .tit{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-newsRight .list.fr li{ height:32%; margin-bottom:2%}
.i-newsRight .list.fr li:last-child{ margin-bottom:0}
.i-newsRight .list.fr .time{ width:100px;padding-left: 10px; position:relative}
.i-newsRight .list.fr .time span{ position:relative}
.i-newsRight .list.fr .time span:after{ content:""; width:35px; height:1px; background:#e8e8e8; display:block; margin:5% 0 15%}
.i-newsRight .list.fr .txt{ width:calc(100% - 160px);position:relative}
.i-newsRight .list.fr .txt:before{ content:""; width:1px; height:110%; background:#e8e8e8; position:absolute; left:-45px}
.i-newsRight .list.fr .txt .tit{display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;margin-bottom: 10%;}
.i-newsRight .list.fr .txt .more{display:block; width:25px; height:13px; background:url(../images/arrow.png) no-repeat;}
.i-newsLeft .tit h4, .i-newsRight .list li, .i-newsRight .list .tit{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newsRight .list li:hover{ box-shadow:0 0 15px rgba(0,0,0,.08)}
.i-newsRight .list li:hover .tit{color:#2f308a}
.imore{ text-align:center; margin-top:50px}
.imore a{ display:inline-block; background:#2f308a; border:2px solid #2f308a;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.imore a:hover{background:none; border:2px solid #2f308a; color:#2f308a}

.i-newsList{ position:relative}
.i-newsList .left{ width:50%; position: absolute; left:0;top:0;bottom:0;height:100%}
.i-newsList .right{ width:45%}
.i-newsList .left .txt{ position:absolute; width:100%; bottom:0;color:#fff;left:0; padding:100px 60px 50px;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));}
.i-newsList .left .time{ opacity:.6} 
.i-newsList .left .tit{ font-size:24px; margin:15px 0 25px;padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.4);}
.i-newsList .left .pic{ position:relative; overflow:hidden;height: 100%;}
.i-newsList .left .pic .img1{ display:block; width:100%}
.i-newsList .left .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0;width:100%; height:100%; object-fit:cover; margin:auto;-moz-transition:ease .8s;-webkit-transition:ease .8s; transition:ease .8s;}
.i-newsList .left .more{ display:block; width:36px; height:13px; background:url(../images/arrow_w.png) no-repeat;opacity: .6;}
.i-newsList .left:hover .pic .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newsList .right li{ border-bottom:1px solid #e8e8e8; padding:40px 0; position:relative}
.i-newsList .right li:first-child{ padding-top:0}
.i-newsList .right a{ display:block; display:flex; display:-webkit-flex; align-items:center; position:relative}
.i-newsList .right .time{width:100px;color:#999;font-size: 14px;font-weight: 300;position:relative}
.i-newsList .right .time span{display:block; font-size:38px; line-height:40px; font-weight:bold;}
.i-newsList .right .time:after{ content:""; width:1px; height:100%; background:#e8e8e8; position:absolute; right:0;top:0}
.i-newsList .right .txt{width:calc(100% - 260px);margin-left: 50px;}
.i-newsList .right .tit{ font-size:21px; color:#111;  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; margin-bottom: 5px; overflow: hidden;}
.i-newsList .right .intro{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999;}
.i-newsList .right .more{display:block; width:55px; height:55px;border-radius:50%; position:absolute;right:0;top:0;background:url(../images/arrow.png) no-repeat center; opacity:0}
.i-newsList .right .tit, .i-newsList .right .more{-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}
.i-newsList .right li:hover .tit{ color:#2f308a}
.i-newsList .right li:hover .more{ opacity:1}
/*about*/
.i-about{ background:#f3f3f3}
.i-about .wrap{ width:100%; max-width:inherit; height:100%}
.i-about .title{ color:#fff; display:none}
.i-aboutBox{ position:relative; height:100%}
.i-aboutLeft{ width:50%; position:relative; height:100%;left:-280px; opacity:0}
.i-aboutLeft a, .i-aboutLeft .pic{ height:100%}
.i-aboutLeft .pic{ position:relative; overflow:hidden}
.i-aboutLeft .pic img{ display:block; width:100%; height:100%; object-fit:cover}
.i-aboutLeft .txt{ position:absolute; left:0;top:0;right:0;bottom:0; padding:45px 50px 0}
.i-aboutLeft .top{}
.i-aboutLeft .top h3{ font-size:20px; color:#fff; font-weight:bold; margin-top:10px;}
.i-aboutLeft .bot{ position:absolute; left:0; right:0;bottom:0; color:#666; padding:5% 7% 5%; font-size:16px; line-height:26px;/*background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));*/
  background:#fff;
 }
.i-aboutLeft .bot .intro{ background:url(../images/arrow_g.png) no-repeat right top 20px;display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.i-aboutLeft .pic img{-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-aboutLeft:hover .pic img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.i-aboutLeft .tit{ display:block; width:260px; height:260px; border-radius:50%; background:rgba(47,48,138,.65); color:#fff; position:absolute; left:50%; top:50%; margin-left:-130px; margin-top:-70px;
display:-webkit-flex; align-items:center; flex-wrap:wrap;align-content:center; justify-content:center; text-align:center}
.i-aboutLeft .tit .ico, .i-aboutLeft .tit h3, .i-aboutLeft .tit .more{ display:block; width:100%; position:relative; z-index:2}
.i-aboutLeft .tit h3{ font-size:26px; margin:15px 0 25px}
.i-aboutLeft .tit .more{background:url(../images/arrow_w.png) no-repeat center; height:13px;}
.i-aboutLeft .tit:before{content: '';position: absolute;background:rgba(47,48,138,.65); border-radius:50%;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s; animation-duration: 1s; opacity:0}
.i-aboutLeft .tit:hover::before{-webkit-animation-name: animate01;animation-name: animate01;}
@-webkit-keyframes animate01{
  0%{ opacity:1}
  100% {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
  }
}

@keyframes animate01{
  0%{ opacity:1}
  100% {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
  }
}

.i-aboutRight{ width:50%; position: relative; height:100%;right:-280px; opacity:0}
.i-about-txt, .i-client{ display:flex; display:-webkit-flex; align-items:center; flex-wrap:wrap;align-content:center}
.i-about-txt .tit, .i-about-txt .intro, .i-about-txt .more, .i-client .tit, .i-clientList, .i-client .more{ display:block; width:100%; position:relative; z-index:2}
.i-about-txt{ position:absolute; width:100%; height:60%;left:0;top:0; background:#ebebeb; padding-left:10%; padding-right:10%; padding-top:90px;}
.i-about-txt:after{ /*content:""; */width:100%; height:50%; background:url(../images/particle.png) no-repeat left bottom; background-size:cover; position:absolute; left:0;right:0;bottom:0}
.i-about-txt .tit, .i-client .tit{font-size:35px;color:#333; margin-bottom:30px; text-align:center}

.i-about-txt .intro{ font-size:16px; line-height:35px;}
.i-about-txt .intro p{ margin-top:15px}
.i-about-txt .more, .i-client .more{ text-align:center; margin-top:30px}
.i-about-txt .more a{display:inline-block; background:#2f308a; border:2px solid #2f308a;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.i-about-txt .more a:hover{background:none; border:2px solid #2f308a; color:#2f308a}
/*.i-client{ background:#fff;position:absolute; width:100%; height:40%; left:0;bottom:0; padding-left:10%; padding-right:10%;}
.i-client .tit a{ color:#333;/* background:url(../images/arrow.png) no-repeat right center; background-size:auto 10px display:block;}*/
/*.i-clientList{ padding-bottom:30px}
.i-clientList .swiper-slide{}
.i-clientList .pic{ display:webkit-flex; display:flex; align-items:center; justify-content:center; }
.i-clientList .pic img{ display:block; max-width:100%; -webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-clientList .pic img:hover{-moz-transform: scale(1.04);-webkit-transform: scale(1.04); transform: scale(1.04)}
.i-client .more a{display:inline-block; background:#2f308a; border:2px solid #2f308a;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.i-client .more a:hover{background:none; border:2px solid #2f308a; color:#2f308a}
.i-clientList .swiper-pagination{bottom:0}
.i-clientList .swiper-pagination-bullet{ width:10px; height:10px; background:#999; border:0; opacity:1;}
.i-clientList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;border-radius:50%;}
.i-clientList .swiper-pagination-bullet-active{ background:#2f308a;}*/

.i-client{ background:#fff;position:absolute; width:100%; height:40%; left:0;bottom:0; padding-left:10%; padding-right:10%;}
.i-client .tit a{ color:#333;/* background:url(../images/arrow.png) no-repeat right center; background-size:auto 10px */display:block;}
.i-clientList{ padding-bottom:30px}
.i-clientList .pic{ display:webkit-flex; display:flex; align-items:center; justify-content:center; padding:8% 10%; border:1px solid #e8e8e8; margin-bottom:15%;}
.i-clientList .pic img{ display:block; max-width:100%; max-height:50px;-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s;}
.i-clientList .pic img:hover{-moz-transform: scale(1.04);-webkit-transform: scale(1.04); transform: scale(1.04)}
.i-client .more a{display:inline-block; background:#2f308a; border:2px solid #2f308a;font-size:14px; color:#fff; border-radius:25px; line-height:40px; padding:0 35px}
.i-client .more a:hover{background:none; border:2px solid #2f308a; color:#2f308a}
.i-clientList .swiper-pagination{bottom:0;}
.i-clientList .swiper-pagination-bullet{ width:10px; height:10px; background:#999; border:0; opacity:1;}
.i-clientList .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px;border-radius:50%;}
.i-clientList .swiper-pagination-bullet-active{ background:#2f308a;}

.i-qlink{ height:33%}
.i-qlink ul{ display:flex; display:-webkit-flex; justify-content:space-between; height:100%}
.i-qlink li{ width:49%;}
.i-qlink li .ico{ display:block; width:45px; height:45px; border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.i-qlink li.li1{ background:url(../images/abt-bg1.jpg) no-repeat center; background-size:cover}
.i-qlink li.li2{ background:url(../images/abt-bg2.jpg) no-repeat center; background-size:cover}
.i-qlink li.li1 .ico{ background:#2f308a url(../images/about-ico2.png) no-repeat center}
.i-qlink li.li2 .ico{ background:#2f308a url(../images/about-ico3.png) no-repeat center}
.i-qlink li a{ display:block; padding:45px 45px 15px; height:100%}
.i-qlink li .tit{font-size:20px; font-weight:bold; color:#333; margin-top:15px}
.i-qlink li.li1:hover .ico{ background:#31bae8 url(../images/about-ico2.png) no-repeat center}
.i-qlink li.li2:hover .ico{ background:#31bae8 url(../images/about-ico3.png) no-repeat center}

@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}

/*============================================================*/
.nbanner{position: relative;overflow: hidden; height:auto}
.nbanner img{ display:block; width:100%; height:100%;object-fit:cover}
/*.nbanner .nban-tit{ position:absolute;top:50%;left:50%margin-left:-100px; margin-top:-100px;}
.nbanner .nban-tit h3{font-size:45px; font-weight:300; line-height:80px}*/
.nbanner .nban-tit .txt{position:absolute;bottom:0;background:rgba(47,48,138,.5);padding:62px 57px 63px 57px;}
.nbanner .nban-tit .txt h3{font-size:50px;color:#fff;line-height:1.2;font-weight:400}
.nbanner .nban-tit .txt h3 em{display:block;font-family:Arial;font-size:18px;text-transform:uppercase;line-height:28px;position:relative;margin-top:12px;padding-right:9px;white-space:nowrap}
.nbanner .nban-tit .txt h3 em:after{content:"";display:inline-block;vertical-align:middle;width:266px;height:1px;background:#fff;opacity:.3;filter:alpha(opacity=30);margin-left:9px}

.nbanner .nban-tit .locat{ font-size:16px;}
.nbanner .nban-tit .locat a{ color:#fff}
.nbanner:before{ content:""; width:100%; height:30%; position:absolute; left:0;top:0;right:0;background: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,0));}

.inner-nav{ background:#f0f0f0;}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center; font-size:17px; text-align:center}
.inner-nav li{position:relative; width:25%; border-right:1px solid #d8d8d8}
.inner-nav li:first-child{ border-left:1px solid #d8d8d8}
.inner-nav li a{ display:block; height:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.inner-nav li:before {/*content: "";*/position: absolute;width: 1px;height:100%;background: #ddd;top: 0; bottom: 0;left: 0; margin:auto}

.inner-nav li:after{ /*content: "";*/position: absolute;width: 100%;height:5px; background: #2f308a; border-top-left-radius:15px; border-top-right-radius:15px;left: 0; bottom: 0;transition: .5s ease-in-out;opacity: 0; transition:.5s}
.inner-nav li.cur:after, .inner-nav li:hover:after{ opacity:1;}
.inner-nav li.cur a, .inner-nav li:hover a{ color:#2f308a}


.main{padding:40px 0; background:#fff;}
.main-2{ background:#f0f0f0}
.main .content{ line-height:30px; font-size:16px;}
.main .content img{ /*max-width:100%; height:auto*/}

.anchor{display: block;height:70px;margin-top: -70px;visibility: hidden;}
.ntitle{ font-size:40px; color:#333; text-align:center; margin-bottom:35px; line-height:45px;}
.ntitle-s{font-size:20px;text-align: center; margin-bottom:35px; margin-top:-20px; color:#666; font-weight:300}

.content-about{ font-size:16px;}
.content-about .left{ width:100%;}
.content-about .left h3{ font-size:20px; color:#666; line-height:30px; font-weight:300}
.content-about .left h2{ font-size:35px; color:#333;line-height:50px; text-align:center}
.content-about .left .txtcon{ margin-top:30px;}
.content-about .left .txtcon p{ margin-top:20px; text-indent:2em;}
.content-about .right{ width:100%; position:relative}
.content-about .right img{ display:block; width:100%;}



.n_shuzi{ margin-top: 3rem; margin-bottom: 4rem;}

.n_shuzi ul{ text-align: center; overflow: hidden; font-size: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}

.n_shuzi ul li{ width:20%;float: left; overflow: hidden; position: relative; z-index: 1;}

.n_shuzi ul li .box{ display: inline-block;height: 8.4375rem; border: 1px solid #ddd; border-left: 0; border-top: 0; width: 100%;  text-align: center; padding: 2rem 1rem;  }

.n_shuzi ul li .j_tab{ table-layout: fixed;}

.n_shuzi ul li p span{font-family: BarlowCondensed-Bold; color: #151515; font-size:2.25rem; margin-bottom:.8rem; text-transform: uppercase;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li p font{ font-family: BarlowCondensed-Bold; font-size: .875rem; position: relative; top: -5px; margin-left: .75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li h5{ font-size:.9375rem; margin-top: 0rem; white-space: normal; line-height: 1.5;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s }

.n_shuzi ul li .box:before{content:"";position:absolute;left:auto; z-index: -1; right:0;bottom:0;width:100%;height:0;background:#2f308a;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li .box:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%}

.n_shuzi ul li .box:hover p span{ color:#fff;}

.n_shuzi ul li .box:hover p font{ color:#fff;}

.n_shuzi ul li .box:hover h5{ color:#fff;}





.main-culture{ background:#fff url(../images/particle.png) repeat-x center bottom;}
.main-culture .ntitle{ }
.culture{ color:#fff}
.culture ul{ display:flex; display:-webkit-flex; justify-content:space-between;flex-wrap:wrap;}
.culture li{ width:48.5%; background:rgba(54,47,138,1); margin-bottom:2%; padding:60px; position:relative}
.culture li:hover{ background:#f1f1f1; color:#2f308a}
.culture li:hover .tit{ color:#2f308a}
.culture li:hover .txt:before{ content:""; width:1px; height:100%; background:#2f308a; position:absolute; left:110px;top:0; opacity:.2}
.culture li:hover .ico1{ background:url(../images/cul-ico01-a.png) no-repeat center center;}
.culture li:hover .ico2{ background:url(../images/cul-ico02-a.png) no-repeat center center;}
.culture li:hover .ico3{ background:url(../images/cul-ico03-a.png) no-repeat center center;}
.culture li:hover .ico4{ background:url(../images/cul-ico04-a.png) no-repeat center center;}



.culture .ico{ width:80px; height:80px;position:absolute; left:60px;top:60px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.culture .ico1{background:url(../images/cul-ico01.png) no-repeat center center;}
.culture .ico2{background:url(../images/cul-ico02.png) no-repeat center center;}
.culture .ico3{background:url(../images/cul-ico03.png) no-repeat center center;}
.culture .ico4{background:url(../images/cul-ico04.png) no-repeat center center;}





.culture .txt{ padding-left:150px; position:relative}
.culture .txt:before{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:110px;top:0; opacity:.2}
.culture .txt .tit{ font-size:24px; color:#fff; margin:10px 0}


.n_wenhua{ padding:4rem 0; background:url(../images/n_wenhua_bg.jpg) center bottom no-repeat}


.n_wenhua{ padding:3.75rem 0 5.625rem;}
.n_wenhua .fl01{text-align:center;overflow: hidden;}
.n_wenhua .fl01 .box{ position:relative;}
.n_wenhua .fl01 .box .wz{ position:absolute; left:0; top:35%; width:100%; height:100%}
.n_wenhua .fl01 .box .wz h5{ font-size:1.875rem; color:#464646; font-weight:bold; margin-top:1.25rem}
.n_wenhua .fl01 .con h3{ font-size:1.75rem; color:#464646; margin-bottom:1.5rem; font-weight:bold}
.n_wenhua .fl01 .con p{ font-size:16px; color:#464646; line-height:32px;}
.n_wenhua .fl01 .con01{ position:absolute; left:50%; margin-left:22%; top:6rem; text-align:left}
.n_wenhua .fl01 .con02{ position:absolute; right:50%; margin-right:22%; top:6rem; text-align:right}

.n_wenhua .fl01 .con03 h3{ padding:3.25rem 0 0}


.layui-container02{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1420px;}
.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.layui-col-xs12{position:relative;display:block;box-sizing:border-box}
.layui-col-xs12{float:left}
.layui-col-xs12{width:100%}





.content-xiaoshou{}
.content-xiaoshou .xiao-box{ text-align:center; width:100%; margin:0 auto}
.content-xiaoshou h2{ background:url(../images/xiao-01.png) no-repeat left center;padding-left:34px; display:inline-block; font-size:1.85rem; font-weight:bold; color:#000; padding-top:1.5rem; padding-bottom:1.5rem;}
.content-xiaoshou .xiao-des{ text-align:center; margin:0 auto; padding:3rem 0}
.content-xiaoshou .xiao-des img{display:block; width:100%; height:100%; max-width:1300px; margin:0 auto;}



.hz-kefu{
  border-top: solid 1px #ececec;
  border-left: solid 1px #ececec;
  box-sizing: border-box;
  margin-top:1.5rem;
  }
.hz-kefu:after{
  content: "";
  height: 0;
  display: block;
  clear: both;}
.hz-kefu ul li{
	width:20%;
  float: left;
  border-right: solid 1px #ececec;
  border-bottom: solid 1px #ececec;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  padding:2% 1%;
  height:125px;
  }
  
.hz-kefu ul li:hover{
	box-shadow: 0 0 15px 3px #bbb;
  z-index: 5;
	}
.hz-kefu .pic{height:100%;vertical-align:middle; margin:0 auto; display:flex; align-items:center} 
.hz-kefu .pic img{ display:block; max-width:100%; max-height:60px;-webkit-transition:ease .8s;-moz-transition:ease .8s; transition:ease .8s; margin:0 auto;}
.hz-kefu .pic img:hover{-moz-transform: scale(1.04);-webkit-transform: scale(1.04); transform: scale(1.04)}


.kh-line{ display:block; height:1px; background:#f1f1f1; width:100%; margin-top:2.5rem;}

.kh-box{}
.kh-box table{ border-collapse:collapse; width:100%; text-align:center;table-layout: fixed;}
.kh-box tabel tr,.kh-box table td{ border:1px solid #ccc; line-height:36px; text-align:center; padding:5px 5px;}
.kh-box table tr:nth-child(1){ background:#4f81bd !important; color:#fff !important;}
.kh-box table tr:nth-child(odd){ background:#e9edf4; color:#333;}
.kh-box table tr:nth-child(even){ background:#d0d8e8; color:#333;}




.content-download{
            overflow: hidden;
            padding: 40px 0;
        }
        .content-download li{
            width: 100%;
            padding: 20px 0;
            margin-bottom: 25px;
            border:1px solid #dddddd;
        }
        .content-download li:nth-child(2n){
            float: right;
        }
        .content-download li h3{
            width: 65%;
            float: left;
			font-size:18px;
            padding-left: 20px;
            border-left: 4px solid #FF0000;
			text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; 
        }
        .content-download li .an{
            float:right;
			margin-right:1%;
        }
        .content-download li a{
            background-color: #666666;
            color: #ffffff;
            margin-left: 5px;
            padding: 10px 12px;
			font-size:14px;
        }
        .content-download li:hover h3{
            color: #e6212a;
        }
        .content-download li a:hover{
            background-color: #e6212a;
        }
        .content-download li a i{
           
            margin-right: 5px;
            display: inline-block;

        }
        .content-download li a.view i{
			background:url(../images/xtb.png) no-repeat left 9px;
            width:19px;
			height:18px;
			padding:10px 0
        }
        .content-download li a.down i{
			background:url(../images/xtb2.png) no-repeat left center;
			width:19px;
			height:15px;
        }






.horlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-2%}
.horlist li{ width:23%; margin-right:2%; margin-bottom:2%;}

.equ li{ width:31.3333333%;}


.horlist .pic{ position:relative; overflow:hidden;}
.horlist .pic img{ display:block; width:100%; height:auto; padding:5px; border:1px solid #eee;}
.horlist .tit{ margin-top:10px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}

.honor .pic img{padding:0px; border:none;}

.client ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}
.client li{ width:18%; border:1px solid #e8e8e8;text-align:center; margin-right:2%; margin-bottom:2%}
.client .pic{ height:120px;display:flex; display:-webkit-flex; justify-content:center;align-items:center}
.client .pic img{ max-width:95%}
.client .tit{ background:#fafafa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px}

.solutlist li{ position:relative; margin-bottom:3%;}
.solutlist .pic{ width:35%; overflow:hidden;border: 1px solid #e8e8e8;}
.solutlist .pic img{ display:block; width:100%;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.solutlist .txt{ width:60%;position:relative;}
.solutlist .txt:after{/* content:"";*/ width:100%; height:1px; background:#e8e8e8; position:absolute; left:0;bottom:0}
.solutlist .tit{ font-size:24px; color:#333; margin-bottom:15px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.solutlist .intro{font-size:16px;color: #999999;line-height:28px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
.solutlist .more{display:inline-block; background:#fff; border:2px solid #e8e8e8;font-size:14px; color:#999; border-radius:25px; line-height:36px;height: 40px; padding:0 25px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; margin-top:20px}
.solutlist li:hover .pic img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.solutlist .more:hover{background:#2f308a;border:2px solid #2f308a;color:#fff}
.solutlist li:hover .tit{color:#2f308a}
.solutlist .time{ font-size:14px; color:#999}


.newsTop{ position:relative; margin-bottom:50px}
.newsTop .swiper-slide{ position:relative; background:#f3f3f3; overflow:hidden}
.newsTop .swiper-slide-active{ z-index:2}
.newsTop .pic{ width:50%; height:450px; overflow:hidden; float:left}
.newsTop .pic img{ width:100%; height:100%; display:block; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s; transition:.8s}
.newsTop .txt{ width:50%; float:right;padding:6% 10% 3% 6%;}
.newsTop .txt h4{ font-size:24px; color:#333; font-weight:bold; margin-bottom:5%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.newsTop .txt .intro{ display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; min-height:90px; color:#666; margin-bottom:10%}
.newsTop .more{ display:inline-block; background:#2f308a; border:2px solid #2f308a;font-size:14px; color:#fff; border-radius:25px; line-height:36px; height:40px; padding:0 35px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newsTop .more:hover{background:none; border:2px solid #2f308a; color:#2f308a}
.newsTop .swiper-button-next, .newsTop .swiper-button-prev{ width:45px; height:45px;top:auto; margin-top:0;bottom:0; background:#fff}
.newsTop .swiper-button-next{ right:calc(50% - 45px)}
.newsTop .swiper-button-prev{ left:calc(50% - 45px)}
.newsTop .swiper-pagination{ text-align:right; padding-right:5%;bottom:5%}
.newsTop .swiper-pagination-bullet{ background:#ccc; width:10px; height:10px; opacity:1}
.newsTop .swiper-pagination-bullet-active{ background:#2f308a}
.newsTop .swiper-slide:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}

.newslist li{ margin-bottom:40px; padding-bottom:40px;border-bottom: 1px solid #e8e8e8; position:relative}
.newslist li a{ display:block; padding:0 15px;}
.newslist .time{float: left;width:10%;color:#999}
.newslist .time span{display: block; font-size:45px; line-height:50px; padding-left:5px}
.newslist .txt{float: left;width: 75%;}
.newslist .txt .tit{color: #333;font-size:24px;margin-bottom:15px;}
.newslist .txt .intro{font-size:16px;color: #999999;line-height:24px; min-height:48px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.newslist .more{ display:block; width:55px; height:55px; border:1px solid #e8e8e8; border-radius:50%; position:absolute;right:20px;top:30px; background:url(../images/arrow.png) no-repeat center;}
.newslist .txt .tit, .newslist .more{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li:hover .txt .tit{color:#2f308a}
.newslist li:hover .more{background:#2f308a url(../images/arrow1.png) no-repeat center;}
.newslist .bot .time2{ display:none}
.newslist02 a{ padding:0}
.newslist02 .pic{ width:30%; overflow:hidden; max-height:180px}
.newslist02 .pic img{ display:block; width:100%;}
.newslist02 .txt{ width:52%; margin-left:5%; padding-top:1%}
.newslist02 .time{ text-align:right;padding-top:30px;float: right;}
.newslist02 .more2{display:inline-block; background:#fff; border:2px solid #e8e8e8;font-size:14px; color:#999; border-radius:25px; line-height:36px;height: 40px; padding:0 25px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; margin-top:20px}
.newslist02 li::hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.newslist02 .more2:hover{background:#2f308a; border:2px solid #2f308a;color:#fff}

.main-newscon{ background:#f7f7f7}
.content-news{margin:0 auto; background:#fff; padding:45px 10%}
.newstit{font-size:30px;color: #333;line-height:35px; padding-bottom:10px; text-align:center;position:relative}
.newstit02{font-size:30px;color: #333;line-height:35px;margin-bottom:30px; padding-bottom:20px; text-align:center; border-bottom:1px solid #e8e8e8;position:relative}
.newstime{ font-size:14px; color:#999;text-align:center;margin-bottom:30px; padding-bottom:5px;border-bottom:1px solid #e8e8e8;}
.news-article{}
.news-article p{ margin-bottom:10px}
.page_2{position: relative; margin-top:50px; border-top:1px solid #e8e8e8;font-size:14px; line-height:26px; color:#666; padding-top:30px}
.page_2 a{ color:#666}
.page_2 a:hover{color:#2f308a}

.caselist li{ margin-right:2%; margin-bottom:2%; width:32%; float:left;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; position:relative}
.caselist li:nth-child(3n){ margin-right:0}
.caselist a{ display:block;overflow:hidden}
.caselist li .picbox{ position:relative; border:1px solid #e8e8e8}
.caselist li .pic{ position:relative; overflow:hidden}
.caselist li .img1{ display:block; width:100%; height:auto}
.caselist li .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.caselist li .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.15); position:absolute; left:0;top:0; z-index:2;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.caselist .tit{font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding-top:5px;}
.caselist .ico{ position:absolute; left:0; right:0;top:0;bottom:0; background:url(../images/video_fill_light.png) no-repeat center; z-index:3}

.caselist li:hover .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.caselist li:hover .pic:after{background:rgba(0,0,0,.25);}
.videoBox video{ width:800px; margin:0 auto; outline:none; display:block}

.after-sales{ position: relative}
.after-sales .pic{ width:60%}
.after-sales .pic img{ display:block; width:100%}
.after-sales .txt{ width:50%; background:#2f308a; box-shadow:0 0 25px rgba(0,0,0,.15); padding:5% 8%; color:#fff; position:absolute; right:0;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%)}
.after-sales .txt h2{ font-size:30px; margin-bottom:30px}
.after-sales .tel{ padding-left:80px; margin-bottom:20px; position:relative}
.after-sales .tel .ico{ display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:url(../images/ico-tel.png) no-repeat center; position:absolute; left:0;top:5px}
.after-sales .tel p{}
.after-sales .tel p span{ display:block; font-size:26px; font-family:bebas; line-height:45px}
.after-sales .mail{padding-left:80px;position:relative}
.after-sales .mail .ico{ display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:url(../images/ico-mail.png) no-repeat center; position:absolute; left:0;top:5px}
.after-sales .mail p span{ display:block; font-size:26px; font-weight:bold;line-height:45px}

.technology ul{ display:flex; display:-webkit-flex; justify-content:space-between; position:relative}
.technology li{ width:23%;overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,.08); background:#fff}
.technology .pic{ overflow:hidden; position:relative}
.technology .pic img{ display:block; width:100%;}
.technology .txt{ position: relative;padding:10% 10% 15%}
.technology b{ text-align:center; font-size:24px; color:#333; font-weight:normal; display:block; position:relative; z-index:2}
.technology b:after{ content:""; width:25px; height:1px; background:#333; display:block; margin:15px auto 20px}
.technology em{ font-style:normal}
.main-tech{ background:url(../images/pf_bg.jpg) no-repeat left bottom; background-size:cover}
.technology02 .num{ position:absolute; font-family:bebas; left:50%; font-size:70px; color:#f4f5f7; line-height:60px;top:20%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%)}
.technology02 b{ margin-top:15px}

.downlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start}
.downlist li{ width:48.5%;margin-bottom:3%; border:1px solid #d8d8d8; border-left:3px solid #2f308a; padding:45px; position:relative}
.downlist li a{ display:block; position:relative; z-index:2}
.downlist .tit{color:#333;font-size:22px;line-height:30px; width:80%; position:relative;}
.downlist .ico{
	display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #d8d8d8;
	background:url(../images/ico-down.png) no-repeat center;
    border-radius: 50%;
	position:absolute;
	right:0;
	top:-15px;
}
.downlist .tit, .downlist .ico, .downlist li:after{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.downlist li:after{ content:""; width:0; height:100%; background:#fff; position:absolute; right:0;top:0;bottom:0;}
.downlist li:hover .ico{background:url(../images/d-icon-h.png) no-repeat left center;}
.downlist li:hover::after{ width:100%; background:#2f308a; right:auto; left:0}
.downlist li:hover .tit{ color:#fff}
.downlist li:hover .ico{background:url(../images/ico-down2.png) no-repeat center; border:1px solid rgba(255,255,255,.3)}

.main-product{ background:#fff;}
.main-product02{ background:#f3f3f3}

.main .locat{color:#999; margin-bottom:30px;margin-top: -50px;}
.main .locat a{color:#999;}
.main .locat a:hover{color:#2f308a}
.contentBox .left-nav{ background:#fff; width:248px;/* padding:30px 30px 50px; box-shadow:0 0 10px rgba(0,0,0,.1)*/}
.contentBox .left-nav h3{ font-size:26px; color:#333; border-bottom:1px solid #e8e8e8; padding-bottom:10px; display:none}
.left-navlist{ font-size:15px}
.left-navlist .navli{  background:#f7f6f6; margin-bottom:3px;}
.left-navlist .navli > a{ position:relative; display:block; font-size:15px;padding:10px 35px 10px 20px; padding-right:40px; color:#666;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.left-navlist .navli > a:after{ content:""; width:6px; height:6px; border-right:1px solid #333; border-top:1px solid #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg); position: absolute; right:20px;top:20px;} 

.left-navlist .navli.cur > a, .left-navlist .navli > a:hover{ position:relative; background:#0f4c8b; color:#fff;}
.left-navlist .navli.cur > a:after, .left-navlist .navli > a:hover::after{border-right:1px solid #fff; border-top:1px solid #fff;} 
.left-navlist a{ display:block}
.left-navlist .sub{ padding:0px; padding-top:0; display:none; border:1px solid rgba(255,255,255,0.2);}
.left-navlist .sub li{ line-height:40px; padding:0 20px; background:rgba(255,255,255,0.8); height:40px;}
.left-navlist .sub a{ color:#888; position:relative; padding-left:15px;}
.left-navlist .sub a:before{ content:""; width:10px; height:2px; background:#888;position:absolute; left:0;top:18px}
.left-navlist .sub a:hover, .left-navlist .sub a.cur{ color:#0f4c8b;}

.left-navlist .navli.cur .sub{ display:block}

.contentBox-right{ width:calc(100% - 320px); padding-top:5px}


.product-list{ position:relative; margin-bottom:1%}
.product-list ul{ position:relative}
.product-list li{float: left;margin-right:2%;width:31.33333333%; margin-bottom:2%;position: relative;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-list li:nth-child(3n){ margin-right:0}
.product-list li a{ display:block;}
.product-list .picbox{ position:relative; border:1px solid #e8e8e8}
.product-list .pic{overflow:hidden; position:relative;z-index:1;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.product-list .pic .img1{ display:block; width:100%; height:auto;}
.product-list .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto;width:100%;/*height:150%; */-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.product-list .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.product-list .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.product-list .intro span:before, .product-list .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.product-list .intro span:before{top:0}
.product-list .intro span:after{bottom:0}
.product-list .intro, .product-list .intro span:before, .product-list .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.product-list .tit{ font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; padding-top:25px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-list li:hover .pic .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05)}

.product-list li:hover .intro{background:rgba(0,0,0,.65); opacity:1}
.product-list li:hover .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.product-list li:hover .intro span:after{ width:50%; left:25%;transition-delay:.3s}


.locat02{ margin-top:90px; border-bottom:1px solid #e8e8e8; line-height:59px; color:#666; font-weight:300}
.locat02 a{ color:#666}
.locat02 a:hover{color:#2f308a}

.productcon-top .proview-list{ width:230px; float:left;}

.productcon-top .left{ width:40%;}
.productcon-top .right{ width:55%; color:#666;font-weight: 300;}
.productcon-picbox{ position:relative1;}
.productcon-picbox .view{margin-bottom:10px;/*background:#fff; border:1px solid #e8e8e8*/}
.productcon-picbox .view img{ /*display:block; max-width:100%; margin:0 auto*/}
.productcon-picbox .preview{}
.productcon-picbox .preview img{ display:block;border:1px solid #e8e8e8; cursor:pointer; width:100%;}
.productcon-picbox .preview .active-nav img{ border:1px solid #2f308a}



.productcon-top .right h2{ font-size:35px; line-height:45px; color:#333; margin:10px 0 15px;position:relative; border-bottom:1px solid #ddd; padding-bottom:25px;}
.productcon-top .right h3{ font-size:20px; color:#333; margin-bottom:15px;}
.productcon-top .right p{ margin-bottom:10px;}
.productcon-top .right .zixun{ margin-top:8%}
.productcon-top .right .zixun a{ display:block; background:#2f308a; color:#fff; display:-webkit-flex; display:flex; justify-content:center; align-items:center; width:140px; line-height:45px; font-size:14px;}
.productcon-top .right .zixun img{ margin-right:5px}
.productcon-top .right .zixun a:hover{ border-radius:10px}


.content-product .pro-tab{ position:relative; text-align:center}
.content-product .pro-tab ul{ position:relative; display:inline-block;font-size: 0;line-height: 0;}
.content-product .pro-tab li{ font-size:18px; color:#333; line-height:24px; padding-bottom:20px; width:150px; display:inline-block;text-align:center; cursor:pointer}
.content-product .pro-tab .line{position:absolute;bottom:0;left:0px;width:150px;height:3px;background:#2f308a; overflow: hidden; text-align: center;}
.content-product .pro-tab li.active{color:#2f308a}
.pro-container{ background:#fff; padding:60px 10%}
.pro-container .item{ display:none}
.pro-container .item.active{ display:block}
.pro-container .ptit{ font-size:24px; color:#333;line-height:30px; padding:10px;text-align:center;position:relative; margin:30px 0; background:#ebf2f9}
.pro-container .ptit02{ margin-top:0}
.pro-container .data{display:flex; display:-webkit-flex; align-items:flex-start; justify-content:center;}
.pro-container .data li{width:14%; text-align:center; margin:0 2%; line-height:20px}
.pro-container .data span{ background:#2f308a; color:#fff; line-height:30px; padding:5px;display:block; margin-bottom:5px}


.pro-container  table{ line-height:24px; width:100%}
.pro-container  table td{ border:1px solid #e8e8e8; padding:10px 20px;}
.pro-container  table p{ margin:0 !important}
.pro-container  table tr:nth-child(2n+1){ background:#f3f3f3}
.pro-container .solutlist{ margin-top:50px}
.pro-container .solutlist .cls{ font-size:14px;background:#fff; border:2px solid #2f308a; display:inline-block; border-radius:25px; padding:0 20px; line-height:20px; color:#2f308a; margin-top:20px}
.pro-container .solutlist .tit{margin-top: 10px;}
.pro-container  .table tr td:first-child{ background:#7e7e7e; color:#fff; font-weight:bold; border:1px solid #999}
.pro-container  .table .tdbg{background:#7e7e7e; color:#fff; font-weight:bold; border:1px solid #999}


.pro_view{width:84%; float:right;}

.prodetail-jjrtxtm2{ width:100%; line-height:32px; padding:0 0px 0 0px; margin-bottom:45px; margin-top:20px;}
.prodetail-jjrtxtm2 table{ border-collapse:collapse; width:100%; text-align:center;table-layout: fixed;}
.prodetail-jjrtxtm2 tabel tr,.prodetail-jjrtxtm2 table td{ border:1px solid #ccc; line-height:24px; text-align:center; padding:5px 5px;}



.related-pro{ position:relative;}
.related-pro a{ display:block;text-align:center; padding:1px}
.related-pro .picbox{ position:relative}
.related-pro .pic{overflow:hidden; position:relative; border:1px solid #e8e8e8}
.related-pro .pic .img1{ display:block; width:100%; height:auto;}
.related-pro .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:100%; /*height:100%;*/ -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.related-pro .intro{ position:absolute; left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0); z-index:2; display:flex; display:-webkit-flex; justify-content:center; align-items:center; opacity:0}
.related-pro .intro span{ color:#fff; width:60%; line-height:20px; text-align:center; padding:10px 0; font-size:16px; position:relative}
.related-pro .intro span:before, .related-pro .intro span:after{ content:""; width:0; height:1px; background:rgba(255,255,255,.4); position:absolute; left:50%;}
.related-pro .intro span:before{top:0}
.related-pro .intro span:after{bottom:0}
.related-pro .intro, .related-pro .intro span:before, .related-pro .intro span:after{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.related-pro .tit{font-size:16px; color:#333;white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;line-height:30px; padding-top:5px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.related-pro a:hover .pic .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.related-pro a:hover .intro{background:rgba(0,0,0,.65); opacity:1}
.related-pro a:hover .intro span:before{ width:50%; left:25%;transition-delay:.3s}
.related-pro a:hover .intro span:after{ width:50%; left:25%;transition-delay:.3s}
.related-pro .swiper-button-prev, .related-pro .swiper-button-next{ outline:none; width:50px; height:50px; border-radius:50%; border:0; background:transparent; margin-top:-30px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.related-pro .swiper-button-prev{ left:-60px}
.related-pro .swiper-button-next{ right:-60px;}
.related-pro .swiper-button-prev span, .related-pro .swiper-button-next span{ display:block; width:25px; height:25px;  position:absolute;}
.related-pro .swiper-button-prev span{border-top:2px solid #ccc; border-left:2px solid #ccc; transform:rotate(-45deg); right:5px; top:12px;}
.related-pro .swiper-button-next span{border-top:2px solid #ccc; border-right:2px solid #ccc;transform:rotate(45deg); left:5px; top:12px;}
.related-pro .swiper-button-next.swiper-button-disabled, .related-pro .swiper-button-prev.swiper-button-disabled{ opacity:1}
.related-pro .swiper-button-prev:hover,.related-pro .swiper-button-next:hover{}
.related-pro .swiper-button-prev:hover span{border-top:2px solid #2f308a; border-left:2px solid #2f308a;}
.related-pro .swiper-button-next:hover span{border-top:2px solid #2f308a; border-right:2px solid #2f308a;}
.related-pro .swiper-pagination {bottom:0; display:none}
.related-pro .swiper-pagination-bullet-active{ background:#2f308a}

/*===========================contact================================*/
.content-contact{ line-height:26px; color:#666; font-size:16px;}
.content-contact .ntitle{ text-align:left}
.content-contact .txtcon{ color:#999; border-bottom:1px solid #e8e8e8; padding-bottom:40px; margin-bottom:50px}
.contact-list{ width:45%}
.contact-list .ctit, .message-con .ctit{ font-size:30px; line-height:35px; color:#333;  margin-bottom:30px}
.contact-list li{margin-bottom:6%; position:relative; padding-left:70px}
.contact-list li:last-child{ margin-bottom:0}
.contact-list li .img{ width:105px; height:105px;margin: 0 auto 21px;border: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;}
.contact-list li img{ display:inline-block; vertical-align:middle; margin-top:30px;}
.contact-list li i{ width:0; height:100%; display:inline-block; vertical-align:middle;}
.contact-list li .p1 {font-size:18px;color: #666;padding-bottom:5px; font-weight:300}
.contact-list li .p2 {font-size:22px;color: #333;}
.contact-list li .ico{ width:55px; height:55px; border-radius:50%; display:block; position:absolute; left:0;top:0}
.contact-list li.tel .ico{ background:#2f308a url(../images/ico-tel.png) no-repeat center}
.contact-list li.mail .ico{ background:#2f308a url(../images/ico-mail.png) no-repeat center}
.contact-list li.add .ico{ background:#2f308a url(../images/ico-add.png) no-repeat center}

.message-con{ width:50%}
.message-con .row{ margin:0 -1%}
.message-con .item{ float:left; width:48%; margin-right:2%; margin-bottom:2%;position:relative}
.message-con .item .inp{ width:100%; height:45px; line-height:45px; border:1px solid #e8e8e8; background:#fafafa; padding-right:10px; padding-left:70px; font-size:15px;}
.message-con .item .inp2{ padding-left:90px}
.message-con .item label{ font-size:15px; position:absolute; left:10px;top:0;bottom:0;line-height:45px; color:#999;z-index: 2;}
.message-con .item2{ width:98%; position:relative}
.message-con textarea{width:100%; padding:12px; padding-left:70px; height:80px;border:1px solid #e8e8e8;background:#fafafa; font-size:15px; color:#666; display:block}

.message-con .submit{color: #fff;font-size:18px;width:150px; height:45px;line-height:45px;background: #2f308a; border:2px solid #2f308a; border-radius:25px; text-align:center;display: block; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;transition:.3s}
.message-con .submit:hover{background: #fff; color:#2f308a}

#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #dfdfdf; margin-top:50px}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}










/* 分页 */ 
.page {
    margin:0 auto;
	padding-top:20px;
	text-align:center;
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;
	color:#999;

}

.page-m a:hover {
    color: #fff;
    background: #0c5eab;
	border:1px solid #0c5eab;
}

.page-m a.xianshi{
    color: #fff;
    background: #0c5eab;
	border:1px solid #0c5eab;
}

.page-m a.active {
    color: #fff;
    background: #0c5eab;
	border:1px solid #0c5eab;
}

.page-m .page-num-current{ background:#0c5eab; color:#fff} 
   
   
   









/*============================================================*/
.footer{position:relative;  background:#333 url(../images/cm.png) no-repeat left bottom;color:#999; z-index:2}
.nfooter{background:#333 url(../images/Pasccm.png) no-repeat left bottom;}
.footer .wrap{ width:90%}
.f-left, .f-contact{ padding-top:45px; position:relative}
.f-left{ width:70%; border-right:1px solid rgba(255,255,255,.15); }
.f-nav li{ float:left;max-width:15%; width:10%;}
.f-nav li a{ display:block; line-height:28px;}
.f-nav li h4{ font-size:18px; color:#333;margin-bottom:15px;}
.f-nav li h4 a{ color:#fff;}
.f-nav .sub a{ color:#999}
.f-nav .sub a:hover{color:#fff}
.copyright{ color:#999; margin-top:70px; font-size:14px;; padding-bottom:20px}
.copyright a{ color:#999}
.f-contact{ width:25%;}
.f-ewm img{ display:block; width:110px;}
.f-contact .lxfs{  line-height:28px; margin-bottom:10px;}

.nfooter .f-left{ border-right:1px solid rgba(255,255,255,.15)}
.nfooter .f-nav li h4 a{color:#fff}

.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}

.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#0a2d5a}
.float_kf .backtop:hover{ background:#0a2d5a}
.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}

.pages{ margin-top:30px}
.pagination{ height:auto !important; padding:0 !important}

.en .i-productBox .tab li{ padding:0 5px}
.en .i-productBox .tab li i{ display:none}
.en .left-navlist .navli > a{ line-height:20px}
.en .f-nav li:last-child{ margin-right:0}
.en .f-nav li{ max-width:15%}
.en .f-nav li a{ line-height:20px; margin-bottom:6px}
.en .f-contact .lxfs{ line-height:20px;}
.en .f-contact .lxfs p{ margin-bottom:6px}
.en .horlist .tit, .en .client .tit{ display:none}
.yhimg{height:0;width:0; visibility:hidden}