@charset "utf-8";

/* CSS Document */

*{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:14px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#001943}
a:hover{color:#ec6a17}
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:#008abd}
.col02{ color:#ec6a17}
.col03{ color:#0a2d5a}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}

.wrap{width:100%;margin:0 auto; max-width:1400px;}



.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s; height:100px}
.logo{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:100px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo .img1{ display:block}
.logo .img2{ display:none}


.menu>ul>li{ float:left; font-size:17px;position:relative}
.menu li a{ display:block; color:#fff; padding:0 25px;line-height:100px;position:relative}
.menu li a span{ position:relative;}
.menu>ul{ display:flex; display:-webkit-flex;}
.menu li.on>a{color:#ec6a17 !important}
.menu .sub{position: absolute;top: 100%;width:100%;left:0%;font-size: 15px;padding-bottom:10px; background:#fff;box-shadow: 0 6px 12px rgba(0,0,0,.1);display: none;}
.menu .sub a{ display:block; line-height:24px; color:#666; padding:10px 5px; text-align:center; background:#fff; border-top:1px solid #e5e5e5}
.menu .sub a:hover{color:#ec6a17 !important}
.menu .sub1{ width:160px; left:50%; margin-left:-80px}
.menu .sub2{ width:180px; left:50%; margin-left:-90px}

.header.header-scroll{height:90px;background:#fff;box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);}
.header-scroll .logo,.header-scroll .shop{ height:90px;}
.header-scroll .logo .img1{ display:none}
.header-scroll .logo .img2{ display:block}
.header-scroll .menu>ul>li>a{ line-height:90px; color:#001943}
.header.hover{background:#fff;}
.header.hover .logo .img1{ display:none}
.header.hover .logo .img2{ display:block}
.header.hover .menu>ul>li>a{color:#001943}

.headertop{ position:relative; height:100px; display:block}

.search{ position:relative}
.search-btn{ display:block;width:30px;height:110px;background:url(../images/search-btn.png) no-repeat center bottom 20px;cursor:pointer; margin-left:25px}
.search-alert{width: 280px;position: absolute;right: 0;top: 100%;-webkit-border-radius: 3px; border-radius: 3px;padding: 15px;z-index: 50;background-color: #e7e7e7;display: none;}
.search-alert .search-form{ padding-right:75px; margin-top:22px;}
.search-alert form {position: relative; padding-right: 60px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: 1px solid #e8e8e8;height:40px;line-height: 40px;width: 100%;color: #555;background:#fff;padding-left:10px;}
.search-alert .btn {border: none;line-height:40px;text-align: right;background:#f4af23;color:#000;position: absolute;right: 0;top: 0;width: 60px;text-align: center; cursor:pointer; transition:.5s}
.search-alert .closed{ width:15px; height:15px; position:absolute; right:25px;top:35px;}
.search-alert .closed: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 .closed: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}

/*banner*/
.banner{height:690px;}
.ban-img{display:block;width:100%;height:auto;position:relative; -moz-transition:none;-webkit-transition:none;transition:none}
.banner .ban-img{height:690px;}
.banner .ban-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}
.ban-txt{text-align:center;color:#fff;z-index:2;position:absolute;left:50%;top:40%;width:1200px;margin-left:-600px;text-align:center;}
.ban-txt .t1{font-size:65px;font-weight:bold;}
.ban-txt .t1, .ban-txt .t2, .ban-txt .t3{line-height:70px;margin-bottom:30px;transition-delay:.6s;-webkit-transition-delay:.6s;opacity:0;transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;transform:translateX(-100px);-webkit-transform:translateX(-100px);}
.ban-txt .t2{transition:all 1s ease-in-out .2s;-webkit-transition:all 1s ease-in-out .2s;position: relative;max-width:920px;margin:0px auto 30px;}
.ban-txt .t2{font-size:50px;font-weight:lighter;}
.ban-txt .t3{transition:all 1.2s ease-in-out .2s;-webkit-transition:all 1.2s ease-in-out .2s;font-size:16px;width:140px;height:45px;line-height:43px;border:1px solid #fff;text-align: center;margin:0px auto;}
.ban-txt .t3:hover{background:#fff;color:#333;cursor:pointer;}
.swiper-slide.swiper-slide-active .ban-txt .t1,.swiper-slide.swiper-slide-active .ban-txt .t2,.swiper-slide.swiper-slide-active .ban-txt .t3{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}


.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.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:30px}
.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1;transition:width .3s}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px; border-radius:5px;}
.banner .swiper-pagination-bullet-active{ background:#ec6a17; width:50px; border-radius:5px; }


.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}


.space{ padding:60px 0 80px}
.title{ color:#001943; font-size:36px; line-height:40px; margin-bottom:40px; text-align: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");
}



.i-prolist ul{ margin-right:-2%}
.i-prolist li{ float:left; margin-right:2%; margin-bottom:2%; width:48%; position:relative; overflow:hidden}
.i-prolist li:nth-child(3), .i-prolist li:nth-child(4){ margin-bottom:0}

.i-prolist .pic{ overflow:hidden; position:relative}

.i-prolist .pic:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0;background: -webkit-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));

  background: -o-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));

  background: -moz-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));

  background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8)); z-index:1; opacity:0}

.i-prolist .pic:before{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}

.i-prolist .pic img{ display:block; width:100%;-moz-transition:1s;-webkit-transition:1s;transition:1s}

.i-prolist .txt{position: absolute;left: 0px;right:0;bottom: 0px;height:60px;line-height:60px;background: rgba(0,25,67,.7);padding:0 30px;-webkit-transition:height .5s;-moz-transition:height .5s; transition:height .5s; z-index:2}

.i-prolist .txt h3{ font-size:24px; color:#fff}

.i-prolist .txt p{ line-height:24px; height:48px; margin-bottom:20px;max-width:60%;color:#fff; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}

.i-prolist .txt .more{ display:block; width:42px; height:42px; background:#ec6a17 url(../images/icon-more03.png) no-repeat center; border-radius:50%; position:absolute; right:30px;top:80px}

.i-prolist li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.i-prolist li:hover .pic:before{ opacity:1}

.i-prolist li:hover .txt{ height:130px;background:none}

.i-prolist li:hover .txt .more{top:50px}



.i-about{ background:url(../images/aboutbg.jpg) no-repeat center; height:595px; position:relative}

.i-aboutcon{ width:45%; color:#fff; padding-top:120px}

.i-aboutcon h2{ font-size:36px; line-height:42px; margin-bottom:40px}

.i-aboutcon h2 span{ display:block; font-size:26px;}

.i-aboutcon .intro{ font-size:16px; line-height:30px; margin-bottom:70px;}

.i-aboutcon .more{ display:inline-block; line-height:36px; border:1px solid rgba(255,255,255,.6); padding:0 40px 0 20px; color:#fff; background:url(../images/icon-more.png) no-repeat right 20px center}

.i-aboutcon .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 18px center;}

.i-about .i-culture{ height:100%;width:calc(50% - 185px); position:absolute; right:0;top:0;background:#006aaa;

background: -webkit-linear-gradient(left, #006aaa, #008abd);

background: -o-linear-gradient(right, #006aaa, #008abd);

background: -moz-linear-gradient(right, #006aaa, #008abd);

background: linear-gradient(to right, #006aaa, #008abd)

}



.i-about .i-culture:before{ content:""; width:185px; height:100%; background:url(../images/culbg.png) no-repeat; position:absolute; left:-185px;top:0}

.i-culture ul{ width:515px;padding-top:120px}

.i-culture li{ margin-bottom:25px}

.i-culture li:last-child{ margin-bottom:0}

.i-culture .icon{ width:65px; height:65px; border-radius:10px; background:#fff; overflow:hidden; float:left; position:relative;}

.i-culture .icon img{ position:absolute; left:0;top:0;bottom:0;right:0; margin:auto}

.i-culture .icon .img2{ opacity:0}

.i-culture .txt{border-bottom:1px dashed rgba(255,255,255,.2); width:calc(100% - 80px); float:right; line-height:30px}

.i-culture .txt h4{ font-size:18px; color:#fff} 

.i-culture .txt p{ color:rgba(255,255,255,.6)}

.i-culture .icon{ -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}

.i-culture .cur .img1{ opacity:0}

.i-culture .cur .img2{ opacity:1}

.i-culture .cur .icon{ background:#ec6a17}



.i-solist li{ width:25%; float:left; border:1px solid #e8e8e8;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s; background:#fff; position:relative; margin-left:-1px;}

.i-solist .icon{ display:block; width:60%; width:125px; height:125px; border-radius:50%; border:solid 1px #e8e8e8; margin:25px auto}

.i-solist .icon img{ width:100%; height:auto; display:block}

.i-solist .icon .img1{ display:block}

.i-solist .icon .img2{ display:none}

.i-solist  li:hover .icon .img1{ display:none}

.i-solist  li:hover .icon .img2{ display:block}



.i-solist .txt{ text-align:center; padding:0 30px 40px}

.i-solist .txt h3{ line-height:30px; margin-bottom:48px; font-size:20px; color:#001943;height:60px; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;position:relative}

.i-solist .txt h3:after{ content:""; width:100%; height:1px; background:#e8e8e8; position:absolute; left:0;bottom:-24px}

.i-solist .txt p{ font-size:14px; color:#666; line-height:25px;height:75px;display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden;}



.i-solist .more{ display:block; text-align:left;width:132px; line-height:36px; margin:25px auto 0; border:solid 1px #e8e8e8; color:#666; font-size:14px;background:url(../images/icon-more02.png) no-repeat right 25px center; padding-left:25px;}

.i-solist li:hover{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);z-index:5;box-shadow:0 2px 10px rgba(58,123,105,0.2);-webkit-box-shadow:0 2px 10px rgba(58,123,105,0.2);background: url(../images/solbg.jpg) no-repeat center center / cover;}

.i-solist li:hover .icon{border:solid 1px rgba(255,255,255,.2);}

.i-solist li:hover h3{ color:#fff;}

.i-solist li:hover h3:after{ background:rgba(255,255,255,.2)}

.i-solist li:hover .txt p{ color:#fff;}

.i-solist li:hover .more{ background:#fff url(../images/icon-more02.png) no-repeat right 25px center;}





.i-news{ background:#f3f3f3}

.i-newslist a{ display:block; background:#fff; height:456px; position:relative}

.i-newslist .pic{ height:50%; position:absolute; top:0;left:0;right:0; overflow:hidden}
.i-newslist .pic .img1{ display:none}
.i-newslist .pic .img2{ display:block; width:100%; height:100%; object-fit:cover; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-newslist .swiper-slide:nth-child(2n) .pic{top:auto;bottom:0}
.i-newslist .swiper-slide:nth-child(2n) .txt{bottom:auto;top:auto}

.i-newslist .txt{ padding:30px; position:absolute;left:0;right:0;bottom:0;height:50%}
.i-newslist .txt h3{ text-align:center; font-size:20px; color:#001943; line-height:30px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.i-newslist .intro{ color:#666; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; line-height:26px;}
.i-newslist .more{ display:block; width:45px; height:45px; border:1px solid #e8e8e8; border-radius:50%; background:url(../images/icon-more02.png) no-repeat center; margin:25px auto 0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.i-news .imore a{ display:block; width:132px; line-height:38px; margin:50px auto 0; background:#008abd url(../images/icon-more.png) no-repeat right 25px center; color:#fff; padding-left:25px;}
.i-news .imore a:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 25px center;}
.i-news .swiper-pagination{ display:none}
.i-newslist a:hover .img2{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newslist a:hover .more{background:#ec6a17 url(../images/icon-more.png) no-repeat center;}

/*============================================================*/



.nbanner{ position:relative;height:600px; overflow:hidden}

/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}*/



.nbanner .tit{ line-height:65px;color:#fff; font-size:52px; font-weight:600; padding-top:100px; position:absolute; left:0;top:0;right:0;bottom:0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; letter-spacing:6px}

.nbanner .tit span{ position:relative;animation:move 0.8s;-webkit-animation:move 0.8s;}

.nbanner .tit span:before{ content:""; width:80px; height:1px; background:#fff; position:absolute; left:-120px;top:50%}

.nbanner .tit span:after{ content:""; width:80px; height:1px; background:#fff; position:absolute; right:-120px;top:50%}

@keyframes move{

	from{transform:translateY(30px);opacity:0;}

	to{transform:translateY(0px);opacity:1;}

}

@-moz-keyframes move{

	from{transform:translateY(30px);opacity:0;;}

	to{transform:translateY(0px);opacity:1;}

}

@-webkit-keyframes move{

	from{transform:translateY(30px);opacity:0;;}

	to{transform:translateY(0px);opacity:1;}

}



.inner-nav{ border-bottom:1px solid #e5e5e5; background:#fff}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}

.inner-nav ul li a{padding:29px 30px;float:left;display: block;text-align: center;font-size: 16px;}

.inner-nav ul li.cur a,.inner-nav ul li a:hover{background:#ec6a17;color:#fff}

.inner-nav-about{ height:80px; position:relative}



.main{padding:60px 0}

.main02{ background:#f3f3f3}

.main .content{ line-height:30px;}

.main .content img{ max-width:100%; height:auto}



.anchor{display: block;height:70px;margin-top: -70px;visibility: hidden;}





.newstop-list{ position:relative;}

.newstop-list .swiper-slide{ background:#fff}

.newstop-list a{ display:block;}

.newstop-list .img{ width:60%; float:left; overflow:hidden}

.newstop-list .img img{ display:block; width:100%; height:auto; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.newstop-list .txt{ width:40%; float:right; color:#666; font-size:16px; line-height:30px; padding:60px 40px;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s;}

.newstop-list .txt .tit{ font-size:26px; color:#001943; line-height:35px; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin:10px 0}

.newstop-list .txt .intro{ margin-top:35px;display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}

.newstop-list .txt .more{display:block; text-align:left;width:132px; line-height:36px; margin-top:45px; border:solid 1px #e8e8e8; color:#666; font-size:14px;background:url(../images/icon-more02.png) no-repeat right 25px center; padding-left:25px;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.newstop-list .img img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.newstop-list .txt .more:hover{background:url(../images/icon-more.png) #ec6a17 no-repeat right 25px center; color:#fff}

.newstop-list .swiper-pagination{ width:40%; right:0; left:auto; text-align:left; padding:0 40px;bottom:60px}

.newstop-list .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}

.newstop-list .swiper-pagination-bullet-active{ background:#ec6a17}



.newslist ul{ margin-right:-2%}

.newslist li{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left; position:relative; border:1px solid #e5e5e5}

.newslist .pic{ position:relative; overflow:hidden}

.newslist .img1{ display:block; width:100%; height:auto}

.newslist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}

.newslist .txt{padding:30px 30px 40px;}

.newslist h4{margin:15px 0 30px;font-weight: bold;font-size: 20px;height: 50px;line-height: 25px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}

.newslist .time{color:#666; font-size:14px;}

.newslist .more{ display:inline-block; font-size:14px;line-height:24px; color:#008abd;position:relative}

.newslist .more:after{ content:""; width:100%; height:1px; background:#008abd;position:absolute; left:0;bottom:0}

.newslist .more, .newslist .more:after{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}



.newslist li:hover .img2{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.newslist li:hover .more{color:#ec6a17}

.newslist li:hover .more:after{ background:#ec6a17}



.newstit{font-size:30px;color: #001943;line-height:40px;margin-bottom:10px; text-align:center;position:relative}

.newstit02{font-size:30px;color: #001943;line-height:40px;margin-bottom:50px; text-align:center;position:relative}

.newstm{ font-size:14px; color:#666;  border-bottom: 1px solid #e5e5e5; text-align:center; padding-bottom:10px; margin-bottom:30px;}

.news-article{ font-size:16px;}

.news-article p{margin-bottom:10px}
.news-article table p{ margin-bottom:0}
.news-article table td{ padding:5px}
.page_2{ margin-top:50px; position:relative}

.back{ display:inline-block;background: #008abd;color: #fff; line-height:35px; border-radius:25px; padding:0 30px; position:absolute; right:0;top:20px}

.back:hover{background:#ec6a17; color:#fff}

.back02{ display:block;background: #008abd;color: #fff; line-height:35px; border-radius:25px; width:100px; text-align:center;margin:50px auto 0}

.back02:hover{background:#ec6a17; color:#fff}

.hezuo ul{ overflow:hidden}

.hezuo li{ float:left;border: 1px solid #e5e5e5;border-left: 0px; border-top: 0px;width: 25%;text-align: center; background:#fff}

.hezuo li:nth-child(4n){ border-right:0}

.hezuo li a{ display:block; display:flex; display:-webkit-flex; align-items:center; justify-content:center; height:150px;}

.hezuo li img{ display:block; max-width:60%; max-height:80%}

.hezuoxq{ display:flex; display:-webkit-flex; align-items:center;}

.hezuoxq .txt{ padding-left:20px; width:40%}

.hezuoxq .txt p{ position:relative; border-bottom:1px dotted #ddd}



.hezuo02 ul{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;}

.hezuo02 li{ width:23%; margin-right:2%; margin-bottom:2%; border:1px solid #e5e5e5; float:left; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.hezuo02 li .pic{ height:200px; overflow:hidden}

.hezuo02 li img{ display:block; width:100%; height:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.hezuo02 li .tit{ font-size:16px; text-align:center; padding:15px}

.hezuo02 li:hover img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.hezuo02 li:hover{ box-shadow:0 0 15px rgba(0,0,0,.15)}







/*about*/

.about-header, .about-header .header{ position: absolute; width:100%; top:0}

.inner-nav-about.on .inner-nav{background: rgba(0, 25, 67, 0.8); border-bottom:none;width: 100%; position:fixed; left:0;right:0;top: 0; z-index:99}

.inner-nav-about.on .inner-nav ul li a{ color:#fff; padding:20px 30px;}

.main-about>div{ padding:60px 0;}

.main-about .content{ font-size:16px; line-height:30px}

.section-company .left{ width:42%; padding-top:1%}

.section-company .left h2{ color:#001943; font-size:35px; line-height:45px; margin-bottom:30px}

.section-company .left h2 span{ display:block; font-size:26px}

.section-company .left .conn p{ margin-top:20px}

.section-company .right{ width:50%; margin-top:3%; position:relative}

.section-company .right img{ display:block; width:100%;position:relative;z-index:2;}

.section-company .right:after{content:"";display:block;width:50%;height:50%;border-top:1px solid #008abd;border-right:1px solid #008abd;position:absolute;right:-21px;top:-21px;}

.section-company .right:before{content:"";display:block;width:60%;height:80%;background:#eee;position:absolute;bottom:-20px;left:-20px;}

.gshj{ margin-top:40px; border-top:1px solid #e5e5e5; padding-top:40px}

.gshjlist{ padding-bottom:50px}

.gshjlist img{ display:block; width:100%; height:auto; }

.gshjlist .swiper-slide{ position:relative}

.gshjlist .tit{ position:absolute; left:0;right:0;bottom:0; padding:30px 30px 20px; color:#fff; font-size:18px;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8))}

.gshjlist .swiper-pagination{bottom:0}

.gshjlist .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}

.gshjlist .swiper-pagination-bullet-active{ background:#ec6a17}

.section-video{ height:500px; position:relative}
.section-video .video-btn{ position:absolute; width:100%; height:100px; cursor:pointer; left:0; top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); background:url(../images/video-btn.png) no-repeat center top; color:#fff; text-align:center; font-size:24px; padding-top:110px; font-weight:300}
.focusvideo{position: fixed;width: 1200px;height:auto;top:50%; left:50%;transform: translate(-50%,-50%);z-index: 3;background-color:#000; overflow:hidden; display:none;padding: 0 !important;}
.focusvideo.show-video{ display:block}
.focusvideo .video-show {position: relative;width:100%; height:100%;}
.focusvideo .video-show video{ width:100%; height:100%;}
.focusvideo .video-close{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; top:15px; right:15px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}



.section-development{ background:#f3f3f3}

.development{ margin-top:50px; margin-bottom:20px; position:relative}

.developlist {position:relative;margin:0 auto;overflow:hidden;}

.developlist .txtbox{transition:all 0.3s; min-height:136px; padding-left:30px; position:relative}

.developlist .txtbox:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:10px; top:0}

.developlist .txtbox .pic{ width:30%; float:left;padding-top: 5px}

.developlist .txtbox img{ width:100%;display:block;}

.developlist .txtbox .txt{ padding-left:35%}

.developlist .txtbox .tit{color: #001943; font-size:20px; line-height:30px; margin-bottom:10px}

.developlist .txtbox .intro{ font-size:14px; line-height:24px; height:120px;overflow: auto;}

.developlist .day{margin-top:50px;font-size:20px;color:#000;line-height:24px;position: relative;}

.developlist .xianz{position: absolute;bottom:40px;width: 100%;height: 15px;background: url(../images/development_timeline.png) repeat-x;display:block !important;opacity: 1 !important;}

.development .swiper-button-next, .development .swiper-button-prev{background: url(../images/icon-more02.png) #fff no-repeat center; width:45px; height:45px; border-radius:5px; margin-top:0;top:auto;bottom:25px}

.development .swiper-button-prev{background: url(../images/icon-more02-prev.png) #fff no-repeat center;}

.development .swiper-button-next{ right:-65px;}

.development .swiper-button-prev{ left:-65px}

.development .swiper-button-prev:hover{background: url(../images/icon-more-prev.png) #ec6a17 no-repeat center;}

.development .swiper-button-next:hover{background: url(../images/icon-more.png) #ec6a17 no-repeat center;}



.culture ul{ display:flex; display:-webkit-flex;}

.culture li{ border:1px solid #e5e5e5; background:#fff; margin-left:-1px; width:25%; padding:5%}

.culture .icon{ display:block; width:90px; height:90px; background:#f5f5f5; border-radius:50%; margin:0 auto; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.culture .txt{ text-align:center}

.culture .tit{ font-weight:bold; color:#001943; margin:20px 0 10px; font-size:18px}

.culture li{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.culture li:hover{ background:#ec6a17;transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);z-index:5;box-shadow:0 2px 10px rgba(58,123,105,0.2);-webkit-box-shadow:0 2px 10px rgba(58,123,105,0.2);}

.culture li:hover .txt{ color:rgba(255,255,255,.6)}

.culture li:hover .tit{ color:#fff}

.culture li:hover .icon{ background:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.1)}



.section-business, .section-hr{ background:#f3f3f3}

.business{ background:#fff; padding:5%; position:relative}

.business img{ display:block; width:55%}

.business .txt{ position:absolute; right:10%; width:34%;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:20px; line-height:35px}

.business .txt p{ margin-bottom:10px}

.business .txt .w1{ font-size:30px; font-weight:bold; color:#ec6a17}

.business .txt .w2{ font-size:20px; font-weight:bold;color:#008abd}



.horlist{ padding-bottom:40px}

.horlist img{ display:block; width:100%;}

.horlist .tit{ text-align:center; background:#f3f3f3; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px}

.horlist .swiper-pagination{bottom:0}

.horlist .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}

.horlist .swiper-pagination-bullet-active{ background:#ec6a17}



.section-hr{ position:relative; height:500px; padding-top:100px !important; background:url(../images/hrbj.jpg) no-repeat center; background-size:cover}

.section-hr .hr-img{ width:50%; position:absolute; left:0;top:0;right:0;}

.section-hr .hr-img img{ display:block; width:100%; height:100%}

.section-hr .title{ color:#fff}

.section-hr .hr{ color:#fff; text-align:center; font-size:18px; line-height:40px; padding:0 25%;font-weight:300}

.section-hr .hr p{ margin-bottom:10px; font-weight:300}

.section-hr .more{display: block;width:140px;line-height: 38px; margin: 50px auto 0; background: url(../images/icon-more.png) no-repeat right 15px center;padding-left: 15px; border:1px solid #fff; color: #fff; font-size:14px; text-align:left;}

.section-hr .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 15px center; border:1px solid #ec6a17}

.job-top{background:#008abd; color:#fff}

.job-top li{float: left;width: 20%; padding-left:30px;font-size:16px; height:50px; line-height:50px;}

.job-top li:first-child{ width:40%}

.joblist{border: 1px solid #d8d8d8; border-top:0;}

.joblist li{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; cursor:pointer}

.joblist-top{border-bottom: 1px solid #ddd; position:relative}

.joblist-top:before{ content:""; width:100%; height:2px; position:absolute; left:0;bottom:0;}

.joblist-top div{float: left;width: 20%; padding-left:30px;font-size:16px;line-height:30px; padding-top:10px; padding-bottom:10px;}

.joblist-top div:first-child{ width:40%}

.joblist-top .time{ font-size:14px}

.joblist-con{ padding:20px 30px 30px; display:none; font-size:14px; background:#efefef; position:relative}

.joblist-con p{ margin-bottom:0 !important}

.joblist li.cur{ background:#ebebeb;}

.joblist li.cur .joblist-top div:first-child{ color:#ec6a17}

.jobtn{ float:right; background:#ec6a17; color:#fff !important; display:block; padding:0 15px; line-height:40px;}

/*service*/

.main-service>div{ padding:60px 0; position:relative; overflow:hidden}

.main-service>div:nth-child(2n){ background:#f3f3f3}

.main-service .content{ font-size:16px; line-height:30px}

.main-service .content img{ max-width:100%}

.main-service .section1 .left{ width:42%;}

.main-service .section1 .left .title{ text-align:left; margin-top:10%}

.main-service .section1 .left .conn p{ margin-top:20px}

.main-service .section1 .right{ width:50%; margin-top:3%; position:relative}

.main-service .section1 .right img{ display:block; width:100%;position:relative;z-index:2;}

.main-service .section1 .right:after{content:"";display:block;width:55%;height:50%;border-top:1px solid #008abd;border-right:1px solid #008abd;position:absolute;right:-21px;top:-21px;}

.main-service .section1 .right:before{content:"";display:block;width:70%;height:80%;background:#eee;position:absolute;bottom:-20px;left:-20px;}



/*教育培训*/

.pymb ul{ display:flex; display:-webkit-flex; justify-content:space-between;}

.pymb li{ width:23%; text-align:center; background:#fff; padding:4% 3%; box-shadow:0 3px 5px rgba(0,0,0,.08);-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.pymb h4{ font-size:18px; color:#008abd; margin:15px 0}

.pymb li:hover{box-shadow:0 3px 5px rgba(0,0,0,.1); -webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)}



.pyms{ margin-bottom:40px;}

.pyms-top{background: #f3f3f3;position: relative;}

.pyms-top .pic{width: 50%;position: absolute;right: 0;top: 0; bottom: 0; overflow:hidden}

.pyms-top .pic img{display: block;width: 100%;height: 100%;object-fit: cover; position: relative; z-index: 2;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.pyms-top .txt{ width:50%;padding:80px 60px 80px;}

.pyms-top .txt .tit{font-size: 30px;margin-bottom: 25px; color:#001943; display:flex; display:-webkit-flex; align-items:center;}

.pyms-top .txt .tit .num{ display:block; width:60px; height:60px; line-height:60px; border-radius:50%; background:#008abd; color:#fff; text-align:center; font-weight:bold; margin-right:15px}

.pyms-top .txt .conn{}

.pyms-top .pic img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

.pyms-xm ul{display:flex; display:-webkit-flex; justify-content:space-between; margin-top:30px}

.pyms-xm li{ width:24%;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s;border:1px solid #e8e8e8}

.pyms-xm .pic{ overflow:hidden}

.pyms-xm .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.pyms-xm .txt{ padding:30px;line-height:26px; }

.pyms-xm .tit{ font-size:20px; color:#008abd; font-weight:bold; margin-bottom:15px}

.pyms-xm li:hover{ box-shadow:0 0 5px rgba(0,0,0,.1)}

.pyms-xm li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.pyms-xm02 ul{display:flex; display:-webkit-flex; justify-content:space-between; margin-top:20px}

.pyms-xm02 li{ width:49.3%;border:1px solid #e8e8e8;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s;}

.pyms-xm02 .tit{font-size:20px; color:#008abd; font-weight:bold;padding:15px 30px 20px}

.pyms-xm02 .tit span{}

.pyms-xm02 .conn{ padding:0 30px 30px;}

.pyms-xm02 li:hover{box-shadow:0 0 5px rgba(0,0,0,.1)}

.pylc{display:flex; display:-webkit-flex; justify-content:space-between; position:relative; margin-top:20px}

.pylc:before{ content:""; width:100%; height:1px; border-top:1px dotted #ccc; position:absolute; left:0;top:45px}

.pylc .kuai{ width:85px; text-align:center; background:#fff; position:relative; z-index:1; border:none;}

.pylc .icon img{ display:block;}

.pylc .ltit{ font-size:16px}

.jxfs{display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; position:relative} 

.jxfs .kuai{ width:48%; font-size:14px; line-height:24px; color:#666}

.jxfs .kuai:nth-child(3){ width:100%; margin-top:10px}

.jxfs .kuai .ltit{font-size:16px; color:#333; padding-left:20px; margin-bottom:5px; position:relative}

.jxfs .kuai .ltit:before{ content:""; width:6px; height:6px; border-radius:50%; border:2px solid #ec6a17; position:absolute; left:0;top:7px}



.ts-img{ position:absolute; left:0;right:0;top:0; width:100%; height:60%; overflow:hidden}

.ts-img img{ display:block; margin:0 auto; width:100%}

.pyts{ background:#fff; border-radius:10px; padding:60px; position:relative; z-index:2; margin-top:150px}

.pyts ul{ display:flex; display:-webkit-flex;}

.pyts li{ width:50%; padding:0 3%}

.pyts .title{ text-align:left}

.youshi ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}

.youshi li{ width:25%; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:30px; position:relative}

.youshi li:nth-child(4n){ border-right:0}

.youshi li:nth-child(5), .youshi li:nth-child(6), .youshi li:nth-child(7), .youshi li:nth-child(8){ border-bottom:0}

.youshi li:nth-child(1):after,.youshi li:nth-child(2):after,.youshi li:nth-child(3):after{ content:""; width:10px; height:10px; display:block; border-radius:50%; background:#ec6a17; position: absolute; right:-5px;bottom:-5px; z-index:2}

.youshi .num{ font-size:50px; font-family:impact; color:#008abd; opacity:.15; line-height:60px;}

.youshi .tit{ font-weight:bold;color:#008abd; margin-bottom:10px}

.teacherbox{ position:relative}

.teacher{ padding:10px 0}

.teacher .swiper-slide{text-align:center;}

.teacher .swiper-slide a{ display:block;padding:60px 50px;background:#fff;}

.teacher .pic{ display:block; width:180px; height:180px; border-radius:50%; margin:0 auto; overflow:hidden;}

.teacher .pic>img{ display:block; width:100%;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}

.teacher .txt{ font-size:14px; color:#666; line-height:26px}

.teacher .tit{ font-size:20px;color:#001943; margin:30px 0 20px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;} 

.teacher .intro{ display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden}

.teacherbox .swiper-button-next, .teacherbox .swiper-button-prev{background: url(../images/icon-more02.png) #fff no-repeat center; width:45px; height:45px; border-radius:5px; margin-top:0;top:50%; margin-top:-22px}

.teacherbox .swiper-button-prev{background: url(../images/icon-more02-prev.png) #fff no-repeat center;}

.teacherbox .swiper-button-next{ right:-65px;}

.teacherbox .swiper-button-prev{ left:-65px}

.teacherbox .swiper-button-prev:hover{background: url(../images/icon-more-prev.png) #ec6a17 no-repeat center;}

.teacherbox .swiper-button-next:hover{background: url(../images/icon-more.png) #ec6a17 no-repeat center;}

.teacher .swiper-slide:hover a{ box-shadow:0 0 10px rgba(0,0,0,.1)}

.teacher .swiper-slide:hover .pic>img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.teacher .swiper-slide:hover .tit{color:#ec6a17}

.teachercon-hide{ position:fixed; width:600px; left:50%; margin-left:-300px;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15);height:0; overflow:hidden;visibility:hidden;z-index:99}

.teachercon-bg{ content:""; width:100%; height:100%; background:rgba(0,0,0,.1); position:fixed; left:0;top:0;right:0;bottom:0; z-index:98; display:none}

.teachercon-hide .conn{ padding:40px 50px 60px;}

.teachercon-hide .hd-tit{ font-size:24px; margin-bottom:30px; text-align:center; color:#001943}

.teachercon-hide .hd-pic{ display:block; width:180px; height:180px; border-radius:50%; margin:0 auto; box-shadow:0 0 0 15px rgba(0,0,0,.05); overflow:hidden;}

.teachercon-hide .hd-pic img{ display:block; width:100%}

.teachercon-hide .hd-intro{ margin-top:30px; overflow:auto; height:330px; font-size:14px;}

.teachercon-hide .closed{ width:25px; height:25px; position:absolute; right:10px;top:10px}

.teachercon-hide .closed:after{ content:""; width:2px; height:100%; background:#333;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg); transform-origin:center; position:absolute; left:45%;top:0}

.teachercon-hide .closed:before{ content:""; width:100%; height:2px; background:#333;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg);transform-origin:center;position:absolute; left:0;top:50%}

.teachercon-bg.show{ display:block}

.teachercon-hide.show{height:700px; visibility:visible; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



.base .pic{ text-align:center}

.base .pic img{ display:block; width:100%; height:auto}

.base .tit{ padding-top:10px}

.basebox{ position:relative}

.basebox .swiper-button-next, .basebox .swiper-button-prev{background: url(../images/icon-more02.png) #f3f3f3 no-repeat center; width:45px; height:45px; border-radius:5px; margin-top:0;top:50%; margin-top:-22px}

.basebox .swiper-button-prev{background: url(../images/icon-more02-prev.png) #f3f3f3 no-repeat center;}

.basebox .swiper-button-next{ right:-65px;}

.basebox .swiper-button-prev{ left:-65px}

.basebox .swiper-button-prev:hover{background: url(../images/icon-more-prev.png) #ec6a17 no-repeat center;}

.basebox .swiper-button-next:hover{background: url(../images/icon-more.png) #ec6a17 no-repeat center;}



.basecon-hide{ position:fixed; width:800px; left:50%; margin-left:-400px;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15);height:0; overflow:hidden;visibility:hidden;z-index:99}

.basecon-bg{ content:""; width:100%; height:100%; background:rgba(0,0,0,.1); position:fixed; left:0;top:0;right:0;bottom:0; z-index:98; display:none}

.basecon-hide .conn{ padding:40px 50px 60px;}

.basecon-hide .hd-tit{ font-size:24px; margin-bottom:30px; text-align:center; color:#001943}

.basecon-hide .hd-pic{ display:block;margin:0 auto;overflow:hidden;}

.basecon-hide .hd-pic img{ display:block; max-width:100%; margin:0 auto; max-height:400px;}

.basecon-hide .hd-intro{ margin-top:30px; overflow:auto; height:180px; font-size:14px; padding:0 15px}

.basecon-hide .closed{ width:25px; height:25px; position:absolute; right:10px;top:10px}

.basecon-hide .closed:after{ content:""; width:2px; height:100%; background:#333;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg); transform-origin:center; position:absolute; left:45%;top:0}

.basecon-hide .closed:before{ content:""; width:100%; height:2px; background:#333;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg);transform-origin:center;position:absolute; left:0;top:50%}

.basecon-bg.show{ display:block}

.basecon-hide.show{ height:800px; visibility:visible; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



/*技术服务项外包*/

.jsfw ul{ display:flex; display:-webkit-flex; justify-content:space-between}

.jsfw li{ width:48.5%; background:#008abd; color:#fff; padding:60px 100px; border-radius:10px; font-size:14px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.jsfw .tit{ font-size:24px; text-align:center; position:relative}

.jsfw .tit:after{ content:""; width:35px; height:1px; background:#fff; display:block; margin:20px auto 30px; opacity:.5}

.jsfw .ltit{ margin-top:20px; font-size:16px;}

.jsfw li:hover{ box-shadow:0 5px 20px rgba(0,138,189,.3);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px)}

.jsfwys ul{display:flex; display:-webkit-flex; justify-content:space-between}

.jsfwys li{ width:24%; background:#f3f3f3;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s;}

.jsfwys .pic{ overflow:hidden}

.jsfwys .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.jsfwys .txt{ padding:30px; font-size:14px; line-height:26px;}

.jsfwys .tit{ font-size:20px; color:#008abd; font-weight:bold}

.jsfwys .ltit{font-size:16px; margin:5px 0 15px}

.jsfwys li:hover{ box-shadow:0 0 5px rgba(0,0,0,.3)}

.jsfwys li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.section-kjfn{ background:url(../images/kjfnbg.jpg) no-repeat center !important; background-size:cover !important; color:#fff;}

.kjfn{ width:42%; margin:5% 0}

.kjfn .title{color:#fff; text-align:left}

.kjfncon>h3{ font-size:24px; line-height:35px; margin-bottom:20px}

.kjfncon p{ margin-top:10px}

/*猎头服务*/

.ltfw ul{ display:flex; display:-webkit-flex; justify-content:space-between}

.ltfw li{ width:32.33%; background:#008abd; color:#fff; padding:60px; border-radius:10px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.ltfw .tit{ font-size:24px; text-align:center; position:relative}

.ltfw .tit:after{ content:""; width:35px; height:1px; background:#fff; display:block; margin:20px auto 30px; opacity:.5}

.ltfw .conn{ text-align:center}

.ltfw .conn p{ border-bottom:1px dashed rgba(255,255,255,.3); padding-bottom:10px; margin-bottom:10px}

.ltfw li:hover{ box-shadow:0 5px 20px rgba(0,138,189,.3);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px)}

.ltfwys .tit{ margin-bottom:15px}
.jsfwys-ul .tit{ margin-bottom:10px}


/*智能机器人*/

.jqrfw ul{ display:flex; display:-webkit-flex; justify-content:space-between}

.jqrfw li{ width:24%; background:#f3f3f3;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s; position:relative}

.jqrfw .pic{ overflow:hidden}

.jqrfw .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}

.jqrfw .txt{ position:absolute; width:100%; height:100%;top:0;left:0; display:flex; display:-webkit-flex; justify-content:center; align-items:center;align-content:center; flex-wrap:wrap;color:#fff}

.jqrfw h3{font-size:24px; width:100%; padding:0 10%; text-align:center; margin-top:20px}

.jqrfw li:hover .pic>img{ -webkit-transform:scale(1.05) translateX(-5px);-moz-transform:scale(1.05) translateX(-5px);transform:scale(1.05) translateX(-5px)}





/*solution*/

.main-solution .content{ font-size:16px;line-height: 30px;}
.main-solution .content img{ max-width:100%}

.solution-list li{ padding:40px 0}
.solution-list li:first-child{ padding-top:0}
.solution-list .pic{ width:62%; overflow:hidden; border-radius:10px}
.solution-list .pic img{ width:100%; height:auto; display:block; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.solution-list .txt{ width:33%; text-align:left; padding-top:5%; font-size:16px}
.solution-list .txt .title{ text-align:left; line-height:40px; font-size:30px; padding-left:20px; position:relative}
.solution-list .txt .title:before{ content:""; width:5px; height:100%; background:#ec6a17; display:block; position:absolute; left:0;top:0}
.solution-list .txt strong{color:#ec6a17}
.solution-list .txt .infor{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
.solution-list .more{display:block; text-align:left;width:132px; line-height:36px; margin-top:45px; border:solid 1px #e8e8e8; color:#666; font-size:14px;background:url(../images/icon-more02.png) no-repeat right 25px center; padding-left:25px;}
.solution-list li:nth-child(2n) .pic{ float:left;}
.solution-list li:nth-child(2n) .txt{ float:right}
.solution-list li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.solution-list .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 25px center;color:#fff}

.main-solution>div{padding: 60px 0;position: relative;overflow: hidden;}
.main-solution>div:nth-child(2n){ background:#f3f3f3}
.main-solution .solution-js{ background:#f3f3f3; position:relative}
.main-solution .solution-js .left{ width:50%; padding:5%}
.main-solution .solution-js .left .title{ text-align:left; font-size:30px; margin-bottom:25px}
.main-solution .solution-js .left .conn p{ margin-top:20px}
.main-solution .solution-js .left .more{display:block; text-align:left;width:132px; line-height:36px; margin-top:45px; border:1px solid #ddd; color:#666; font-size:14px;background:url(../images/icon-more02.png) no-repeat right 25px center; padding-left:25px;}
.main-solution .solution-js .left .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 25px center;color:#fff}
.main-solution .solution-js .right{ width:50%;position: absolute; right:0;top:0;bottom:0}
.main-solution .solution-js .right img{ display:block; width:100%; height:100%; object-fit:cover;position:relative;z-index:2;}



.main-solution .solution-jg .pic{ background:#e0e0e0; text-align:center}
.main-solution .solution-jg .pic02{ background:#fff}
.main-solution .solution-jgys{ margin-top:40px}
.main-solution .solution-jgys ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.main-solution .solution-jgys li{ width:20%; position:relative}
.main-solution .solution-jgys li:after{ content:""; width:1px; height:60%; background:#ddd; position:absolute; right:-15%;top:20%; }
.main-solution .solution-jgys li:last-child::after{ display:none}
.main-solution .solution-jgys .icon{display:flex; display:-webkit-flex; justify-content:center; align-items:center; font-size:20px; color:#008abd; font-weight:bold}
.main-solution .solution-jgys .icon img{ margin-right:10px}
.main-solution .solution-jgys li:nth-child(3) .icon, .main-solution .solution-jgys li:nth-child(4) .icon{ color:#001943}
.main-solution .solution-jgys h3{ text-align:center; color:#008abd; font-size:18px; margin:10px 0}
.main-solution .solution-jgys li:nth-child(3) h3, .main-solution .solution-jgys li:nth-child(4) h3{color:#001943}


.main-solution .solution-lc ul{display:flex; display:-webkit-flex; justify-content:space-between; position:relative}
.main-solution .solution-lc ul:before{ content:""; width:100%; height:1px; border-top:1px dotted #ccc; position:absolute; left:0;top:60px}
.main-solution .solution-lc li{ width:120px; text-align:center; background:#fff; position:relative; z-index:1}
.main-solution .solution-lc .tit{ font-size:18px}

.main-solution .solution-ly ul{ margin-right:-2%}
.main-solution .solution-ly li{ float:left; width:23%; margin-right:2%; position:relative}
.main-solution .solution-ly .img{ overflow:hidden}
.main-solution .solution-ly img{ display:block; width:100%;-moz-transition:.6s;-webkit-transition:.6s; transition:.6s;}
.main-solution .solution-ly h3{ position:absolute; width:100%; bottom:0;left:0; color:#fff; font-size:18px; padding:100px 20px 10px;background: -webkit-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));
  background: -o-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));
  background: -moz-linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));
  background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.8));}
.main-solution .solution-ly li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}


.sollist-ms ul{display:flex; display:-webkit-flex; justify-content:space-between}
.sollist-ms li{ width:31.33%; background:#f3f3f3;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s;}
.sollist-ms .pic{ overflow:hidden}
.sollist-ms .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s;}
.sollist-ms .txt{ padding:30px; font-size:14px; line-height:26px;}
.sollist-ms .tit{ font-size:20px; color:#008abd; font-weight:bold; margin-bottom:15px}
.sollist-ms li:hover{ box-shadow:0 0 8px rgba(0,0,0,.3)}
.sollist-ms li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.news-article .fantit{text-align:center; margin:20px auto; }
.news-article .fantit b{display:inline-block;border-bottom:1px solid #008abd;border-top:1px solid #008abd; font-size:20px; font-weight:bold; color:#008abd; letter-spacing:3px; padding:0 5px}
.news-article .fantitl{ display:inline-block; background:#008abd; color:#fff; padding:0 10px; position:relative}
.news-article .fantitl:after{ content:""; width: 0;height: 0;border-top: 30px solid #008abd;border-right:20px solid transparent; position:absolute; right:-20px;bottom:0}
.news-article .fanlist ul{ display:flex; display:-webkit-flex; justify-content:center; padding:20px 0; position:relative}
.news-article .fanlist ul:after{ content:""; width:1px; height:80%; background:#d8d8d8; position:absolute; right:50%; top:10%}
.news-article .fanlist li{ width:32%; padding:0 5%; position:relative}

/*cooperation*/
.project-list{ position:relative; overflow:hidden}
.project-list .pic{ overflow:hidden; position:relative}

.project-list .pic .img1{ display:block; width:100%;}

.project-list .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}

.project-list .txt{border: 1px solid #e5e5e5;padding: 30px 30px 40px;}

.project-list h3{ margin-bottom:15px;font-weight: bold;font-size:20px;line-height: 25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.project-list .intro{ display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; color:#666; line-height:24px; margin-bottom:10px}

.project-list .more{ display:inline-block; font-size:14px;line-height:24px; color:#008abd;position:relative}

.project-list .more:after{ content:""; width:100%; height:1px; background:#008abd;position:absolute; left:0;bottom:0}

.project-list .more, .project-list .more:after{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.project-list a:hover .more{color:#ec6a17}

.project-list a:hover .more:after{ background:#ec6a17}



.project-list .swiper-pagination{bottom:0; display:none}

.project-list .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}

.project-list .swiper-pagination-bullet-active{ background:#ec6a17}





.cooper-box{ padding-bottom:60px}

.cooper-box .pic{ width:62%; overflow:hidden; border-radius:10px}

.cooper-box .pic img{ width:100%; height:auto; display:block}

.cooper-box .txt{ width:33%; text-align:left; padding-top:5%; font-size:16px}

.cooper-box .txt .title{ text-align:left; line-height:40px; font-size:30px; padding-left:20px; position:relative}

.cooper-box .txt .title:before{ content:""; width:5px; height:100%; background:#ec6a17; display:block; position:absolute; left:0;top:0}

.cooper-box .txt strong{color:#ec6a17}

.cooper-box:nth-child(2n) .pic{ float:left;}

.cooper-box:nth-child(2n) .txt{ float:right}

.cooper-box .link{ margin-top:40px;}

.cooper-box .link a{ display:block; float:left; border:1px solid #008abd; color:#008abd; padding:0 25px; font-size:14px; margin-right:15px; line-height:40px;}

.cooper-box .link a.btn{ border:1px solid #ec6a17; color:#ec6a17}

.cooper-box .link a.more:hover{ background:#008abd; color:#fff}

.cooper-box .link a.btn:hover{ background:#ec6a17; color:#fff}



.message-hd{position: fixed;top: 0;right: 0; bottom: 0;left: 0; z-index: 1001;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;overflow-x: hidden;overflow-y: auto;}

.message-hdcon{ background:#fff; width:600px; padding:30px; margin:30px auto;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); border-radius:5px;position: relative;top:15%;box-shadow: 0 5px 15px rgba(0,0,0,.5);-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;

-webkit-transform: translate(0,-25%);

-ms-transform: translate(0,-25%);

-o-transform: translate(0,-25%);

transform: translate(0,-25%);}

.message-hd.show .message-hdcon{-webkit-transform: translate(0,0);

-ms-transform: translate(0,0);

-o-transform: translate(0,0);

transform: translate(0,0);}

.message-hdcon .closed{width:25px;height: 25px;background: url(../images/close.png) no-repeat;background-size:cover;position: absolute;right: -30px;top: -30px;cursor: pointer;}

.message-hdcon .tit{ font-size:30px; font-weight:bold; color:#008abd}

.message-bg{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000; background-color: #000; opacity:.6; filter:alpha(opacity=60); display:none}

.form-message{ margin-top:30px}

.form-message .item { position: relative; margin-bottom: 10px;}

.form-message input[type=text]{line-height:45px;border: 1px solid #e0e0e0;width: 100%;background:#fff;padding:0 15px;-webkit-appearance: none; font-size:14px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.form-message textarea {height:100px; line-height: 26px; border: 1px solid #e0e0e0; width: 100%; background:#fff; padding:10px 15px; outline: none; -webkit-appearance: none;font-size:16px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.form-message .yzm{}

.form-message .yzm input{ width:200px}

.form-message .submit{ margin-top:15px}

.form-message .submit-btn{background: #008abd;color: #fff;border: 0;cursor: pointer;height:40px;font-size:16px;line-height:40px;width:140px;text-align: center;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.form-message .submit-btn:hover{background: #ec6a17;}

.form-message input[type=text]:hover, .form-message textarea:hover{ border:1px solid #ec6a17; }


.news-list02, news-list03{ position:relative; overflow:hidden}
.news-list02 .pic{ overflow:hidden; position:relative}
.news-list02 .img1{ display:block; width:100%;}
.news-list02 .img2{position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.news-list02 .txt{border: 1px solid #e5e5e5;padding: 30px 30px 40px;}
.news-list02 .tit{ margin-bottom:15px;font-weight: bold;font-size:20px;line-height: 25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list02 .intro{ display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; color:#666; line-height:24px; margin-bottom:10px}
.news-list02 .more{ display:inline-block; font-size:14px;line-height:24px; color:#008abd;position:relative}
.news-list02 .more:after{ content:""; width:100%; height:1px; background:#008abd;position:absolute; left:0;bottom:0}
.news-list02 .more, .project-list .more:after{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news-list02 a:hover .more{color:#ec6a17}
.news-list02 a:hover .more:after{ background:#ec6a17}
.news-list02 .swiper-pagination{bottom:0; display:none}
.news-list02 .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}
.news-list02 .swiper-pagination-bullet-active{ background:#ec6a17}



.news-list03 .pic{ overflow:hidden; position:relative}
.news-list03 .img1{ display:block; width:100%;}
.news-list03 .img2{position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.news-list03 .txt{background:#fff;padding: 30px 30px 40px;}
.news-list03 .tit{ margin-bottom:15px;font-weight: bold;font-size:20px;line-height: 25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list03 .intro{ display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; color:#666; line-height:24px; margin-bottom:10px}
.news-list03 .more{ display:inline-block; font-size:14px;line-height:24px; color:#008abd;position:relative}
.news-list03 .more:after{ content:""; width:100%; height:1px; background:#008abd;position:absolute; left:0;bottom:0}
.news-list03 .more, .project-list .more:after{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.news-list03 a:hover .more{color:#ec6a17}
.news-list03 a:hover .more:after{ background:#ec6a17}
.news-list03 .swiper-pagination{bottom:0; display:none}
.news-list03 .swiper-pagination-clickable .swiper-pagination-bullet{ margin-left:0; margin-right:10px; width:10px; height:10px}
.news-list03 .swiper-pagination-bullet-active{ background:#ec6a17}


/*===========================contact================================*/

.contact{background:#acb1bb; margin-top:200px; position:relative}

.contact .pic{ position:relative; height:870px; overflow:hidden}

.contact .pic img{ display:block; position:absolute; left:0;right:0;bottom:0; width:100%}

.contact .wrap{ position:absolute; left:0;right:0;top:0;bottom:0}

.contact-list{ position:absolute; right:0; top:-180px; background:#f4af23;color:#333; text-align:right; padding:40px 70px 50px 70px; font-size:25px; line-height:40px}

.contact-list .tit{ margin-bottom:50px; color:#000; font-size:30px;}

.contact-list .tit span{ display:block; font-size:19.5px}

.contact-title{font-size:60px; color:#1c1c1c;text-align:center; line-height:65px; margin-bottom:35px;position:relative;}



#allmap{width:100%;height:500px;line-height:22px; font-size:14px;}

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

}



/*============================================================*/

.footerad{ background:url(../images/foottbg.jpg) #02080f no-repeat center;color:#fff}

.footerad h1{ font-size:36px; text-align:center; height:260px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}

.footer{ background:#191a1c;color:#fff;line-height:30px;position:relative}



.footer a:hover{color:rgba(255,255,255,.6)}

.footer-top{border-bottom:1px solid rgba(255,255,255,.15);padding-top:60px; padding-bottom:40px}

.f-logo img{ display:block}





.f-nav li{ float:left; margin-right:90px; max-width:180px;}
.f-nav h4{ font-size:16px; color:#fff; font-weight:400; margin-bottom:10px;}
.f-nav .sub a{ display:block; color:rgba(255,255,255,.6);line-height:20px;margin-bottom: 10px;}
.f-nav .sub a:hover{ color:rgba(255,255,255,.8)}

.f-contact h4{ font-size:16px; color:#fff; font-weight:400; margin-bottom:10px;}
.f-contact .tel{ font-size:20px;}
.f-contact .tel span{ display:block; font-size:12px;color:rgba(255,255,255,.6); line-height:initial}

.f-ewm{ text-align:center;}
.f-ewm img{ display:block; width:130px;margin:0 auto; padding:10px; border:1px solid rgba(255,255,255,.2)}
.f-ewm span{color:rgba(255,255,255,.6)}

.copyright{ text-align:right;padding:20px 0 30px; color:#929393; position:relative; overflow:hidden}
.copyright a{ color:#929393}
.copyright:before{ content:""; width:55px; height:55px; display:block; background:url(../images/flogo.png) no-repeat center; opacity:.1; position:absolute; left:0;top:10px}



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