@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 14px; color: #333;background-color: #fff;font-family: "Arial","Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow-x:hidden;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;font-size: 1px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0091ff;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}






.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/*5行文本省略号*/
.dot5 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    color: #585858;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}
.hide {
    display: none;
}
@font-face {
    font-family: 'Oswald';
    src:url(../fonts/Oswald-Regular.ttf);
}
.auto_1280{max-width: 1280px;margin: 0 auto; width: 96%;}


.header{position: fixed; width: 100%; left: 0; top: 0; background-color: #050505; z-index: 101;transition: all .5s;}
.header.fixed{background-color: #fff;}
.header .top{position: relative;}
.header .header-left{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; padding: 1% 0; width: 25%;}
.header .header-left .logo{height: 100%; position: relative;}
.header .header-left .logo img{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; margin: auto; max-width: 210PX; transition: all .3s;}
.header .header-left .logo .hover{opacity: 0;}
.header.fixed .header-left .logo img{opacity: 0;}
.header.fixed .header-left .logo .hover{opacity: 1;}

.header .header-mid{float: right;}
.header .header-mid li{float: left; padding: 0 30px; position: relative;}
.header .header-mid li em{font-style: normal; display: block; padding: 30px 0; position: relative;}
.header .header-mid li em a{font-size: 18px; color: rgb(255, 255, 255); line-height: 1;line-height: 30px;}
.header.fixed .header-mid li em a{color: #333}
.header .header-mid li .sub a:hover{color: #0a51a1;}
.header .header-right{float: right; padding: 30px 0; position: relative;}
.header .header-right .top-search{position: absolute; width: 250px; position: absolute; right: 0; top: 100%;display: none;}
.header .header-right .top-search .text{ color: #999; background: #fff; border: none; width: 100%; padding: 0 50px 0 10px; height: 40px; line-height: 40px}
.header .header-right .top-search .btn{position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../images/search.svg) no-repeat center center #0a51a1;}
.header .header-right .open-search{float: left; display: block ; width: 30px; height: 30px; background: url(../images/search.svg) center center no-repeat; margin-left: 20px; position: relative;background-size: 70%;}
.header.fixed .header-right .open-search{background: url(../images/search_block.svg) center center no-repeat;background-size: 70%;}
.header .header-right .open-search.active{background: none;}
.header .header-right .open-search::before,
.header .header-right .open-search::after{position: absolute; left: 25%; content: ''; width: 50%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff; opacity: 0; -webkit-opacity: 0; transition: 0.5s; -webkit-transition: 0.5s;  }
.header .header-right .open-search.active:before,
.header .header-right .open-search.active:after{ opacity: 1; -webkit-opacity: 1;  -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.header .header-right .open-search.active::after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.header .header-right .top-language{float: left; position: relative; color: #fff; font-size: 18px; margin-left: 30px;}
.header.fixed .header-right .top-language{color: #333;}
.header .header-right .top-language dd{/* background:url(../images/icon_lang.png) no-repeat left center; *//* padding-left:25px; */font-size: 16px;cursor: pointer;line-height: 30px;}
.header.fixed .header-right .top-language dd a{color: #333;/* background:url(../images/icon_lang_block.png) no-repeat left center; */}
.header .header-right .top-language dd a{color:#fff;padding:0 5px;}
.header .header-right .top-language dt{position: absolute; right: 0; width: 120%; text-align: center; background-color: #fff;  top: 100%; display: none;}
.header .header-right .top-language dt a{ display:block; border-bottom:1px solid #eee; line-height:24px; transition:color 0.3s; color: #222; font-size: 14px;}
.header .header-right .top-language dt a:last-child{ border-bottom:0;}
.header .header-right .top-language dt a:hover{ color:#fff; background:#b81f69;}
.TopHeight{width: 100%;}

@media(min-width:1025px){
    .header .header-mid li .sub{position: absolute; left: 50%; top: 100%; text-align: center; background-color: #222; line-height: 40px; display: none;transform: translateX(-50%)}
    .header .header-mid li .sub a{color: #ddd;display: block;padding: 0 20px;white-space: nowrap;}
    .header .header-mid li em::after{content: ''; width: 0; height: 2px; background-color: #0a51a1; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s;}
    .header .header-mid li.active em a{color: #0a51a1;}
    .header .header-mid li.active em::after{width: 100%;}
    .header .header-mid li:hover em::after{width: 100%;}
    .header .header-mid li em:hover a{color: #0a51a1;}
    
}
@media(max-width:1024px){
    .header .header-right .top-language{margin-left: 10px;}
 .header .header-right #open_menu{width: 25px;height: 19px;position: relative;float: left;margin: 5px 0;margin-left: 15px;z-index: 2;}
    
    .header .header-right #open_menu span,
    .header .header-right #open_menu::before,
    .header .header-right #open_menu::after{width: 100%; height: 3px; border-radius: 3px; background-color: #fff; transition: all .5s; position: absolute; left: 0; right: 0; margin: auto;}
    .header .header-right #open_menu::before,
    .header .header-right #open_menu::after{content: '';}
    .header .header-right #open_menu::before{top: 0;}
    .header .header-right #open_menu::after{bottom: 0;}
    .header .header-right #open_menu span{top: 0; bottom: 0;}
    .header .header-right #open_menu.active span{opacity: 0;}
    .header .header-right #open_menu.active::before{bottom: 0; transform: rotateZ(45deg);}
    .header .header-right #open_menu.active::after{top: 0; transform: rotateZ(-45deg);}
    .header .header-right{padding: 15px 0;}
    .header .header-mid{position: fixed; right: 0; bottom: 0; width: 80%; height: calc(100% - 60px); overflow-y: auto; max-width: 300px; background-color: #0a51a1; padding-top: 20px; transition: all 0.5s; transform: translateX(100%);}
    .header .header-mid.header-menu-show{transform: translateX(0);}
    .header .header-mid ul{padding: 0 20px;}
    .header .header-mid li{float: none; line-height: 40px; padding: 0 10px; border-bottom: 1px solid rgba(255, 255, 255, .3);}  
    .header .header-mid li em{padding: 0;}
    .header .header-mid li em::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
    .header .header-mid li#m3 em::before{display: none;}
    .header .header-mid li:first-of-type em::before{display: none;}
    .header .header-mid li em a{font-size: 16px;color: #fff!important;}
    .header .header-mid li em::after{content: ''; width: 7px; height: 7px; position: absolute;  right: 0; top: 0; bottom: 0; margin: auto; transform: rotateZ(45deg); transition: all .5s; border-top: 2px solid #fff; border-right: 2px solid #fff;}
    .header .header-mid li em.active::after{transform: rotateZ(135deg);}
    .header .header-mid li:first-of-type em::after{display: none;}
    .header .header-mid li .sub a{color: #ddd; font-size: 16px;}
    .header .header-mid li .sub a:hover{color: #fff; }
    .header .header-mid li .sub dt{padding-left: 10px;}
    .header .header-mid li .sub{display: none;}
    .header .header-mid li:last-of-type{border-bottom: 0;}
    
    
    .header.fixed .header-right #open_menu span, .header.fixed .header-right #open_menu::before, .header.fixed .header-right #open_menu::after{background-color: #333;}
    
}

@media(max-width:640px){

    .header .header-left{width: 50%;}
}

/* bottom */
/*Bottom002726 */
.Bottom002726{ padding:3vw 0 4vw 0; background:#020202; background-size:cover; color:#777; position: relative; z-index: 50}
.Bottom002726 a{ color:#777;}
.Bottom002726 a:hover{ color:#ccc;}
.Bottom002726 nav a:not(:last-child):after{ display:inline-block; content:''; width:1px; height:10px; background:#595f68; margin:0 10px;}
.Bottom002726 dt p{ margin:5px 0 0;}
.Bottom002726 dd{max-width:110px; }
.Bottom002726 dd ul{position:relative;}
.Bottom002726 dd ol img{ display:block; width:100%;}
.Bottom002726 dd li{ position:absolute; right:100%; margin-right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.Bottom002726 dd .bshare-custom a{ display:block; width:34px; height:34px; border-radius:50%; background:url(../images/share.svg) no-repeat center -45px #333; padding:0 !important; margin:7px 0;background-size: cover;}
.Bottom002726 dd .bshare-custom a.weixin{ background-position:center top;}
.Bottom002726 dd .bshare-custom a.bshare-more{display: block;width: 34px;height: 34px;border-radius: 50%;background: url(../images/share.svg) no-repeat center;padding: 0 !important;margin: 7px 0;background-size: cover;background-position: center bottom;}

.Bottom002726 dd .bshare-custom a.weixin .hover{display:none;position: absolute;bottom: 0;right: 0;width: 110px;height: 110px;margin-bottom: 10px;z-index: 999;margin-right: 56px;}
.Bottom002726 dd .bshare-custom a.weixin:hover .hover{display:inline-block;opacity:1;}
.Bottom002726 dd .bshare-custom a:hover{opacity:1;}
.Bottom002726 .logo img{max-width:210px;}
@media(min-width:769px){
    .Bottom002726 dt{ float:left;}
    .Bottom002726 dd{ float:right; width:40%;}
    .Bottom002726 .logo{ padding-bottom:20px; opacity: 0.6}
}
@media(max-width:768px){
    .Bottom002726 dd{ margin:0 auto; padding-left:75px; max-width:202px;}
    .Bottom002726 dt{ text-align:center;}
    .Bottom002726 .logo{ padding:7% 0 4% 0;}
}

/* 字体大小 */
.z16{font-size: 16px;}
.z18{font-size: 18px;}
.z20{font-size: 20px;}
.z28{font-size: 28px;}
.z30{font-size: 30px;}
.z48{font-size: 48px}
.z50{font-size: 50px;}
@media(max-width:1024px){
    .z20{font-size: 18px;}
    .z24{font-size: 24px;}
    .z48{font-size: 30px;}
    .z50{font-size: 32px;}
}
@media(max-width:768px){
    .z20{font-size: 16px;}
    .z18{font-size: 16px;}
    .z16{font-size: 14px;}
    .z28{font-size: 22px;}
    .z48{font-size: 22px;font-weight: bold;}
    .z50{font-size: 24px;}
}
/* index */
.index-banner{margin: 0 auto; position: relative; overflow:hidden; width: 100%}
.index-banner .waves {height:800px;background:#000; position: relative;}

.index-banner #canvi{width: 100%; height:800px;background: none;position: absolute; left: 0; top: 0; 
    z-index: 50}


.index-banner .item{position: relative;}
.index-banner .wap{display: none;}
.index-banner figure{padding-top: 41.67%;}
.index-banner .txt{position: absolute; width: 96%; max-width: 1280px; left: 50%;
    transform: translateX(-50%); z-index: 100; text-align: center; top: 25.75%;} 
.index-banner .txt h1{font-size: 2.8125vw; margin: 0 ; line-height: 1.5; color: #fff; font-weight: normal; margin-bottom: 7.917%;}
.index-banner .txt .more{display: none; width: 250px; height: 46px; font-size: 15px; line-height: 46px; text-align: center; color: #fff; background-color: #0a51a1; background-image: url(../images/btn1-bg.png ) ; background-position: right bottom; background-repeat: no-repeat; }
.index-banner .txt .more::after{content: ''; width: 15px; height: 15px; display: inline-block; background: url(../images/btn1-icon.png) center center no-repeat; vertical-align: middle; margin-left: 10px; margin-top: -2px;}
.index-banner .slick-arrows{position: absolute;  width: 96%; max-width: 1280px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.index-banner .slick-arrow{width: 50px; height: 50px; transform: rotateZ(45deg) translateY(-50%);  position: absolute; border: 0; background-color: transparent; font-size: 0; top: 50%; opacity: 0.6; cursor: pointer;}
.index-banner .slick-arrow.slick-prev{ left: 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.index-banner .slick-arrow.slick-next{ right: 40px; border-right: 1px solid #fff; border-top: 1px solid #fff;}
.index-banner .slick-dots{position: absolute; width: 96%; left: 50%; padding: 0; transform: translateX(-50%) ; max-width: 1280px; bottom: 6.875%; text-align: center; z-index: 1;}
.index-banner .slick-dots li{width: 12px; height: 12px; background-color: #fff; border-radius: 50%; transition: all .3s; margin: 0 16px; display: inline-block; cursor: pointer;}
.index-banner .slick-dots li button{display: none;}
.index-banner .slick-dots li.slick-active{background-color: #0a51a1; transform: scale(1.33);}
@media(min-width:1920px){
    .index-banner .txt h1{font-size: 56px;}

}

@media(max-width:1024px){
    .index-banner .slick-arrow{width: 30px; height: 30px;}
    .index-banner .slick-arrow.slick-next{right: 17px;}
    .index-banner .txt .more{width: 160px; height: 40px; line-height: 40px;}
    .index-banner .waves {height:300px}
    .index-banner #canvi{height:300px}
    .index-banner .txt h1{font-size: 5vw;}
}
@media(max-width:768px){
    .index-banner figure.pc{display: none;}
    .index-banner .wap{display: block;}
}

.index-part{padding-top: 6.25%;}
.index-tit{text-align: center;}
.index-tit .en{font-size: 38px;font-family: "Oswald";color: rgb(62, 105, 152); text-transform: uppercase; margin: 0 ; line-height: 0.9;}
.index-tit .cn{font-size: 42px;color: rgb(255, 255, 255); margin: 0; line-height: 1;font-family: "Source Han Sans CN"; margin-top: -10px;}
@media(max-width:1024px){
    .index-tit .en{font-size: 30px;}
    .index-tit .cn{font-size: 32px;}
}
@media(max-width:768px){
    .index-tit .en{font-size: 22px;}
    .index-tit .cn{font-size: 24px;}
}
.index-part2 .list{padding-top: 4.6875%; padding-bottom: 4.6875%; margin-left: -35px; margin-right: -35px; position: relative;}
.index-part2 .list .item{padding: 0 35px; width: 33.33%; padding-bottom: 60px; float: left;}
.index-part2 .list .item a{
    display: block; padding: 12.82% 10.26% 15.38% 12.82%; border-radius: 6px;position: relative;
    background-image: -moz-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);   
}
.index-part2 .list .item a::before{content: ''; width: 100%; height: 60px; background: url(../images/shadow3.png) center center no-repeat; background-size: cover; position: absolute; left: 0; bottom: -60px; border-radius: 6px;}
.index-part2 .list .item .title{color: rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: bold;line-height: 1.5; 
    margin-bottom: 5px; text-align: center;}
.index-part2 .list .item .model{color: rgb(255, 255, 255); color: rgb(255, 255, 255); line-height: 1; margin-bottom: 8px;}
.index-part2 .list .item .intro{ font-size: 14px;color: rgb(255, 255, 255); line-height: 1.714; margin-bottom: 7.876%; text-align: center;}
.index-part2 .list .item .pic{position: relative;padding-top: 58.62%; transition: all .3s;}
.index-part2 .list .item .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; transition: all .5s;}
.index-part2 .list .item .pic::before{content: ''; width: 120px; height: 36px; background: url(../images/shadow1.png) center center no-repeat; background-size: contain; position: absolute; left: -50px; bottom: 0;}
.index-part2 .list .item:hover .pic{transform: scale(1.1);}
.index-part2 .slick-arrow{width: 36px; height: 36px; position: absolute; transform: rotateZ(45deg) ; transition: all .3s; background-color: transparent; position: absolute; cursor: pointer ; border: 0; font-size: 0; top: 0; bottom: 0; margin: auto;z-index: 2; border: 8px solid transparent;} 
.index-part2 .slick-prev{left: -10px; border-left-color: #c7c7c7; border-bottom-color: #c7c7c7;}
.index-part2 .slick-next{right: -10px; border-top-color: #c7c7c7; border-right-color: #c7c7c7;}
.index-part2 .slick-prev:hover{border-left-color: #0a51a1; border-bottom-color: #0a51a1;}
.index-part2 .slick-next:hover{border-top-color: #0a51a1; border-right-color: #0a51a1;}

.index-part2 .index-more{  margin:0 auto 10.27%;}

.index-more{display: block; width: 100%; max-width: 180px; height: 45px; line-height: 45px; text-align: center;
 color: rgb(255, 255, 255); position: relative; background: url(../images/btn2-bg.png); background-size: 100% 100%;
  margin:0 0 10.27%;}
.index-more::after{content: '>'; display: inline-block; font-family: '宋体'; margin-left: 10px;}
@media(max-width:1400px){
    .index-part2 .list{padding-left:35px; padding-right: 35px;}
    .index-part2 .slick-prev{left: 30px;}
    .index-part2 .slick-next{right: 30px;}
}
@media(max-width:1024px){
    .index-part2 .slick-arrow{ width: 25px; height: 25px; }
        .index-part2 .slick-prev{left: 40px;}
    .index-part2 .slick-next{right: 40px;}
    .index-part2 .list{margin-left:0; margin-right:0; padding-left:20px; padding-right: 20px;}
    .index-part2 .list .item{padding: 0 35px; padding-bottom: 60px;}
    .index-more{line-height: 35px; height: 35px;}
}
@media(max-width:640px){
    .index-more{max-width: 120px;}
}


.index-part3{padding-bottom: 6.25%;}
.index-part3 .ytable-cell{width: 50%;}
.index-part3 .txt{padding-right: 6.875%;}
.index-part3 .index-tit{text-align: left; margin-bottom: 3.6%;}
.index-part3 .des{font-size: 16px;  color: rgb(152, 183, 215); line-height: 1.875; text-align: justify; margin-bottom: 9.06%;}
.index-part3 .pic .img{display: inline-block;position: relative;}
.index-part3 .pic .img img{position: relative;z-index: 1;}
.index-part3 .pic{text-align: center;}
.index-part3 .pic .img::before{content: ''; width: 40px; height: 40px; position: absolute; background-color: #0a51a1; left: -6px; bottom: -6px;z-index: 0;}
.index-part3 .pic .img::after{content: ''; width: 40px; height: 40px; position: absolute; background-color: #af1d64; top: -6px; right: -6px;z-index: 0;}
@media(max-width:768px){
    .index-part3 .ytable-cell,.index-part3 .ytable{display: block; width: 100%;}
    .index-part3 .txt{padding-right: 0;}
}

.index-part4 .index-tit .en{ color: rgb(64, 188, 244);}
.index-part4 .des{font-size: 16px; color: rgb(255, 255, 255); line-height: 1.875; max-width: 830px; margin: 2.5% auto 4.0625%; text-align: center;}
.index-part4 .list{margin-left: -32px; margin-right: -32px;}
.index-part4 .list .item{padding: 0 32px; width: 25%; padding-bottom: 60px; float: left}
.index-part4 .list .item a{display: block; padding: 29.5% 10% 18.625%; text-align: center; position: relative;}
.index-part4 .list .item a::before{content: ''; width: 34px; height: 34px; background: url(../images/red.png) center center no-repeat; position: absolute; left: 2px; bottom: 2px;}
.index-part4 .list .item a::after{content: ''; width: 34px; height: 34px; background: url(../images/blue.png) center center no-repeat; position: absolute; top: 2px; right: 2px;}
.index-part4 .list .item i{ width: 100%; height: 60px; background: url(../images/shadow2.png) top center no-repeat; background-size: 100% ;  display: block;}
.index-part4 .list .item .icon{padding-top: 27.65%; position: relative;}
.index-part4 .list .item .icon img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-height: 100%;}
.index-part4 .list .item .title{ color: rgb(255, 255, 255); line-height: 2;}
.index-part4 .list .item .intro{font-size: 14px;color: rgb(255, 255, 255);line-height: 1.714; max-width: 150px; margin: 0 auto; height: 3.428em;}

.index-part4 .list .item .index-more2{max-width: 122px; height: 38px; line-height: 38px; background: url(../images/btn3-bg.png) center center no-repeat; background-size: 100% 100%; color: #fff; font-size: 14px; margin: 9.22% auto 0; }
.index-part4 .list .item .index-more2::after{content: '>'; font-family: '宋体'; margin-left: 10px; margin-left: 10px;}


.slick-dots{text-align: center; padding: 2.8125% 0;}
.slick-dots li{display: inline-block; margin: 0 15px; width: 20px; height: 20px ; border-radius: 50%; background-color: #fff ; cursor: pointer; transition: all .5s;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{background-color: #0a51a1;}
@media(max-width:1024px){
    .index-part4 .list{margin-left: -20px; margin-right: -20px;}
    .index-part4 .list .item{padding: 0 20px;}
}

.index-part5 .index-tit{position: relative; text-align: left; padding-right: 180px; }
.index-part5 .index-tit .index-more{position: absolute; right: 0; top: 0; bottom: 0; margin: auto; color: #fff;}
.index-part5 .list{padding-top: 4.6875%;}
.index-part5 .index-tit .en{color: rgba(10, 81, 161, 0.29);}
.index-part5 .index-tit .cn{color: rgb(10, 81, 161);}

  
  
.index-part5 .list .item{padding: 0 14px;}
.index-part5 .list .item a{display: block; position: relative;}
.index-part5 .list .item figure{padding-top: 52.1%;   transition: all .3s; opacity: 0.2;}
.index-part5 .list .item .pic{overflow: hidden;border-radius: 16px;background-color: #06376e;}
.index-part5 .list .item:hover figure{transform: scale(1.1);}

.index-part5 .list .item .txt{padding: 6.9% 5.86% 3.9%; position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0.47; transition: all .3s; border-radius: 8px;}
.index-part5 .list .item .time{font-size: 16px;color: rgb(255, 255, 255);line-height: 1.5;}
.index-part5 .list .item .title{font-size: 16px; color: rgb(255, 255, 255);line-height: 1.5;}
.index-part5 .list .item.slick-current .txt{opacity: 1; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));}
.index-part5 .list .item.slick-current figure{opacity: 1;}
  
@media(max-width:1024){

}


/*Floor002725 */
.Floor002725{padding:1vw 0 0;position: relative;z-index: 10;/* display: none; */}
.Floor002725:after{  content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:70px;; background: #000;z-index: -20 }

/*slick Basic End*/

.Floor002725 .auto{ padding-left:200px; position: relative;  z-index: 100;  background: #000}
.Floor002725 .title{ position: absolute; left:0; top:0px;width: 200px; height: 100%; background:#06376e; padding:45px 50px; text-align: left}
.Floor002725 .title .cn{font-size: 24px; font-weight: normal; margin: 0; color: #fff;line-height: 1;margin-top: -4px;}
.Floor002725 .title .cn a{ color: #fff;}
.Floor002725 .title .en{font-size: 24px;font-family: "Oswald";color: rgba(81, 135, 182, 0.29); line-height: 1; text-transform: uppercase; margin: 0; }
.Floor002725 .slider{ background: #fff;padding: 30px; opacity:0.95;padding-left: 35px; padding-right: 35px; }
.Floor002725 .slider ul{ margin: 0 -5px}
.Floor002725 .slider li{ background: #fff; margin: 0 5px; }
.Floor002725 .slider li:hover{ opacity:1}
.Floor002725 .slider li .ytable{ width:94%; margin:0 auto; height:76px; padding: 10px;}
.Floor002725 .slider li img{ max-width:100%; margin:0 auto;display:block; max-height:100%;}

.Floor002725 .slick-dots{ text-align:center; padding-top:10px;}
.Floor002725 .slick-dots li{ cursor:pointer; display:inline-block;width:14px; margin:0 6px; height:14px; border-radius:50%; border:1px solid #9c9c9c;}
.Floor002725 .slick-dots li button{ display:none;}
.Floor002725 .slick-dots li.slick-active{ background:#ae965d; border-color:#ae965d;}

.Floor002725 .slick-arrow{border-radius: 0;line-height: 1000px;overflow:hidden; font-size:0; width:35px !important; height:100%!important; border:none; position:absolute; top:0;  background: #9a2065 !important; cursor:pointer; padding:0; transition: 0.5s}
.Floor002725 .slick-prev{ left:0;  }
.Floor002725 .slick-next{ right:0;  }
.Floor002725 .slick-next::before,
.Floor002725 .slick-prev::before{ position:absolute; content:''; width:8px; height:8px; border-top:2px solid #ebf4f4; border-right:2px solid #ebf4f4; top:0; bottom: 0; margin: auto; left:0; right: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);transition: 0.5s}
.Floor002725 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.Floor002725 .slick-next:hover::before,
.Floor002725 .slick-prev:hover::before{ border-color:#fff; opacity: 1}
.Floor002725 .slick-next:hover,
.Floor002725 .slick-prev:hover{ opacity: 1}

@media(max-width:640px){
    .Floor002725 .auto{padding-left: 0;}
    .Floor002725 .title{position: relative; width: 100%; padding: 5%;}
    .Floor002725 .slider{padding: 10px 35px;}
}

/* banner */
.column-banner{position: relative;}
.column-banner .wap{display: none;}
.column-banner .txt{font-size: 2.8125vw; position: absolute; max-width: 1280px; left: 50%; width: 96%; top: 50%; transform: translate(-50%,-50%); color: rgb(255, 255, 255); line-height: 1.2; text-align: center; font-weight: normal; letter-spacing: 4px;}
.column-banner figure{padding-top: 23.96%;}
@media(min-width:1920px){
    .column-banner .txt{ font-size: 54px;}
}
@media(max-width:768px){
    .column-banner figure{display: none;}
    .column-banner .wap{display: block; width: 100%;}
}
/* menu */
  
.menu .cn{ font-size: 30px; color: rgb(0, 0, 0);line-height: 1; margin: 0 ; font-weight: normal; margin-bottom: 8px;}
.menu .en{ font-size: 20px;  font-family: "Arial";color: rgba(0, 0, 0, 0.502);text-transform: uppercase;line-height: 1; margin: 0; font-weight: normal;}
.menu ul li a{ font-size: 18px; color: rgb(51, 51, 51);}

.menu .auto_1280{border-bottom: 1px solid #e5e5e5; position: relative;}
.menu .title{float: left; padding-top: 40px; padding-bottom: 20px;}
.menu ul{float: right;}
.menu_2 ul{ display:none}
.menu ul li{float: left; padding: 0 1.5625vw;}
.menu ul li a{line-height: 20px; padding: 50px 0; display: block; position: relative;}

@media(min-width:1920px){
    .menu ul li{padding: 0 30px;}
}
@media(min-width:769px){
    .menu ul li a::after{content: ''; width: 0; height: 4px; background-color: #0a51a1; transition: all .3s; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
    .menu ul li a:hover::after{width: 100%;}
    .menu ul li.active a::after{width: 100%;}
}
@media(max-width:768px){
.menu_2 ul{ display: block}
    .menu{padding: 5px 0; position: relative;}
    .menu .title{float: none;position: relative;padding-top: 10px;display: none;}
    .menu .cn{font-size: 18px; font-weight: bold; padding-top: 13px; margin-bottom: 3px;}
    .menu .en{font-size: 18px; padding-bottom: 10px;}
    .menu .title:after{ content: ''; display: block; height: 2px;
        background: rgb(77,187,188); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(0,0,0) 0%, rgba(79,79,79,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0,0,0) 0%,rgba(79,79,79,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0,0,0) 0%,rgba(79,79,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#4f4f4f',GradientType=1 ); /* IE6-9 */
        }
        .menu .title:before{ content: ''; width:20px; height: 20px; position: absolute; right: 2%; top: 30px; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
        .menu .title.active:before{background-position: right;display: none;}
    .menu ul{/* position: absolute; */width: 100%;/* top: 100%; *//* left: 0; *//* z-index: 51; */background-color: #031427;/*box-shadow: 0 10px 10px 2px #eee;*//* display: none; */float: none;}
    .menu ul li{float: none;padding: 5px 0;border-bottom: dotted 1px #ddd;width: 50%;float: left;}
    .menu ul li a{display: block;padding: 0 20px;line-height: 40px;font-size: 16px;text-align: center;color: #fff;}
.menu ul li.active a{color:#fff}
    .menu_2 ul li{width: 100%;}
}
/* 产品 */

.pro-list .slick-box{padding-top: 4.6875%; padding-bottom: 8.6%; margin-left: -40px; margin-right: -40px; position: relative; padding-left: 5px; padding-right: 5px;}
.pro-list .slick-box .item{padding: 0 35px; width: 33.33%; padding-bottom: 60px;}
.pro-list .slick-box .item a{
    display: block; padding: 12.82% 10.26% 15.38% 12.82%; border-radius: 6px;position: relative;
    background-image: -moz-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(16,83,158) 0%, rgb(5,42,84) 100%);   
}
.pro-list .slick-box .item a::before{content: ''; width: 100%; height: 60px; background: url(../images/shadow3.png) center center no-repeat; background-size: cover; position: absolute; left: 0; bottom: -60px; border-radius: 6px;}
.pro-list .slick-box .item .title{color: rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: bold;line-height: 1.5; margin-bottom: 5px;}
.pro-list .slick-box .item .model{color: rgb(255, 255, 255); color: rgb(255, 255, 255); line-height: 1; margin-bottom: 8px;}
.pro-list .slick-box .item .intro{ font-size: 14px;color: rgb(255, 255, 255); line-height: 1.714; margin-bottom: 7.876%;}
.pro-list .slick-box .item .pic{position: relative;padding-top: 58.62%; transition: all .3s;}
.pro-list .slick-box .item .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; transition: all .5s;}
.pro-list .slick-box .item .pic::before{content: ''; width: 120px; height: 36px; background: url(../images/shadow1.png) center center no-repeat; background-size: contain; position: absolute; left: -50px; bottom: 0;}
.pro-list .slick-box .item:hover .pic{transform: scale(1.1);}
.pro-list .slick-arrow{width: 36px; height: 36px; position: absolute; transform: rotateZ(45deg) ; background-color: transparent; position: absolute; cursor: pointer ; border: 0; font-size: 0; top: 40%; z-index: 2;  transition: all .3s;} 
.pro-list .slick-prev{left: -10px; border-left:4px solid #cfcfcf; border-bottom: 4px solid #cfcfcf;}
.pro-list .slick-next{right: -10px; border-top:4px solid #cfcfcf; border-right: 4px solid #cfcfcf;}
.pro-list .slick-prev:hover{border-left:4px solid #0a51a1; border-bottom: 4px solid #0a51a1;}
.pro-list .slick-next:hover{border-top:4px solid #0a51a1; border-right: 4px solid #0a51a1;}

@media(max-width:1400px){
    .pro-list .slick-box{padding-left:35px; padding-right: 35px;}
    .pro-list .slick-prev{left: 30px;}
    .pro-list .slick-next{right: 30px;}
}
@media(max-width:1024px){
    .pro-list .slick-box .item{padding: 0 15px; padding-bottom: 60px;}
}


/* about */
.about-tit h1{font-size: 34px;font-weight: normal; line-height: 1; margin: 0;  color: rgb(10, 81, 161); text-align: center;}
.about-tit h1.white{color: #fff;}
.about-part{padding-top: 5.52%;}
@media(max-width:1024px){
    .about-tit h1{font-size: 28px;}
}
@media(max-width:768px){
    .about-tit h1{font-size: 24px;}
}
.about-part1{padding-bottom: 5.52%;}
.about-part1 .about-tit h1{text-align: left;}
.about-part1 .txt{width: 53.125%; padding-right: 7.42%; padding-top: 2.73%;}
.about-part1 .des{ font-size: 16px;  color: rgb(102, 102, 102);line-height: 1.875; text-align: justify; margin-top: 6.31%;}
.about-part1 .pic{text-align: center;}
.about-part1 .pic .img{display: inline-block; position: relative;}
.about-part1 .pic .img img{position: relative;z-index: 1;}
.about-part1 .pic .img::before{content: ''; width: 40px; height: 40px; background-color: #0a51a1; position: absolute; left: -6px; bottom: -6px; }
.about-part1 .pic .img::after{content: ''; width: 40px; height: 40px; background-color: #af1d64; position: absolute; top: -6px; right: -6px; }
@media(max-width:768px){
    .about-part1 .ytable,.about-part1 .ytable-cell{display: block; width: 100%;}
    .about-part1 .txt{padding-right: 0; padding: 2% 0;}
}
.process{padding-bottom: 3.9%;}
.process .box{padding-top: 5.47%;}

.process .box .img{width: 42.6%; float: left; padding: 30px 0;}
.process .box .list{width: 55%; float: right; padding: 10px 0; position: relative;}
.process .box .list::before{content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 2px; top: 0; opacity: 0.25;}
.process .box .list .item{ padding: 4.29% 20px 4.29% 84px; position: relative;}
.process .box .list .year{ font-size: 26px;font-family: "Arial";  color: rgb(255, 255, 255);font-weight: bold; width: 84px; position: absolute; left: 0;   line-height: 20px; text-align: right;}
.process .box .list .year::before{content: ''; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.process .box .list .txt{padding-left: 25px; line-height: 20px; font-size: 16px;color: rgb(255, 255, 255);}
.process .box .list .slick-arrow{width: 20px; height: 20px; border: 0; background-color: transparent; cursor: pointer; position: absolute; right: 0; top: 0%; bottom: 0; margin: auto; background-image: url(../images/process-prev.png); background-position: center center ; background-repeat: no-repeat; font-size: 0; z-index: 5;}
.process .box .list .slick-prev{transform: translateY(-40px);}
.process .box .list .slick-next{transform: translateY(40px) rotateZ(180deg);}

@media(max-width:768px){
    .process .box .img,.process .box .list{float: none; width: 100%;}
    .process .box .img{text-align: center;}
}





/*PicList002433 */
/*slick Basic*/
.PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.PicList002433 .slick-list:focus {outline: none}
.PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;}
.PicList002433 .slick-slider .slick-track, 
.PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;}
.PicList002433 .slick-track:before, 
.PicList002433 .slick-track:after{display: table; content: '';}
.PicList002433 .slick-track:after{ clear: both;}
.PicList002433 .slick-loading .slick-track { visibility: hidden;}
.PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.PicList002433 .slick-slide .slick-loading img { display: none;}
.PicList002433 .slick-slide .dragging img { pointer-events: none;}
.PicList002433 .slick-initialized .slick-slide { display: block;}
.PicList002433 .slick-loading .slick-slide { visibility: hidden;}
.PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.PicList002433 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.PicList002433{}
.PicList002433 .main{ padding:4% 0;}
.PicList002433 .main  .slick-arrow{width: 40px;height: 41px;transform: rotateZ(45deg) translateY(-50%);position: absolute;border: 0;background-color: transparent;font-size: 0;top: 50%;cursor: pointer; z-index: 5;}
.PicList002433 .main  .slick-prev{ left: -160px; border-left: 1px solid #959595; border-bottom: 1px solid #959595;}
.PicList002433 .main  .slick-next{ right: -130px; border-right: 1px solid #959595; border-top: 1px solid #959595;}
@media(max-width:1600px){
    .PicList002433 .main  .slick-prev{ left: -40px;}
    .PicList002433 .main  .slick-next{ right: -10px; }
}
@media(max-width:1408px){
.PicList002433 .main  .slick-prev{ left:0%;}
.PicList002433 .main  .slick-next{ right:2%;}
}
@media(max-width:640px){
.PicList002433 .main  .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;}
.PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;}
.PicList002433 .main .slick-next:before{left: 20%;}
}

.PicList002433  .list ul{ padding:0 50px;}
.PicList002433  .list li{ float:left; position:relative;  text-align:center; margin-bottom:0%;}
.PicList002433  .list li:first-child:before,
.PicList002433  .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:65px; width:50px;}
.PicList002433  .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;}
.PicList002433  .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;}
.PicList002433  .list li aside{ padding-top:0;height:65px; background:url(../images/PicList002433_libg.png) repeat-x left top;}
.PicList002433  .list li .ytable{height: 245px;}
.PicList002433  .list li .ytable-cell{ vertical-align:bottom;}
.PicList002433  .list li figure{ position:relative; display:inline-block;max-width: 80%;}
.PicList002433  .list li figure:after{position:absolute;right:-24px;/* background:url(../images/PicList002433_ying.png) no-repeat left bottom; */width:24px;height:100%;background-size:contain;content:'';}
.PicList002433  .list li figure img{height: 245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat;background-size:100% 100%;}
.PicList002433  .list li p{ margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#333;}
.PicList002433  .list .ul-3 li{width:33.33333333%;}
.PicList002433  .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:65px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;}
.PicList002433  .list .ul-2 li{width:50%;}
.PicList002433  .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;}
.PicList002433  .list .ul-2 li:nth-child(1) > *{ padding-left:30%;}
.PicList002433  .list .ul-2 li:nth-child(2) > *{ padding-right:30%;}
.PicList002433  .list .ul-1 li{width:100%;}
.PicList002433 .list .ul-4 li{width: 25%;}
@media(max-width:640px){
.PicList002433  .auto,
.PicList002433  .list ul{ padding:0;}
.PicList002433  .list li p{ font-size:12px;}
.PicList002433  .list li .ytable{height:150px;}
.PicList002433  .list li figure img{height: 150px;padding:3px;}
.PicList002433  .list .ul-2 li:nth-child(1) > *{ padding-left:30%;}
.PicList002433  .list .ul-2 li:nth-child(2) > *{ padding-right:30%;}
.PicList002433  .list .ul-3 li:nth-child(3):after,
.PicList002433  .list li:first-child:before{ display:none;}
}
@media(max-width:480px){
.PicList002433  .list li .ytable{height:100px;}
.PicList002433  .list li figure img{height: 100px;}
}

.team{padding-bottom: 2.29%;}
.team .list{padding-top: 8.2%;}
.team .list .item{width: 29.25%; float: left; margin-right: 6.125%; padding-bottom: 60px; position: relative;}
.team .list .item:nth-of-type(3n){margin-right: 0;}
.team .list .item::after{content: ''; width: 100%; height: 60px; background: url(../images/shadow2.png) center top  no-repeat; position: absolute; background-size: 100% 100%; left: 0; bottom: 0; }
.team .list .item a{display: block; padding: 6% 10.5%;/* padding: 10% 12.5%;*/ background: url(../images/team-bg.jpg) center center no-repeat; background-size: cover; position: relative;min-height: 323px;}
.team .list .item a::before{content: ''; width: 34px; height: 34px; background: url(../images/red.png) center center no-repeat; position: absolute; left: 2px; bottom: 2px;}
.team .list .item a::after{content: ''; width: 34px; height: 34px; background: url(../images/blue.png) center center no-repeat; position: absolute; right: 2px; top: 2px;}

.team .list .pic{width: 44.9%; }
.team .list .pic img{border-radius: 50%;}
.team .list .name{padding-left: 10%;}
.team .list .name h2{margin: 0;color: rgb(255, 255, 255); line-height: 1; margin-bottom: 11.6%;}
.team .list .name h3{ color: rgba(255, 255, 255, 0.8); margin: 0; font-weight: normal;}
.team .list .des{ color: rgba(255, 255, 255, 0.702);line-height: 1.5; text-align: justify; margin-top: 8.33%;}
@media(max-width:768px){
    .team .list .item{width: 100%; margin-right: 0;}
    .team .list .item a{padding: 5%;}
}



.partner{padding-bottom: 5.47%;}
.partner .list{padding-top: 8.4%;}
.partner .list .item{float: left; width: 20%;  background-color: #fff; transition: all .3s;}
.partner .list .item a{position: relative ; display: block; padding-top: 45.49%;}
.partner .list .item a img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 80%; max-height: 80%;}
.partner .list .item.grey{background-color: #f8f8f8;}
/* .partner .list .item:nth-of-type(odd){background-color: #f8f8f8;} */
/* news */
.partner .list .item:hover{box-shadow: 0 0 10px 0 #ddd;}
.news-list{padding-top: 3.125%;}
.news-list .item{padding: 3.125% 0; transition: all .3s; position: relative;}
.news-list .item::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/news-bg.jpg) center center no-repeat; background-size: cover; transition: all .3s; opacity: 0;}

.news-list .item a{display: block; position: relative; z-index: 1;}
.news-list .item .pic{width: 26.5625%; position: relative;}
.news-list .item a figure{padding-top: 51.765%;border-radius: 6px; position: relative;}
.news-list .item a figure::before{content: ''; width: 40px; height: 40px;  position: absolute; left: 0px; border-left: 6px solid #af1d64; border-bottom: 6px solid #af1d64; bottom: 0px; z-index: 1; opacity: 0; transition: all .3s;}
.news-list .item a figure::after{content: ''; width: 40px; height: 40px;  position: absolute; right: 0px; border-right: 6px solid #af1d64; border-top: 6px solid #af1d64; top: 0px; z-index: 1;opacity: 0; transition: all .3s;}

.news-list .item .txt{padding-left: 5.1%;}
.news-list .item .title{  color: rgb(51, 51, 51); line-height: 2; margin-bottom: 1.83%;}
.news-list .item .des{color: rgb(102, 102, 102);line-height: 2; margin-bottom: 2.75%;}
.news-list .item .time{font-size: 16px;  color: rgb(153, 153, 153); font-family: "Arial";}

.news-list .item:hover figure::before,
.news-list .item:hover figure::after,
.news-list .item:hover::after{opacity: 1;}
.news-list .item:hover .title{color: rgb(255, 255, 255);}
.news-list .item:hover .des{ color: rgba(255, 255, 255, 0.702);}
.news-list .item:hover .time{color: rgba(255, 255, 255, 0.4);}


@media(max-width:1024px){
    .news-list .item .pic{width: 270px;}
}
@media(max-width:768px){
    .news-list .item .pic{width: 200px;}
}
@media(max-width:440px){
    .news-list .item .pic{width: 120px;}
    .news-list .item a figure{padding-top: 80%;}
    .news-list .item .title{line-height: 1.5;}
    .news-list .item .title{line-height: 1.5;}
}


.pages{padding: 3.125% 0 6.1%; text-align: center;}

.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{display: none;}
.Pages a{display: inline-block;}
.Pages .a_prev,.Pages .a_next{font-size: 0; width: 50px; height: 50px; position: relative; background-image: url(../images/pages.png) ; background-position: center center; background-repeat: no-repeat; margin: 0 10px; line-height: 40px; vertical-align: top;transition: all .3s;}
.Pages .a_next{transform: rotateY(180deg);}
.Pages .num{font-style: normal; display: inline-block;}
.Pages .num a{ font-size: 14px; font-family: "SourceHanSansCN"; color: rgb(102, 102, 102); line-height: 50px; width: 50px; height: 50px; background-color: #f5f5f5; transition: all .3s; margin: 0 10px;}
.Pages .a_prev:hover,.Pages .a_next:hover,.Pages .num a:hover{background-color: #0a51a1; color: #fff;}
.Pages .a_prev:hover,.Pages .a_next:hover{background-image: url(../images/pages-a.png);}
.Pages .num .a_cur{background-color: #0a51a1; color: #fff;}
@media(max-width:768px){
    .Pages .a_num{display: none;}
}


.news-det{padding-top: 3.125%;}
.news-det .title{text-align: center; padding-bottom: 3.36%; border-bottom: 1px solid #ececec;}
.news-det .title h1{color: rgb(51, 51, 51); line-height: 1.2; margin: 0; margin-bottom: 2.34%;}
.news-det .title .time{font-size: 16px;font-family: "Arial";color: rgb(187, 187, 187);line-height:1;}
.news-det .content{font-size: 16px; color: rgb(102, 102, 102);line-height: 1.8; text-align: justify; padding-top: 5.8%; padding-bottom: 12.6%;}
.news-det .content p{margin: 0;}



.job{padding-top: 3.125%;}
.job .pages{padding-bottom: 5.21%; padding-top: 5.21%;}
.job .tab{background-color: #000; color: #fff; padding: 0 3.9%; line-height: 60px;/*min-width: 660px;*/}
.job .tab span{display: block; float: left;width: 21.19%;text-align: center;}
.job .tab span:first-of-type{ width: 14.15%; text-align: left;}
.job .job-list{overflow-y: auto;}
/*.job .list{min-width: 660px; }*/
.job .list a{display: block;font-size: 16px; color: rgb(85, 85, 85); border-bottom: 1px solid #f5f5f5; line-height: 60px;padding: 0 3.9%; position: relative;}
.job .list .btn_apply{margin-top: 20px;}
.job .list .btn_apply a{padding-left:0;color: #0d54a4;background: #fff;display: inline-block;line-height: 20px;text-align: center;padding: 10px 20px;border-radius: 3px;border: none;}
.job .list .btn_apply a:after{display:none;}
.job .list .btn_apply a:hover{background: #af1d64;color:#fff;}
.job .list a span{display: block; float: left;text-align: center;width: 21.19%;}
.job .list a span:first-of-type{ width: 14.15%; text-align: left;}
.job .list a::after{content: ''; width: 15px; height: 15px; transform: rotateZ(45deg); transition: all .3s; position: absolute; right: 2.3%; top: 0; bottom: 0; margin: auto; border-top: 2px solid #c8c8c8; border-right: 2px solid #c8c8c8;} 
.job .list a.active::after{transform: rotateZ(135deg);}
.job .list .content{position: relative; background-image: url(../images/job-bg.jpg); padding: 5.1% 6.5625%; display: none; }
.job .list .content::before{content: ''; width: 34px; height: 34px; position: absolute; left: 7px; bottom: 7px; background: url(../images/red.png) center center no-repeat;}
.job .list .content::after{content: ''; width: 34px; height: 34px; position: absolute; right: 7px; top: 7px; background: url(../images/white.png) center center no-repeat;}
.job .list .content h2{margin: 0 ;font-size: 18px;color: rgb(255, 255, 255);line-height: 1.667; margin-bottom: 1.8%; margin-top: 3.6%;}
.job .list .content h2:first-of-type{margin-top: 0;}
.job .list .content p{font-size: 16px; color: rgba(255, 255, 255, 0.8);line-height: 2.25; margin: 0;}

  
@media(max-width:1024px){
    .job .tab{font-size: 16px;}
    .job .tab span{width: 22.19%;}
    .job .tab span:first-of-type{width: 29.15%;}
    .job .tab span:last-of-type{ display:none;}
    .job .list a{font-size: 14px;}
    .job .list a span{width: 20.19%;}
    .job .list a span:first-of-type{width: 29.15%;}
    .job .list a span:last-of-type{ display:none;}
}
  



.Form0022191 {position: fixed;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: -100%;top: 0;z-index: 1;opacity: 0}
.Form0022191 .ytable {height: 100%;}
.Form0022191 .close {position: absolute;top: 20px;right: 20px;height: 17px;width: 17px;display: block;background: url(../images/Form002324-colseBtn.jpg) no-repeat;cursor: pointer;z-index: 999}
.Form0022191_on {z-index: 999;left: 0;opacity: 1;}
.Form0022191 .wrap-container {background: #fff;padding: 3% 2% 3% 2%;border-radius: 6px;width:94%;max-width: 900px;position: relative;margin: 0 auto;}
.Form0022191 dl{width: 100%;min-height: 44px;position: relative;margin-bottom: 24px;}
.Form0022191 dt{color: #5b5b5b;font-size: 16px;position: absolute;left: 0;width: 70px;text-align: right;line-height: 44px;}
.Form0022191 .text {border: 1px solid #dfdfdf;border-radius: 5px;width: 100%;padding: 0 10px;line-height: 44px;height: 44px;color: #5b5b5b;}
.Form0022191 strong {display: block;border: 1px solid #dfdfdf;border-radius: 5px;width: 100%;padding: 0 10px;line-height: 44px;height: 44px;color: #5b5b5b;}
.Form0022191 dl.dl {width: 100%;float: none;max-width: none;text-align: center;}
.Form0022191 textarea {border: 1px solid #dfdfdf;border-radius: 5px;overflow: hidden;resize: none;width: 100%;height: 360px !important;padding: 10px;color: #5b5b5b;}
.Form0022191 .btn {display: inline-block;line-height: 40px;min-width: 140px;margin-right: 20px;color: #fff;background-color: #0a51a1;font-size: 16px;border: none;border-radius: 5px;cursor: pointer;}




.contact{padding-top: 6.25%; padding-bottom: 7.29%;}
.contact.type2{padding-top: 0;}
.contact .txt{border: 8px solid #0a51a1; width: 40.8%; padding-left: 8.6%; padding-right: 8.6%; padding-top:6%; padding-bottom: 5.7%; background: url(../images/contact-bg.jpg) center center no-repeat; background-size: cover;}
.contact .map{border: 8px solid #0a51a1; border-left: 0;}
.contact .map * { max-width: none;}
/*.contact .map .BMap_Marker >div { height: auto!important;}*/

.contact .txt li{ border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 10% 0;}
.contact .txt label{display: block; padding-left: 25px; line-height: 20px; position: relative;font-size: 16px;color: rgb(255, 255, 255); margin-bottom: 4.2%;}
.contact .txt p{font-size: 16px;font-family: "Oswald"; color: rgb(255, 255, 255);line-height: 25px; margin: 0;}
.contact .txt p.big{ font-size: 26px; font-weight: bold;}
.contact .txt p.big1{font-size: 22px; font-weight: bold;}
.contact .txt label::before{content: ''; width: 20px; height: 20px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-position: center center ; background-repeat: no-repeat;} 
.contact .txt li:nth-of-type(1) label::before{background-image: url(../images/phone.png);}
.contact .txt li:nth-of-type(2) label::before{background-image: url(../images/phone.png);}
.type2 .txt li:nth-of-type(3) label::before{background-image: url(../images/fax.png)!important;}
.type2 .txt li:nth-of-type(5) label::before{background-image: url(../images/post.png)!important;}
.type2 .txt li:nth-of-type(4) label::before{background-image: url(../images/mail.png)!important;}
.contact .txt li:nth-of-type(3) label::before{background-image: url(../images/mail.png);}
.contact .txt li:nth-of-type(4) label::before{background-image: url(../images/post.png);}
.contact .txt li:nth-of-type(5) label::before{background-image: url(../images/address.png);}
.contact .txt li:nth-of-type(6) label::before{background-image: url(../images/address.png);}
@media(max-width:1024px){
    .contact .txt{padding: 5%;}
}
@media(max-width:768px){
    .contact .txt,.contact .map,.contact .ytable{width: 100%; display: block;}
    .contact .txt li{padding: 3% 0;}
    .contact .map{padding-top: 104.5%; border-left: 8px solid #0a51a1; border-top: 0;}
}



.pro-det{

    color: rgba(255, 255, 255, 0.6);
}
.pro-det1{
    background-image: -moz-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%);
}
.pro-det section:first-of-type{padding-top: 7.8125%;}
.pro-det2{
    background-image: -moz-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
}
.pro-det3{
    background-image: -moz-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(3,25,52) 0%, rgb(1,18,37) 100%);
}
.pro-det .title{color: rgb(255, 255, 255);text-align: center;}
.pro-det p{margin: 0;}
.pro-det .hasdot p{padding-left: 0px; line-height: 2.25; margin: 0; position: relative;}
 /*.pro-det .hasdot p::before{content: ''; width: 10px; height: 10px; position: absolute; left: 0; top: 18px;
  background: url(../images/det-icon1.png) center center no-repeat;}*/
.pro-part1{padding-top: 8.2%;

    /* background-image: -moz-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,34,72) 0%, rgb(0,21,44) 100%); */
    /* background-color: #001125; */
    
    padding-bottom: 12.1%;
}
.pro-part1 .title{  line-height: 1.48; text-align: center;position: relative; z-index: 1; font-weight: bold; }
.pro-det .guangbiao{text-align: center; margin-top: -140px;}
.pro-part1 .sub-tit{ color: rgb(255, 255, 255);font-weight: bold; margin-bottom: 11%;}
.pro-part1 .des p{color: rgba(255, 255, 255, 0.6);}

.pro-part1 .pic{text-align: right;}
.pro-part1 .pic img{max-height: 400px;}
@media(max-width:1024px){
    .pro-det .guangbiao{margin-top: -10.3vw;}
}

.pro-part2{padding-top: 19.8%; padding-bottom: 6.51%;}
.pro-part2 .title{color: rgb(255, 255, 255);font-weight: bold; text-align: center; line-height: 1; margin-bottom: 4.22%;}
.pro-part2 .list dd{float: left; /*padding-left: 7.3%;*/ width: 50%;}

  
.pro-part3{padding-top: 6.46%; padding-bottom: 6%;}
.pro-part3 .img{text-align: center; margin-bottom: 3.28%;}
.pro-part3 .title{ color: rgb(255, 255, 255); margin-bottom: 3.5%;}
.pro-part3 .list{max-width: 740px; margin: 0 auto;}

.pro-part4{padding-top: 6%;}
.pro-part4 .auto_1280{position: relative;}
.pro-part4 .title{margin-bottom: 2.86vw;}
.pro-part4 .txt{position: absolute; right: 0; top: 22.83%; padding-right: 40px;}
  

.pro-part5{padding-bottom: 3.75%;}
.pro-part5 .txt{width: 41.4%; }
.pro-part5 .title{text-align: left; padding-left: 28px; position: relative; z-index: 1; margin-bottom: 9%;}
.pro-part5 .list{position: relative; z-index: 1;}
.pro-part5 .box{padding-bottom: 23.2%; padding-left: 26%; padding-top: 30%;position: relative;border-radius: 30px;}
/*
.pro-part5 .box::after{content: ''; width: 150%; height: 100%; left: 0; top: 0; border-radius: 30px; position: absolute ;
    background-image: -moz-linear-gradient( 90deg, rgb(0,34,72) 26%, rgb(1,36,75) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,34,72) 26%, rgb(1,36,75) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,34,72) 26%, rgb(1,36,75) 100%);
}
.pro-part5 .box::before{content: ''; width: 850px; height: 121px; background: url(../images/shadow4.png) center center no-repeat; position: absolute; left: -140px; bottom: 0;}
*/
.pro-part5  .pic{position: relative; z-index: 1 ;}

.pro-det2 .txt{width: 53.125%; padding-left: 20px;}
.pro-det2 .title{color: #fff; font-weight: bold;  position: relative; z-index: 1;}
.pro-part6 {padding-top: 7.8125%;padding-bottom: 3.125%;}
.pro-det2 .ytable{margin-bottom: 4.7%;}
.pro-det2 .ytable .title{ text-align: left;margin-bottom: 5.9%;}


.pro-part7{padding-top: 20.4%; padding-bottom: 2.5%;}
.pro-part7 .title{text-align: left; margin-bottom: 4.3%;}
.pro-part7 dd{float: left;}
.pro-part7 dd:nth-of-type(2n+1){width: 62.625%;}
.pro-part7 dd:nth-of-type(2n){width: 37.375%;}

.pro-part8{padding-top: 7.8%; padding-bottom: 2.6%;}


.pro-det3 .title{color: #fff; font-weight: bold;  position: relative; z-index: 1;}
.pro-det3 .ytable .title{ text-align: left;margin-bottom: 5.9%;}
.pro-det3 .txt{width: 53.125%; padding-left: 20px;}


.pro-part8{padding-bottom: 7.2%;}


.pro-part9{padding-top: 22.6%; padding-bottom: 2.8%;}
.pro-part9 .title{text-align: left; margin-bottom: 3.28%;}
.pro-part9 dd{float: left; margin-right: 60px;}

.pro-part10{padding-top: 6.25%; padding-bottom: 6.25%;}
.pro-part10 .ytable2 .pic{width: auto;}
.pro-part10 .ytable2 .txt{width: 275px;}
.pro-part10 .ytable{margin-bottom: 10%;}
.pro-part10 .ytable:last-of-type{margin-bottom: 0;}



@media(max-width:768px){
    .pro-det .ytable,.pro-det .ytable-cell{width: 100%!important; display: block;}
    .pro-det .hasdot p::before{top: 13px;}
    .pro-det .pic{text-align: center;}
    .pro-part5 .box{padding-left: 0%;padding-top: 0%;}
    .pro-part1 .pic{padding: 2% 0;}

    .pro-part2 .list dd{width: 100%; float: none;}
/*    .pro-part5 .box{padding: 5%; }*/
    .pro-part5 .box::after{display: none;}

    .pro-part7 dd{width: 100% !important; float: none;}
    .pro-part9{padding-left: 20px;}
}

@media(max-width:640px){
    .pro-part4 .txt{position: static; padding-bottom: 5%;}
}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}
.search{padding: 5.21% 0;}
.search li{line-height: 50px; font-size: 16px; padding-right: 80px; position: relative; border-bottom: 1px solid #eee;}
.search .time{font-size: 14px; position: absolute; right: 0; width: 80px; text-align: right; top: 50%; transform: translateY(-50%);}


/*Other002907 */
.Other002907{display: none;position: fixed;right: 10px;bottom: 10%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 200;border-bottom: 0;width: 60px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.Other002907 li a{ text-align: center;display: block;}
.Other002907 li.li_4 a{background-image: url("../images/Other002907_gettop.png");background-repeat: no-repeat;background-position: center 14px;background-color: #0a51a1;font-size: 14px;font-family: 'Oswald';color: #fff;margin-left: -1px;margin-right: -1px;padding-top: 28px;height: 60px;line-height: normal;}