@charset "utf-8";
/*-- 全局reset
-------------------------------------------*/
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote, b, span, small, a,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0; }
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
/*@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }*/
/*@font-face{ font-family: DINLIGHT; src: url('./fonts/DIN-Light.otf'); }*/
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_k2ciz90rh2.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_k2ciz90rh2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_k2ciz90rh2.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_k2ciz90rh2.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_k2ciz90rh2.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_k2ciz90rh2.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */
}

/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: rgb(207, 205, 205);}
textarea{resize: none;}
.inner{ width: 1600px; margin:0 auto; }
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #183882; background: #183882;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*menu*/
.pc_menu{display: none;position: absolute;right: 0;width: 90px;line-height: 35px;top:10px;}
.pc_menu .pc_menu_button{width: 40px;height: 40px;cursor: pointer;position: absolute;right: 0;top:0;}
.pc_menu .pc_menu_button>.line{width: 30px; height: 3px;background: #183882;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.pc_menu .pc_menu_button>.line:nth-child(2){transition-delay:0.05s;}
.pc_menu .pc_menu_button>.line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;}
.pc_menu.on .pc_menu_button>.line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.pc_menu.on .pc_menu_button>.line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.pc_menu.on .pc_menu_button>.line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.pc_nav{position: fixed;top:0;bottom:0;right: 0;display: none;width: 0%;height: 100vh;background: #fff;transition: .3s all;}
.open{width: 46%;display: block;right: 0;z-index: 100000;transition: all .8s;}
.pc_nav_1{width: 100%;height:90px;display: flex;}
.pc_nav_2{width: 100%;display: flex;}
.pc_nav_left{width: 40%;height: 100vh;position: relative;}
.pc_nav_left_nav{overflow-y: scroll;position: relative;height: 100vh;padding: 30px 0; text-align: center; }
.pc_nav_left_nav dt{color: #292246;font-size: 16px;line-height: 60px;position: relative;font-weight: bolder;margin-top: 20px;}
.pc_nav_left_nav dt:after{width: 60px;height: 1px;content: '';background: #183882;position: absolute;left: 50%; margin-left: -30px; top:0;}
.pc_nav_left_nav dt:first-of-type{margin-top: 0;}
.pc_nav_left_nav dt:first-of-type:after{background: none;}
.pc_nav_left_nav dt a{color: #183882;font-size: 17px;display: block;}
.pc_nav_left_nav dd{color: #878787;font-size: 14px;line-height: 30px;}
.pc_nav_left_nav dd a{color: #878787;font-size: 14px; transition: all .3s; }
.pc_nav_left_nav dd a:hover{ color: #183882; transition: all .3s; }
.pc_nav_right{width: 60%;height: 100vh;padding:10% 5%;text-align: center; position: relative; }
.pc_nav_right img{max-width: 100%;}
.pc_nav_right p{padding:30px 0 50px;color: #999;font-size: 14px;line-height: 25px;position: relative;}
.pc_nav_right p:after{width: 80px;height: 1px;content: '';position: absolute;background: #292246;left: 50%;bottom:0;transform: translateX(-50%);}
.pc_nav_right ul{position: relative;padding:15px  0;overflow:hidden;}
.pc_nav_right ul:after {content:'';display:block;width:80px;height:1px;background:#292246;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.pc_nav_right li a {line-height: 2;font-size: 17px; display:block;color:#333;  transition: all .3s; }
.pc_nav_right li a:hover {transition: all .3s; color: #183882; }
.pc_nav_right div {margin-top: 30px;line-height: 35px;}
.pc_nav_right div img {max-width:146px;}
.close_btn{ position: absolute; top:30px; right:30px; transition: all .3s; font-weight: normal; }
.close_btn span{ display: inline-block; font-size: 24px; color: #999;  top:30px; right:30px; transition: all .3s; }
.close_btn:hover span{ transition: all .3s; transform: rotate(360deg); color: #183882; font-weight: normal; }

.ovh{overflow: hidden;display: none; width: 100%;height: 100vh;position: fixed;left: 0;top:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom:0;z-index: 99;}
.ovh.show{display: block;}
.menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 1000;}
.menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer}
.menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #183882;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button>.line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button>.line:nth-child(3){transition-delay:0.1s;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #183882;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;}
.m-sub-menu .list-wrap ul{padding-bottom: 80px;}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li:last-child{border:none;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #ff8a00;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}


/*h_top*/
.h_top{ background: #fff; overflow: visible; padding:0 86px; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all .3s; z-index: 4; }
.h_top::before{ content: ""; display: block; background: #fff; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 3; }
.h_top .logo{ overflow: hidden; width: 38%; padding:28px 0; transition: all .3s; position: relative; z-index: 4; background: #fff; }
.h_top .tools{ width: 12%; display: flex; align-items: center; justify-content: space-evenly; position: relative; z-index: 4; background: #fff;  }
.h_top .tools a span{ font-size: 20px; color: #19357f; line-height: 1; }
.h_top .tools a + a span{ font-size: 28px; }
/* search */
.search{ display: flex; width: 62%; height: 100%; background: #fff; position: absolute; top:-100%; right:0; align-items: center; transition: all .3s; opacity: 0; z-index: 11000; }
.search form{ flex:4; height: 100%; position: relative; }
.search form input{ width: 100%; height: 100%; font-size: 18px; color: #5C5D51; box-sizing: border-box; padding:0 15px; }
.search form button{ outline: none; position:absolute; display: inline-block; width: 40px; height: 40px; background: #183882; text-align: center; line-height: 40px; font-size: 16px;  color: #fff; right:15px; top:50%; margin-top:-20px; border-radius: 50%; transition: all .3s; }
.search form button:hover{ background: #f67524; transition: all .3s; }
.search > a{ flex:1; }
.search > a span{ display: inline-block; font-size: 24px; color: #666; margin-left: 30px; transition: all .3s; }
.search > a span:hover{ transition: all .3s; transform: rotate(360deg); }
.search_show{ transition: all .3s; top:0; opacity: 1; }
/*h_menu*/
.navbar-nav{ width: 50%; display: flex; justify-content: space-between; flex-direction: row; align-items: center;  justify-content: space-between; flex-wrap: wrap; }
.navbar-nav > li{ display: flex; width: 12.5%; align-items: center; transition: all .3s; justify-content: center; transition: all .3s; }
.navbar-nav > li > a{ display: block; width:100%; text-align: center; font-size: 16px; color: #333333; padding:46px 0;  transition: all .3s; position: relative; z-index: 4; background: #fff; }
.navbar-nav > li > a::before{ content: ""; display: inline-block; width: 0; position: absolute; left:50%; bottom:0; height: 2px; border:0; background: #183882; transition: all .3s; }
.navbar-nav > li:hover > a{ color: #183882; font-weight: bold; transition: all .3s; }
.navbar-nav > li:hover > a::before{ transition: all .3s; width: 70%; left: 15%;  }
.navbar-nav > li:hover > .d_menu{ transition: all .3s; top:100%; opacity: 1; }

.d_menu{ box-sizing: border-box; padding:25px 0; position:absolute; display: block; left:0; top:-240%; opacity: 0; width: 100%; z-index: 1; background: #f8f8f8; border-bottom: 4px solid #f0f0f0; transition: all .3s; }
.d_menu .img{ width: 100%; height: 240px; overflow: hidden; border-radius: 5px; }
.d_menu .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.d_menu .img:hover img{ transition: all .3s; transform: scale(1.05); }
.d_menu .list{ border-radius: 5px; overflow: hidden; padding:25px; height:100%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; flex-flow: wrap; }
.d_menu .list a{ overflow: hidden; border-radius: 5px; position: relative; display: block; background: #fff; padding:20px 30px; width: 30%; margin-right: 3%; }
.d_menu .list a::after{ content: ""; display: block; width: 0; height: 100%; background: #183882; position: absolute; left: 0; top:0; transition: all .3s; }
.d_menu .list a small{ font-size:16px; color: #333333; transition: all .3s; position: relative; z-index: 3; }
.d_menu .list a span{ font-size: 24px; color: #0092dd; line-height: 1; display: inline-block; transition: all .3s; position: relative; z-index: 3; }
.d_menu .list a span:nth-of-type(1){ margin-right: 16px; }
.d_menu .list a span:nth-of-type(2){ font-size: 16px; color: #0694de; line-height: 24px; float: right; }
.d_menu .list a:hover span, .d_menu .list a:hover small{ transition: all .3s; color: #fff; }
.d_menu .list a:hover::after{ width: 100%; transition: all .3s; }
.d_menu .list a:hover span:nth-of-type(2){ margin-right: 5px; transition: all .3s; }


/* scrolledDown */
.scrolledDown{ position: fixed; top:0; left:0; transition: all .3s; z-index: 99999; background: #fff; box-shadow: 1px 0 10px rgba(125,125,125,.6); width: 100%; }
.scrolledDown .logo{ padding:18px 0; transition: all .3s; }
.scrolledDown .navbar-nav > li > a{ padding:36px 0; transition: all .3s; }
/*banner*/
#banner{ width: 100%; height: 800px; }
#banner .swiper-slide{ min-width: 1400px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide a > video{ position: absolute; left:0; top:0; width: 100%; z-index: 2; height: 100%; object-fit: cover; object-position: 0 62%; }
#banner .swiper-slide a.b1 > video{ position: absolute; left:0; top:0; width: 100%; z-index: 2; height: 80%; object-fit: cover; object-position: 0 62%; }
#banner .swiper-slide a > img{ position: absolute;  left:0; top:0; width: 100%;  z-index: 3; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height: 800px; width: 1600px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:130px; left:0; font-size: 68px; color: #fafaf7; z-index: 4; text-shadow: 2px 1px 0 #03537d; line-height: 1; }
#banner .swiper-slide .b1_p{ position: absolute; top:220px; left: 0; width: 916px; font-size: 18px; line-height: 2; color: #fafaf7; z-index: 4; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b1_span{ position: absolute; top:280px; left: 0; font-size: 20px; line-height: 1; color: #fafaf7; z-index: 4; text-transform: uppercase; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b1_small{ display: inline-block; position: absolute; z-index: 4; top:360px; left: 0; font-size: 16px; color: #fafaf7; line-height: 1; transition: all .3s; }
#banner .swiper-slide .b1_small > span{ font-size: 20px; color: #fff; line-height: 1; margin-left: 10px; transition: all .3s; position: relative; top:3px; }
#banner .swiper-slide .b1_small:hover{ transition: all .3s; color: #fd7200; }
#banner .swiper-slide .b1_small:hover > span{ transition: all .3s; color: #fd7200; margin-left: 15px; }

#banner .swiper-slide .b2_tit{ position: absolute; top:150px; left:0; font-size: 58px; color: #fafaf7; z-index: 4; text-shadow: 2px 1px 0 #03537d; line-height: 1; }
#banner .swiper-slide .b2_p{ position: absolute; top:240px; left: 0; width: 916px; font-size: 18px; line-height: 2; color: #fafaf7; z-index: 4; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b2_span{ position: absolute; top:300px; left: 0; font-size: 20px; line-height: 1; color: #fafaf7; z-index: 4; text-transform: uppercase; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b2_small{ display: inline-block; position: absolute; z-index: 4; top:380px; left: 0; font-size: 16px; color: #fafaf7; line-height: 1; transition: all .3s; }
#banner .swiper-slide .b2_small > span{ font-size: 20px; color: #fff; line-height: 1; margin-left: 10px; transition: all .3s; position: relative; top:3px; }
#banner .swiper-slide .b2_small:hover{ transition: all .3s; color: #fd7200; }
#banner .swiper-slide .b2_small:hover > span{ transition: all .3s; color: #fd7200; margin-left: 15px; }

#banner .swiper-slide .b3_tit{ position: absolute; top:150px; left:0; font-size: 68px; color: #fafaf7; z-index: 4; text-shadow: 2px 1px 0 #03537d; line-height: 1; }
#banner .swiper-slide .b3_p{ position: absolute; top:240px; left: 0; width: 916px; font-size: 18px; line-height: 2; color: #fafaf7; z-index: 4; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b3_span{ position: absolute; top:300px; left: 0; font-size: 20px; line-height: 1; color: #fafaf7; z-index: 4; text-transform: uppercase; text-shadow: 1px 1px 0 #5d5d5d;  }
#banner .swiper-slide .b3_small{ display: inline-block; position: absolute; z-index: 4; top:380px; left: 0; font-size: 16px; color: #fafaf7; line-height: 1; transition: all .3s; }
#banner .swiper-slide .b3_small > span{ font-size: 20px; color: #fff; line-height: 1; margin-left: 10px; transition: all .3s; position: relative; top:3px; }
#banner .swiper-slide .b3_small:hover{ transition: all .3s; color: #fd7200; }
#banner .swiper-slide .b3_small:hover > span{ transition: all .3s; color: #fd7200; margin-left: 15px; }

#banner .swiper-pagination{ width: auto; position: absolute; bottom:180px; left: 8%; font-size: 18px; color: #fafaf7; }
#banner .swiper-pagination .current{ font-size: 30px; color: #1a85ed; margin-right: 4px; }
#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 28px; height: 28px; top:auto; bottom:180px; border:1px solid #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all .3s; }
#banner .swiper-button-next{ right: 8%; }
#banner .swiper-button-prev{ left: 88%; }
#banner .swiper-button-next span, #banner .swiper-button-prev span{ font-size: 8px; color: #fff; line-height: 28px; }
#banner .swiper-button-next:hover, #banner .swiper-button-prev:hover{ background: #2776db; transition: all .3s; }

/* index */
.index_main{ background: #f3f7fa; }
/* m_news */
.m_news{ overflow: hidden; margin-top: -155px; position: relative; z-index: 33;  }
.m_news .inner{ background: radial-gradient( circle 800px ,#268bd8 0,#193b9d 100%); background-size: 200% 200%; animation: gradientBG 20s ease infinite; }
@keyframes gradientBG { 0% { background-position: 0% 50%;	}	50% {	background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.m_news .img{ width: 100%; height: 474px; box-sizing: border-box; border-right: 1px solid rgba(75, 148, 202, .3); padding:30px; }
.m_news .row > div{ padding:0; }
#news_focus{ width: 100%; height: 100%; overflow: hidden; }
#news_focus a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
#news_focus a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#news_focus a b{ position: absolute; left:0; bottom:0; width: 100%; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.75); display: block; box-sizing: border-box; padding:0 130px 0 30px; font-size: 16px; color: #ecedee; font-weight: normal; }
#news_focus a:hover img{ transition: all .3s; transform: scale(1.05); }
#news_focus .swiper-button-next, #news_focus .swiper-button-prev{ background-image: none; width: 48px; height: 48px; background: rgba(15,50,89,0.77); text-align: center; }
#news_focus .swiper-button-next span, #news_focus .swiper-button-prev span{ font-size: 32px; color: #fff; line-height: 48px; }
#news_focus .swiper-button-next{ right:0; bottom:0; top:auto; }
#news_focus .swiper-button-prev{ right: 54px;; bottom:0; top:auto; left:auto; }
.news_box{ overflow: hidden; }
.news_box .hd{ overflow: hidden; padding:30px 30px 0; border-bottom: 1px solid rgba(75, 148, 202, .3); }
.news_box .hd ul{ overflow: hidden; position: relative; height: 60px; }
.news_box .hd li{ line-height: 58px; display: inline-block; }
.news_box .hd li:nth-child(2){ margin-left: 30px; }
.news_box .hd li b{ font-size: 20px; color:#ecedee; display: inline-block; padding:0 18px; border-radius: 10px 10px 0 0; }
.news_box .hd li a{ display: inline-block; float: right; line-height: 58px; font-size: 14px; color:#ffffff; display: none;position: absolute; right:0; top:0; padding-left: 20px; padding-right: 0; transition: all .3s; }
.news_box .hd li a span{ font-size: 14px; color: #fff; position: absolute; left: 0; transition: all .3s; }
/*.news_box .hd li.on b, .news_box .hd li:hover b{ border-bottom: 2px solid #fb880c;  background: -moz-linear-gradient(top, #2381cb 0%, #034eb4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2381cb), color-stop(100%,#034eb4)); background: -webkit-linear-gradient(top, #2381cb 0%,#034eb4 100%);background: -o-linear-gradient(top, #2381cb 0%,#034eb4 100%);	background: -ms-linear-gradient(top, #2381cb 0%,#034eb4 100%); background: linear-gradient(to bottom, #2381cb 0%,#034eb4 100%); }*/
.news_box .hd li.on b, .news_box .hd li:hover b{ border-bottom: 2px solid #fb880c;  background: #216dc2; }
.news_box .hd li.on a{ display: block; }
.news_box .hd li a:hover{ padding-left: 0; padding-right: 20px; color: #fb880c; }
.news_box .hd li a:hover span{ left: 65px; transition: all .3s; color: #fb880c; }

.news_box .bd{ overflow: hidden; }
.news_box .bd a{ display: block; padding:0 30px; line-height: 36px; }
.news_box .bd a > b{ width: 80%; float: left; overflow: hidden; position: relative; font-size: 16px; color: #ecedee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 20px; font-weight: normal; transition: all .3s; }
.news_box .bd a > b::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #ecedee; border-radius: 50%; position: absolute; left:2.5px; top:50%; margin-top: -2px; transition: all .3s; }
.news_box .bd a > span{ float: right; font-size: 14px; color: rgba(255, 255, 255, .7); transition: all .3s; }
.news_box .bd a:first-child{ display: flex; overflow: hidden; padding:30px; border-bottom: 1px solid rgba(75, 148, 202, .3); margin-bottom: 15px; }
.news_box .bd a:first-child i{ display: inline-block; margin:0 10px; text-align: center; border:1px solid rgba(19, 141, 206, .5); transition: all .3s; position: relative; }
.news_box .bd a:first-child i > b{ display: block;  background:rgba(19, 141, 206, .5); line-height: 1; font-size: 48px; color:#fff; transition: all .3s; font-weight: normal; padding:9px 15px; transition: all .3s;  }
.news_box .bd a:first-child i > b::before{ display: none; }
.news_box .bd a:first-child i > small{ transition: all .3s; display: block; line-height: 28px; text-align: center; font-size: 14px; color: #fff;  transition: all .3s; }
.news_box .bd a:first-child .txt{ padding:0 20px; overflow: hidden; transition: all .3s; }
.news_box .bd a:first-child .txt b{ display: block; margin-bottom: 10px; font-size: 22px; color: #ecedee; font-weight: bold; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
.news_box .bd a:first-child .txt p{ font-size: 14px; color: #ecedee; line-height: 24px;  }
.news_box .bd a:first-child span{ color: #fff; font-size: 32px; padding:30px; transition: all .3s; position: relative; left: 0; display: inline-block; }
.news_box .bd a:hover:first-child .txt{ transition: all .3s; padding:0 10px 0 30px;  }
/*.news_box .bd a:hover:first-child i{ transition: all .3s; margin:0;border-color: #fb7101; }
.news_box .bd a:hover:first-child i > b{ transition: all .3s; background: #fb7101; }
.news_box .bd a:hover:first-child i > small{ transition: all .3s; background: #ffb244;  }
.news_box .bd a:hover:first-child .txt b{ transition: all .3s; color: #fb7101;  }
.news_box .bd a:hover:first-child span{ transition: all .3s; color: #fb7101; left: 5px;  }*/
.news_box .bd a:hover > b::before{ transition: all .3s; width: 10px; height: 10px; background: #fb7101; margin-top:-5px; left: 0; }
.news_box .bd a:hover > b, .news_box .bd a:hover > span{ transition: all .3s; color: #fb7101; }
/* m_box */
.m_box{ display: flex; overflow: hidden; margin:20px 0 0; }
.box_bg{ background: -moz-linear-gradient(top, #f1f1f2 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f2), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top, #f1f1f2 0%,#fefefe 100%); background: -o-linear-gradient(top, #f1f1f2 0%,#fefefe 100%); background: -ms-linear-gradient(top, #f1f1f2 0%,#fefefe 100%); background: linear-gradient(to bottom, #f1f1f2 0%,#fefefe 100%); } 
/*.box_tit{ overflow: hidden; line-height: 58px; border-bottom: 1px solid #e3e3e3; padding:13px 20px 0; }
.box_tit b{ position: relative; float: left; font-size: 20px; color:#ecedee; display: inline-block; padding:0 18px; border-radius: 10px 10px 0 0;border-bottom: 2px solid #fb880c;  background: -moz-linear-gradient(top, #2381cb 0%, #034eb4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2381cb), color-stop(100%,#034eb4)); background: -webkit-linear-gradient(top, #2381cb 0%,#034eb4 100%);background: -o-linear-gradient(top, #2381cb 0%,#034eb4 100%);	background: -ms-linear-gradient(top, #2381cb 0%,#034eb4 100%); background: linear-gradient(to bottom, #2381cb 0%,#034eb4 100%); }
*/
.box_tit{ overflow: hidden; line-height: 58px; border-bottom: 1px solid #e3e3e3; padding:13px 20px 0; }
.box_tit b{ position: relative; float: left; font-size: 20px; color:#ecedee; display: inline-block; padding:0 18px; border-radius: 10px 10px 0 0;border-bottom: 2px solid #fb880c;  background: #216dc2; }

.box_tit > span{ font-size:18px; color: #999999; float:left; text-transform: uppercase; display: inline-block; margin-left: 20px; }
.box_tit > a{ display: inline-block; float: right; font-size: 14px; color: #999999; position: relative; padding-left: 20px; padding-right: 0; transition: all .3s;; }
.box_tit > a span{ font-size: 14px; color: #666666; position: absolute; left: 0; transition: all .3s; }
.box_tit > a:hover{ padding-left: 0; padding-right: 20px; color: #1b4796; }
.box_tit > a:hover span{ left: 65px; transition: all .3s; color: #1b4796; }
.m_honor{ flex: 2; margin-right: 15px; overflow: hidden; }
.m_honor .bd{ overflow: hidden; padding:20px; }
#honor{ overflow: hidden; }
#honor a{ display: block; position: relative; overflow: hidden; }
#honor a::before{ content:""; display: inline-block; width:100%; height:100%; position: absolute; top:100%; left:0; background: #1b4796; }
#honor a .img{ border-radius: 3px; width: 100%; height: 160px; border:1px solid #e5e5e6; box-sizing: border-box; overflow: hidden; background: #fff; position: relative; z-index:3; }
#honor a .img .hover{ display: flex; flex-flow: column; align-items: center; justify-content: center; width:100%;height:0px;background-color:rgba(0,0,0,0.5);position:absolute;overflow:hidden;top:0;left:0;transform:rotate(55deg);transition:all 0.2s;z-index:999;}
#honor a .img .hover b{ font-size: 18px; color: #fff; }
#honor a .img .hover p{ display: inline-block; border:2px solid #fff; border-radius: 40px; font-size: 14px; color: #fff; padding:4px 20px; }
#honor a .img::before{content:"";position:absolute;top:-240px;right:0;width:361px;height:361px;background:rgba(25,59,157,0.6);transform:rotate(55deg) translateX(40px);transform-origin:100% 0%; transition:all 200ms ease 0.4s;}
#honor a .img::after{content:"";position:absolute;bottom:-240px;left:0;width:361px;height:361px;background:rgba(25,59,157,0.6);transform:rotate(55deg) translateX(-40px);transform-origin:0% 100%; transition:all 200ms ease 0.4s;}
#honor a:hover .img .hover{ height:100%;transform:rotate(0deg); }
#honor a:hover .img::before{ top:0; }
#honor a:hover .img::after{ bottom:0; }

#honor a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#honor a b{ display: block; line-height: 62px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; font-weight: normal; position: relative; z-index: 3; transition: all .3s; }
/*#honor a:hover .img{ transition: all .3s; border-bottom: 1px solid #1b4796; }*/
/*#honor a:hover img{ transition: all .3s; transform: scale(1.01); }*/
#honor a:hover b{ color: #1b4796; transition: all .3s; }
/*#honor a:hover::before{ top: 0; transition: all .3s; }*/

.m_offer{ flex: 1; margin-left: 15px; }
.m_offer > .box{ padding:20px; box-sizing: border-box;  }
.m_offer > .box > .hd{ overflow: hidden; margin-bottom: 12px; }
.m_offer > .box > .hd b{ display: inline-block; line-height: 36px; font-size: 20px; color: #333333; }
.m_offer > .box > .hd span{ font-size: 18px; color: #999999; display: inline-block; margin-left: 18px; text-transform: uppercase; line-height: 16px; }
.m_offer > .box > .bd{ overflow: hidden; background: rgba(236, 236, 236, .65); padding:10px 15px; }
.m_offer > .box > .bd > p{ font-size: 14px; color: #333333; line-height: 32px; }
.price_box{ width: 100%; background: #fff; border:1px solid #ececec; }
.price_box .hd{ overflow: hidden; border-bottom: 1px solid #ececec; position: relative; }
.price_box .hd span{ float: left; display: inline-block; padding:10px; text-align: center; font-size: 16px; color: #333333; box-sizing: border-box;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.price_box .bd li span{ float: left; display: flex; align-items: center; justify-content: center; padding:0 5px; height:60px; text-align: center; font-size: 13px; color: #333333; box-sizing: border-box; line-height: 1.2; }
.price_box .bd li::after{ content: ""; display: block; height: 1px; width: 100%; background: #ececec; border:0; position: absolute; left: 0; bottom:0; }
.price_box .bd li{ overflow: hidden; position: relative; }
.price_box .hd span + span, .price_box .bd li span + span{ border-left: 1px solid #ececec; }
.price_box .hd span:nth-child(1), .price_box .bd li span:nth-child(1){ width: 24%; }
.price_box .hd span:nth-child(2), .price_box .bd li span:nth-child(2){ width: 48%; }
.price_box .hd span:nth-child(3), .price_box .bd li span:nth-child(3){ width: 12%; }
.price_box .hd span:nth-child(4), .price_box .bd li span:nth-child(4){ width: 16%; }

/*m_product*/
.m_product{ flex: 2; margin-right: 15px; overflow: hidden; }
.m_product .bd{ overflow: hidden; padding:20px; }
.product_btn{ display: flex; float: right; align-items: center; }
.product_btn a{ display: inline-block; width: 26px; height: 26px; position: relative; left:0; right:0; transition: all .3s;  }
.product_btn span{ font-size: 26px; color: #999999; line-height: 1; transition: all .3s; position: absolute; left: 0; right: 0; top:2px; }
.product_btn a:hover span{ transition: all .3s; color: #1b4796; }
.product_btn a:nth-of-type(1):hover{ left: -5px; transition: all .3s;  }
.product_btn a:nth-of-type(2):hover{ left: 5px; transition: all .3s;  }
.product_btn ul{ overflow: hidden; }
.product_btn li{ cursor: pointer; transition: all .3s; display: inline-block; width: 5px; height: 5px; background: #999999; border-radius: 50%; margin:0 3px; }
.product_btn li:hover{ transition: all .3s; background: #1b4796; }
#product{ overflow: hidden; }
#product a{ display: block; width: 100%; position: relative; webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
#product a .before{ position: relative; border-radius: 5px; height: auto; overflow: hidden; backface-visibility: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#product a .img{ width: 100%; height: 172px; overflow: hidden; }
#product a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .5s; }
#product a .before b{ display: block; line-height: 48px; background: #f3f0f0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; font-weight: normal; }
#product a .after{ position: absolute; top: 0; left: 0; padding: 0; background: url(../images/intypeab.jpg) center no-repeat #23569e; height: 100%; width: 100%; color: #fff; padding: 10%; opacity: 0; background-color: #23569e; text-align: center; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#product a .after b{ font-size: 18px; line-height: 2; color: #fff; position: relative; z-index: 4; }
#product a .after i{ display: block; width: 35px; border-top: 2px solid #6c8fbf; margin: 10px auto 20px auto; }
#product a .after p{line-height: 1.5; text-align: center; color: #fff;font-size: 12px; overflow: hidden; overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
#product a .after em{ position: relative; display: block; width: 80px;line-height: 32px; height: 32px; background: #bd1f25; transition: .6s;transition-delay: .5s; border-radius: 5px; margin: 22px auto 0 auto; color: #fff;font-style: normal; }
#product a .after em::before{ position: absolute; content: ""; z-index: 1; left: 50px; top: 50%; height: 1px; width: 0px; transition: .6s; transition-delay: .5s; background: #a6080e; }
#product a .after em::after{  position: absolute; content: ""; z-index: 1; right: 50px; top: 50%; height: 1px; width: 0px; transition: .6s; transition-delay: .5s; background: #a6080e; }
#product a:hover > .before{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
#product a:hover > .after{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
#product a:hover em{ width:40px;height: 40px;line-height: 40px; border-radius: 50%;background: #fff;color: #bd1f25; }
#product a:hover em::before{width: 60px;background: #fff;}
#product a:hover em::after{width: 60px;background: #fff;}


/* m_duty */
.m_duty{ overflow: hidden; flex: 1; margin-left: 15px; border:2px solid #f2f3f3; background: -moz-linear-gradient(top, #183883 0%, #94cef3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183883), color-stop(100%,#94cef3)); background: -webkit-linear-gradient(top, #183883 0%,#94cef3 100%); background: -o-linear-gradient(top, #183883 0%,#94cef3 100%); background: -ms-linear-gradient(top, #183883 0%,#94cef3 100%); background: linear-gradient(to bottom, #183883 0%,#94cef3 100%); position: relative; }
.m_duty .hd{ overflow: hidden; padding:28px 35px 20px; border-bottom: 1px solid #4b68a1; }
.m_duty .hd b{ font-size: 20px; color: #feffff; line-height: 1; }
.m_duty .hd span{ display: inline-block; font-size: 18px; color: rgba(255, 255, 255, .6); margin-left: 10px; text-transform: uppercase; }
.m_duty .bd{ overflow: hidden; padding: 15px 35px; position: relative; z-index: 3; }
.m_duty .bd ul{ overflow: hidden; width: 56%; }
.m_duty .bd li > a{ display: inline-block; width: 100%; font-size: 14px; color: #feffff; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-left: 20px; position: relative; transition: all .3s; }
.m_duty .bd li > a::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #fff; border-radius: 50%; position:absolute; left:0; top:50%; margin-top:-2px; transition: all .3s; }
.m_duty .bd > a{ display: inline-block; margin-top: 15px; font-size: 16px; color: #feffff; transition: all .3s; }
.m_duty .bd > a span{ display: inline-block; margin-left: 12px; font-size: 20px; color: #feffff; line-height: 1; position: relative; top:3px; transition: all .3s; }
.m_duty::after{ content: ""; width: 243px; height: 257px; display: block; background: url(../images/duty_img.png) no-repeat center; position: absolute; right: -3px; bottom:-7px; }
.m_duty .bd li > a:hover{ transition: all .3s; color: #fb7101; }
.m_duty .bd li > a:hover::before{ transition: all .3s; background: #fb7101; border-radius: 0; }
.m_duty .bd > a:hover{ transition: all .3s; color: #fb7101; }
.m_duty .bd > a:hover span{ transition: all .3s; color: #fb7101; margin-left: 20px; }
/* m_case */
.m_case{ width: 100%; overflow: hidden; }
.m_case .bd{ overflow: hidden; padding:20px; }
#cases{ overflow: hidden; }
#cases a{ display: block; }
#cases a .img{ width: 100%; height: 172px;  box-sizing: border-box; overflow: hidden; }
#cases a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#cases a b{ display: block; line-height: 48px; background: #f3f0f0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; font-weight: normal; }
#cases a:hover img{ transition: all .5s; transform: scale(1.05); }
#cases a:hover b{ background: #183883; color: #fff; transition: all .5s; } 

/* m_job */
.m_job{ margin:30px 0; background-image: url("../images/job_bg.jpg"); background-attachment: fixed; position: relative; height: 225px; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; box-sizing: border-box; overflow: hidden; }
.m_job .info{ position: absolute; top:0; left:0;  width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.47); padding:48px 0; }
.m_job small{ font-size: 24px; display: block; color: #fdfefe; line-height: 1; font-weight: 200; margin-bottom: 26px; }
.m_job b{ display: block; font-size: 30px; color: #fdfefe; line-height: 1; margin-bottom: 30px; font-weight: 200; }

.m_job a{ display: inline-block; line-height: 1; font-size: 14px; color: #f3f7fa; position: relative; padding-left: 20px; padding-right: 0; transition: all .3s; }
.m_job a span{ font-size: 14px; color: #f3f7fa; position: absolute; left: 0; transition: all .3s; }
.m_job a:hover{ padding-left: 0; padding-right: 20px; color: #fb7101; }
.m_job a:hover span{ left: 65px; transition: all .3s; color: #fb7101; }

/*footer*/
.footer{ overflow: hidden; box-sizing: border-box; background: #222121; padding:42px 0 0; }
.f_nav{ width: 100%; overflow: hidden; }
.nav_box{ width: 172px; float: left; text-align: left; }
.nav_box b{ display: block; line-height: 54px; font-size: 20px; color: #fdfefe; font-weight: 200; }
.nav_box b > a{ color: #fdfefe; }
.nav_box p > a{ font-size: 14px; line-height: 30px; display: inline-block; clear: both; color: rgba(255,255,255, .32); transition: all .3s; }
.nav_box p > a:hover, .f_contact p a:hover{ transition: all .3s; color: rgba(255,255,255, 1); }
.f_contact b, .f_ewm b{ display: block; line-height: 54px; font-size: 20px; color: #fdfefe; font-weight: 200; }
.f_contact p, .f_contact p a{ font-size: 14px; line-height: 30px; color: rgba(255,255,255, .32); transition: all .3s; }
.f_contact p span{ font-size: 16px; color: #828282; line-height: 1; margin-right: 5px; }
.f_ewm{ height: 100%; border-left: 1px solid #4c4b4b; position: relative; text-align: center; }
.f_ewm::before{ content: ""; width: 1px; height: 50px; background: #1b4796; position: absolute; left: -1px; top:40px; }
.f_ewm b{ margin-bottom: 6px; }
.f_ewm p{ line-height: 42px; font-size: 14px; color: #706c6c; }
.f_copy{ width: 100%; border-top: 1px solid #3a3939; margin-top: 42px; line-height: 48px; }
.f_copy p{ display: inline-block; font-size: 14px; color: rgba(255,255,255, .32); line-height: 48px; }
.f_copy p a{ font-size: 14px; color: rgba(255,255,255, .32); float: right; transition: all .3s; margin-right: 10px; display: inline-block; }
.f_copy p a:hover{ color: rgba(255, 255, 255, 1); transition: all .3s; }
.f_copy p + p{ float: right; }
.f_copy p + p > a{ float: none; margin:0 10px 0 15px; }

/*s_banner*/
.s_banner{ text-align: center; position: relative; padding:60px 0; background: url(../images/company_bg.jpg) no-repeat top center; background-attachment: fixed; background-size: 100% 100%;  }
.s_banner::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top:0; left:0; }
.s_banner .row > b{ display: block; width: 100%; font-size:46px; color: #fff; font-weight: 400; line-height: 1; position: relative; z-index: 3; }
.s_banner .row > p{ display: block; width: 100%; box-sizing: border-box; padding: 30px 0; text-align: center; line-height: 2; font-size: 14px; color: #fff;  position: relative; z-index: 3; }
.s_banner .row > span{ display: block; margin:0 auto; font-size: 32px; line-height: 1; color: #fff; font-weight: 200; position: relative; z-index: 3; }
.s_banner .row small{ overflow: hidden; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 15px 0 30px; }
.s_banner .row small span{ display: block; clear: both; font-size: 14px; color: #fff; }
.s_banner .row small span + span{ position: relative; top:-7px; }
.company_banner .s_banner{ background: url(../images/company_bg.jpg) no-repeat center -240px; background-attachment: fixed; background-size: 100% 100%; }
.product_banner .s_banner{ background: url(../images/product_bg.jpg) no-repeat center -240px; background-attachment: fixed; background-size: 100% 100%; }
.case_banner .s_banner{ background: url(../images/case_bg.jpg) no-repeat center -320px; background-attachment: fixed; background-size: 100% 100%; }
.contact_banner .s_banner{ background: url(../images/contact_bg.jpg) no-repeat center -200px; background-attachment: fixed; background-size: 100% 100%; }
.job_banner .s_banner{ background: url(../images/job_bg.jpg) no-repeat center -200px; background-attachment: fixed; background-size: 100% 100%; }
.news_banner .s_banner{ background: url(../images/news_bg.jpg) no-repeat center -200px; background-attachment: fixed; background-size: 100% 100%; }
.society_banner .s_banner{ background: url(../images/society_bg.jpg) no-repeat center -240px; background-attachment: fixed; background-size: 100% 100%; }
@keyframes title_font_img_down{
	0%{ bottom:10px; opacity: 0.5;}
 	30%{ bottom:5px; opacity: 1;}
  	100%{ bottom:0px;  opacity: 0;}
}
@-webkit-keyframes title_font_img_down{
	0%{ bottom:10px; opacity: 0.5;}
 	30%{ bottom:5px; opacity: 1;}
  	100%{ bottom:0px;  opacity: 0;}
}
/*location*/
.location{ position: absolute; bottom:0; width: 100%; background: rgba(255,255,255, .95); line-height: 66px; }
.location b{ float: left; font-size: 20px; }
.location p, .location p a{ text-align: right; font-size: 14px; color: #333333; transition: all .3s; }
.location a:hover{ transition: all .3s; color: #183882; }
.location p span{ font-size: 22px; color: #183882; line-height: 1; margin-right: 8px; position: relative; top:3px; }
/*main*/
.main{ overflow: visible; padding: 20px 0; }
.main + .inner{ padding:0 15px; }
.main + .inner .m_job{ margin-top: 10px; }
.article{ width: 100%; box-sizing: border-box; padding:50px 50px 25px; background: #f8f8f8;}
.article p{ font-size: 16px; color: #333333; line-height: 1.8; margin-bottom: 12px; }
.article img{ max-width: 100%; }
.article strong{ font-size: 24px; }
.article em{ font-size: 20px; color: #999; display: inline-block; padding-left: 36px; position: relative; }
.article em::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: #999; position: absolute; left:0; top:18px; }
/* company */
.s_company{ width: 100%; overflow: hidden; margin-top:-112px; }
.s_company .tit{ background: #183882; padding:35px 29px 35px 23px; overflow: hidden; }
.s_company .tit div{ width: 65%; float:left; }
.s_company .tit b{ display: block; font-size: 24px; color: #fafbfc; line-height: 1; }
.s_company .tit span{ font-size: 14px; color: #fafbfc; display: inline-block; line-height: 1; text-transform: uppercase; margin-top: 8px; }
.s_company .tit > span{ float: right; display: inline-block; width: 32px; height: 32px; border-radius: 50%; border:1px solid #8797bd; text-align: center; font-size: 8px; color: #fff; line-height: 32px; }
.s_company .list{ background: #fff; position: relative; padding:15px 0 20px; }
.s_company .list::before{ content: ""; display: inline-block; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-top:10px solid #183882; position: absolute; top:0; left:50%; margin-left: -5px; }
.s_company .list a{ position: relative; display: block; background: #f8f8f8; padding:20px 30px; }
.s_company .list a::after{ content: ""; display: block; width: 0; height: 100%; background: #0092dd; position: absolute; left: 0; top:0; transition: all .3s; }
.s_company .list a small{ font-size:16px; color: #333333; transition: all .3s; position: relative; z-index: 3; }
.s_company .list a + a{ margin-top: 3px; }
.s_company .list a span{ font-size: 24px; color: #0092dd; line-height: 1; display: inline-block; transition: all .3s; position: relative; z-index: 3; }
.s_company .list a span:nth-of-type(1){ margin-right: 16px; }
.s_company .list a span:nth-of-type(2){ font-size: 16px; color: #0694de; line-height: 24px; float: right; }
.s_company .list a:hover span, .s_company .list a:hover small{ transition: all .3s; color: #fff; }
.s_company .list a:hover::after{ width: 100%; transition: all .3s; }
.s_company .list a:hover span:nth-of-type(2){ margin-right: 5px; transition: all .3s; }
.s_news{ overflow: hidden; }
.s_news > b{ display: block; margin:20px 0; border-left:3px solid #183882; padding-left: 20px; font-size: 20px; color: #183882; }
#snews{ width: 100%; height: 280px; overflow: hidden; }
#snews a{ width: 100%; height: 100%; overflow: hidden; }
#snews a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#snews a b{ width: 100%; font-weight: normal; display: block; line-height: 44px; background: rgba(0,0,0,0.75); position: absolute; left:0; bottom:0; box-sizing: border-box; padding:0 40% 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ecedee; }
#snews .swiper-pagination{ width: 40px; left:auto; right: 20px; bottom:12px; color: #fff; }
#snews .swiper-button-next, #snews .swiper-button-prev{ background-image: none; width: 8px; height: 8px; }
#snews .swiper-button-next{ left:auto; right:16px; bottom:22px; top:auto; }
#snews .swiper-button-prev{ left: auto; right:60px; bottom:22px; top:auto; }
#snews .swiper-button-next span, #snews .swiper-button-prev span{ font-size: 8px; color: #fff; }
#snews_info p{ font-size: 16px; color: #333333; line-height: 24px; }
.s_nav{ display: block; width: 100%; margin-top: 20px; }
.s_nav a{ display: block; width: 50%; padding:28px 0; background: #c7c6c6; text-align: center; float: left; border-radius: 3px; transition: all .3s; position: relative; }
.s_nav a span{ display: block; line-height: 1; font-size: 34px; margin-bottom: 12px; color: #fff; transition: all .3s; position: relative; z-index: 3; top:0; }
.s_nav a small{ font-size: 18px; color: #f3f7fa; line-height: 1; position: relative; z-index: 3; transition: all .3s; display: inline-block; top:0; }
.s_nav a:nth-child(1){ background: #0092dd; }
.s_nav a:nth-child(4){ background: #183882; }
.s_nav a::after{ content: ""; display: inline-block; width: 0; height: 0; position: absolute; left:50%; top:50%; background: #fb880c; transition: all .3s; }
.s_nav a:hover::after{ width: 100%; height: 100%; left:0; top:0; transition: all .3s; }
.s_nav a:hover span, .s_nav a:hover small{ top:-5px; transition: all .3s; }
/* c_tit */
.c_tit{ overflow: hidden; padding:30px 0; width: 100%; }
.c_tit .hd{ text-align: center; }
.c_tit .hd b{ position: relative; font-size: 36px; color: #333; line-height: 1; margin:12px 0 20px; display: block; font-weight: normal;  }
.c_tit .hd b a{ color: #333; transition: all .3s; }
.c_tit .hd b a:hover{ color: #183882; transition: all .3s; letter-spacing: 1px; }
.c_tit .hd b::after{ content: ""; display: inline-block; width: 30px; height: 3px; border:0; background: #183882; position: absolute; left: 50%; margin-left: -15px; bottom:-20px; transition: all .3s;; }
.c_tit .hd b:hover::after{ transition: all .3s; width: 40px; margin-left: -20px; background: #183882; }
/* hot_news */
.hot_news{ clear: both; overflow: hidden; padding:0 15px; }
.hot_news a{ display: block; overflow: hidden; border:1px solid #e7e7e7; box-sizing: border-box; transition: all .4s; }
.hot_news a .img{ width: 100%; height: 280px; overflow: hidden; transition: all .4s; }
.hot_news a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.hot_news a .txt{ width: 100%; padding:25px; overflow: hidden; height: 120px; transition: all .4s; box-sizing: border-box; }
.hot_news a .txt b{ font-weight: normal; display: block; width: 100%; color: #010101; font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot_news a .txt span{ font-size: 14px; color: #909090; }
.hot_news a .txt p{ transition: all .4s; line-height: 30px; color: #434343; font-size: 14px; margin-top: 15px; opacity: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; }
.hot_news a:hover img{ transition: all .4s; transform: scale(1.05); }
.hot_news a:hover .img{ transition: all .4s; margin-top: -80px; }
.hot_news a:hover .txt{ transition: all .4s; background: #183882; height: 200px; }
.hot_news a:hover .txt b, .hot_news a:hover .txt span, .hot_news a:hover .txt p{ transition: all .4s; color: #fff; opacity: 1; }
/* company_list */
.company_list{ overflow: hidden; margin:20px 0; padding:40px 0; background: #F6F6F6; }
.company_list .hd{ width: 100%; overflow: hidden; padding: 0 15px 20px; }
.company_list .hd b{ display: block; font-size: 36px; color: #333; font-weight: normal; }
.company_list .hd b a{ color: #333; transition: all .3s; }
.company_list .hd b a:hover{ color: #fb880c; transition: all .3s; letter-spacing: 1px; }
.company_list .hd small{ font-size: 18px; color: #c1c1c1; text-transform: uppercase; }
.company_list .news_img{ display: block; width: 100%; overflow: hidden;  }
.company_list .news_img .img{ width: 100%; height: 240px; overflow: hidden; background: #e4e4ec; }
.company_list .news_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.company_list .news_img .txt{ overflow: hidden; padding:20px 0; }
.company_list .news_img .txt b{ margin-bottom: 20px; display: block; width: 100%; font-size: 20px; color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: all .4s; }
.company_list .news_img .txt span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.company_list .news_img .txt span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: #183882;transition: all .4s }
.company_list .news_img .txt span small{ font-size: 22px; color: #444; display: block; }
.company_list .news_img .txt span i{ font-size: 16px; color: #999; display: block; }
.company_list .news_img .txt p{ float: left; width: 86%; color: #979797; font-size: 14px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.company_list .news_img:hover img{ transition: all .4s; transform: scale(0.95) rotate(-1deg); }
.company_list .news_img:hover b{ transition: all .4s; color: #183882; font-weight: bold; padding-left: 10px; }
.company_list .news_img:hover span, .company_list .news_img:hover span i, .company_list .news_img:hover p{ transition: all .4s; color: #333; }
.company_list .news_img:hover span::after{ transition: all .4s; height: 100%; }
.company_list .list{ display: block; overflow: hidden; border-bottom:1px solid #eaeaea; }
.company_list .list a{ display: block; padding:32px 0; overflow: hidden; border-top:1px solid #eaeaea; }
.company_list .list a span{ display: inline-block; text-align: left; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e8e8e8; position: relative; }
.company_list .list a span::after{ content: ""; display: inline-block; width: 1px; height: 0; position: absolute; right: 0; top:0; background: #183882;transition: all .4s }
.company_list .list a span small{ font-size: 22px; color: #444; display: block; text-align: left; transition: all .3s; }
.company_list .list a span i{ font-size: 16px; color: #999; display: block; text-align: left; transition: all .3s; }
.company_list .list a .txt{ float: left; width: 86%; overflow: hidden; }
.company_list .list a .txt b{ margin-bottom: 7px; display: block; width: 100%; font-size: 20px; color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.company_list .list a .txt p{ text-indent: -2em; float: left; color: #979797; font-size: 14px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.company_list .list a:hover b{ transition: all .4s; color: #183882; font-weight: bold; padding-left: 10px; }
.company_list .list a:hover p{ transition: all .4s; color: #333; padding-left: 10px; }
.company_list .list a:hover small, .company_list .list a:hover i{  transition: all .4s; color: #183882; }
.company_list .list a:hover span::after{ transition: all .4s; height: 100%; }

/* industry_news */
.industry_news{ overflow: hidden; }
.industry_news .bd{ display: block; width: 100%; }
.industry_news .bd li{ padding: 50px 0; position: relative; border-bottom: solid 1px #e5e5e5; }
.industry_news .bd li a{ display: flex; align-items: center; z-index: 2; position: relative; }
.industry_news .bd li a span{ text-align: center; display: block; width: 8%; height: 125px; color: #183882; font-size: 16px; position: relative; transition: 1s ease .2s; }
.industry_news .bd li a span small{ font-size: 60px; display: block; }
.industry_news .bd li a span::after{ width: 1px; height: 100px; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: .2s ease .1s; background: #e5e5e5; }
.industry_news .bd li a .txt{ width: 68%; box-sizing: border-box; padding: 0 35px; position: relative; }
.industry_news .bd li a .txt b{ font-weight: bolder; font-size: 24px; color: #212122; line-height: 30px; margin-bottom: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.industry_news .bd li a .txt p{ font-size: 14px; color: #434343; line-height: 30px; margin-bottom: 45px; }
.industry_news .bd li a .txt small{ line-height: 44px; padding: 0 30px; color: #183882; border: solid 1px #183882; font-size: 14px; display: inline-block; border-top-left-radius: 10px; border-bottom-right-radius: 10px; transition: all .4s; }
.industry_news .bd li a .img{ width: 24%; overflow: hidden; box-sizing: border-box; padding-left: 20px; }
.industry_news .bd li a .img img{ width: 100%; height: 195px; object-fit: cover; transition: all .3s; }
.industry_news .bd li::before{ position: absolute; left: 8%; top: 0; width: 1200px; height: 100%; background: #fafafa url(../images/n_bg.jpg) top right; content: ''; transition: .6s ease .1s; opacity: 0; }
.industry_news .bd li::after{ position: absolute; right: 92%; top: 0; width: 0; height: 100%; background: #183882; content: ''; transition: .2s ease .1s; }
.industry_news .bd li:hover::before{ width: 120%; transition: .4s ease 0.1s; opacity: 1; }
.industry_news .bd li:hover::after{ width: 120%; transition: .4s ease 0.1s; }
.industry_news .bd li:hover{ border-color: transparent; }
.industry_news .bd li:hover a span::after{ background: transparent; }
.industry_news .bd li:hover a span{ color: #fff; transition: 1s ease 0.3s; }
.industry_news .bd li:hover a .txt b{ color: #183882; }
.industry_news .bd li:hover a .txt small{ background: #183882; color: #fff; border-radius: 0; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
/*sider-news*/
.sider-news{ width: 100%; overflow: hidden; }
.sider-news > b{ display: block; box-sizing: border-box; width: 100%; line-height: 60px; color: #fff; font-size: 20px; background: #183882; padding:0 25px; }
.sider-news > div{ background: #f8f8f8; padding:20px; }
.sider-news > .type a{ display: block; background: #fff; color: #333333; font-size: 18px; text-indent: 30px; line-height: 50px; transition: all .4s; overflow: hidden; position: relative; }
.sider-news > .type a span{ position: relative; z-index: 3; }
.sider-news > .type a::before{ content:""; display: block; background: #183882; width: 0; height: 100%; position: absolute; left:0; top:0; transition: all .3s; }
.sider-news > .type a + a{ margin-top: 10px; }
.sider-news > .type a:hover{  color: #fff; transition: all .4s; text-indent: 40px; }
.sider-news > .type a:hover::before{ transition: all .4s; width: 100%; }
.sider-news > i{ display: block; overflow: hidden; margin:20px 0; }
.sider-news > i b{ display: inline-block; border-left: 3px solid #183882; line-height: 25px; padding-left: 18px; color: #333; font-size: 17px; }
.sider-news > i a{ float: right; text-align: right; color: #666; font-size: 13px; transition: all .3s; }
.sider-news > i a:hover{ color: #183882; transition: all .3s; }
.sider-news .list{ overflow: hidden;}
.sider-news .list a{ display: block; overflow: hidden; }
.sider-news .list a .img{ width: 30%; height: 84px; float: left; }
.sider-news .list a .img img{ width: 100%; height: 100%; object-fit: contain; }
.sider-news .list a .txt{ width: 70%; float: left; box-sizing: border-box; padding-left: 15px; }
.sider-news .list a .txt b{ font-weight: normal; color: #333; font-size: 15px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; }
.sider-news .list a .txt p{ color: #666; font-size: 13px; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sider-news .list a > span{ margin-top: 15px; width: 4px; height: 4px; background: #183882; display: inline-block; float: left; margin-right: 12px; transition: all .3s; border-radius: 0; }
.sider-news .list a > p{ line-height: 35px; color: #333; font-size: 14px; width: 70%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition: all .3s; }
.sider-news .list a > small{ float: right; line-height: 30px; color: #666; font-size: 13px; transition: all .3s; }
.sider-news .list a:first-child{ clear: both; margin-bottom: 12px; }
.sider-news .list a:hover b, .sider-news .list a:hover > p, .sider-news .list a:hover > small{ color: #183882; transition: all .3s; }
.sider-news .list a:hover > span{ transition: all .3s; border-radius: 50%; }
.sider-news .pro{ background: #fff; padding:0; }
.sider-news .pro a{ margin-bottom: 12px; background: #f8f8f8; padding:8px; }
.sider-news .pro a .txt{ padding:0 10px; }

/* news_list */
.news_list{ overflow: hidden; width: 100%; }
.news_list li + li a{ border-top:1px solid #e9e9e8; }
.news_list a{ display: block; display: flex; padding:20px 0; width: 100%; }
.news_list a .img{ width: 100%; height: 160px; overflow: hidden; position: relative; }
.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.news_list a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }
.news_list a .txt{ overflow: hidden; width: 100%; }
.news_list a .txt b{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 24px;  }
.news_list a .txt p{ overflow: hidden; text-indent: -2em; transition: all .3s; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list a .txt small{ margin-top: 15px; display: inline-block; padding-left: 30px; font-size: 14px; color: #393939; position: relative; transition: all .3s; }
.news_list a .txt small::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: #072f62; position:absolute; left: 0; top:9px; transition: all .3s; }
.news_list a:hover b{ transition: all .3s; color: #072f62; font-weight: bold; }
.news_list a:hover .img span{ transition: all .3s; opacity: 1; }
.news_list a:hover img{ transition: all .3s; transform: scale(1.05) rotate(-5deg); }
.news_list a:hover small{ padding-left: 60px; transition: all .3s; }
.news_list a:hover small::before{ width: 50px; transition: all .3s; }
/* article */
.page_tit{ position: relative; margin-bottom: 20px; text-align: center; }
.page_tit b{ display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }
.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }
.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: #072f61; position: absolute; left:50%; margin-left: -30px; bottom:30px; border:0; }
.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939; }
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 16px; }
/*newsPage*/
.newsPage { border:1px solid #eee; background: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsPage .page-a{ width: 100%; clear: both; font-size: 14px; color: #212529; box-sizing: border-box; padding:6px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsPage .page-a a{ color: #212529; }
.newsPage .page-a + .page-a{ border-top:1px solid #eee; }
.newsPage .page-a:hover{ background:#072f61; color: #fff; font-weight: bold; transition: all .3s; }
.newsPage .page-a:hover a{ color: #fff; }
/* goods_type */
.goods_type{ overflow: hidden; }
.goods_type li{ overflow: hidden; padding-bottom: 30px; }
.goods_type li:nth-child(2n+0){ background: #f8f8f8; }
.goods_type li .img{ width: 100%; height: 540px; overflow: hidden; position: relative; }
.goods_type li .img img{ transition: all .4s; width: 100%; height: 100%; object-fit: cover; }
.goods_type li .img::before{ content: ""; width: 745px; height: 500px; display: block; border:1px solid #fff; position: absolute; left: 20px; top:20px; z-index: 3; transition: all .4s; }
.goods_type li .img > div{ width: 100%; height: 100%; background: rgba(0, 0, 0, .2); display: flex; align-items: center; justify-content: center; position: absolute; left:0; top:0;  transition: all .4s; }
.goods_type li .img > div span{ font-size: 100px; color: #f0f0f0; line-height: 1; transition: all .4s; }
.goods_type li .img:hover img{ transition: all .4s; transform: scale(1.05); }
.goods_type li .img:hover::before{ transition: all .4s; width: 715px; height: 470px; top:30px; left: 30px; }
.goods_type li .img:hover > div{ transform: scale(1.05); background: rgba(0, 0, 0, .6); }
.goods_type li .img:hover > div span{ transform: scale(1.05); font-size: 82px; color: #fff; }
.goods_type li .txt{ padding:20px 0; }
.goods_type li .txt > b{ font-size: 32px; color: #333; font-weight: normal; }
.goods_type li .txt > .type, .g_type{ padding:20px 0; overflow: hidden; }
.goods_type li .txt > .type a, .g_type a{ display: inline-block; padding:8px 32px; background: #072f61; margin-right: 12px; border-radius: 6px 0; position: relative; overflow: hidden; transition: all .3s; }
.goods_type li .txt > .type a::before, .g_type a::before{ content: ""; display: block; width: 4px; height: 4px; position: absolute; left: -4px; top:-4px; transition: all .4s; border-radius: 50%; background: #e96410; }
.goods_type li .txt > .type a span, .g_type a span{ color: #fff; font-size: 16px; position: relative; z-index: 3; }
.goods_type li .txt > .type a:hover, .g_type a:hover{ transition: all .3s; border-radius: 0 6px; }
.goods_type li .txt > .type a:hover::before, .g_type a:hover::before{ transition: all .4s; width: 300px; height: 300px; left: -100px; top:-100px; }
.goods_type li .txt p{ font-size: 16px; color: #706c6c; line-height: 34px; margin-bottom: 20px; padding-left: 100px; position: relative; }
.goods_type li .txt p em{ color: #fff; background: #a2a2a2; padding:3px 10px; position: absolute; left:0; top:0; }
.goods_type li .txt > a{ transition: all .4s; display: inline-block; padding:12px 32px; margin-top: 30px; background: #373737; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px; position: relative; overflow: hidden; }
.goods_type li .txt > a span{ position: relative; z-index: 3; }
.goods_type li .txt > a::before{ content: ""; display: inline-block; width: 0; height: 100%; background: #072f61; position: absolute; left:0; top:0; transition: all .6s; }
.goods_type li .txt > a + a{ background: #ec1a23; margin-left:20px; }
.goods_type li .txt > a:hover::before{ width: 100%; transition: all .6s; }
.goods_type li .list{ width: 100%; overflow: hidden; margin-top: 30px; }

.goods_type li .list .g_li, .g_list .g_li{ overflow: hidden; }
.goods_type li .list .g_li .simg, .g_list .g_li .simg{ width: 100%; height: 248px; overflow: hidden; position: relative; }
.goods_type li .list .g_li .simg img, .g_list .g_li .simg img{ width: 100%; height: 100%; object-fit: contain; transition: all .4s; }
.goods_type li .list .g_li .simg > a, .g_list .g_li .simg > a{ display: block; position:absolute; left: 0; bottom:0; width: 100%; box-sizing: border-box; padding:25px 15px 15px;  }
.goods_type li .list .g_li .simg > a b, .g_list .g_li .simg > a b{ display: block; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 18px; color: #fff; position: relative; z-index: 3; transition: .4s; opacity: 1; }
.goods_type li .list .g_li .simg > a::before, .g_list .g_li .simg > a::before{ content: ""; display: block; width: 130%; height: 200px; background: rgba(24, 56, 130, .8); transform: rotate(11deg); position: absolute; left: -30px; top:38px; transition: .4s; }
.goods_type li .list .g_li .simg > div, .g_list .g_li .simg > div{ width: 100%; height: 100%; position: absolute; top:-100%; transition: .4s; background: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center; flex-flow: column; }
.goods_type li .list .g_li .simg > div a, .g_list .g_li .simg > div a{ padding:5px 30px; border:1px solid #fff; color: #fff; font-size: 14px; border-radius: 3px; transition: all .4s; }
.goods_type li .list .g_li .simg > div a span, .g_list .g_li .simg > div a span{ font-size: 14px; margin-right: 6px; }
.goods_type li .list .g_li .simg > div a + a, .g_list .g_li .simg > div a + a{ margin-top: 12px; }
.goods_type li .list .g_li .simg > div a:hover, .g_list .g_li .simg >div a:hover{ transition: all .4s; background: #fb880c; border-color: #fb880c; }
.goods_type li .list .g_li .simg > div a + a:hover, .g_list .g_li .simg > div a + a:hover{ transition: all .4s; background: #ec1a23; border-color: #ec1a23; }
.goods_type li .list .g_li .simg:hover img, .g_list .g_li .simg:hover img{ transform: scale(1.05); transition: .4s; }
.goods_type li .list .g_li .simg:hover > div, .g_list .g_li .simg:hover > div{ transition: .4s; top:0; }
.goods_type li .list .g_li .simg:hover > a b, .g_list .g_li .simg:hover > a b{ transition: .4s; opacity: 0; }
.goods_type li .list .g_li .simg:hover > a::before, .g_list .g_li .simg:hover > a::before{ transition: .4s; top:60px; transform: rotate(0deg); }
.g_list{ overflow: hidden; width: 100%; }
.g_list .g_li{ margin-bottom: 30px; }
/* case_list */
.case_list{ width: 100%; }
.case_list li{ margin-bottom: 46px; }
.case_list li a{ display: block; background: #f7f7f7; height: 360px; transition: all .3s; }
.case_list li a .txt{ overflow: hidden; width: 50%; height: 100%; float: left; box-sizing: border-box; padding:45px; transition: all .4s; }
.case_list li a .txt b{ color: #2d2d2d; font-size: 24px; margin-bottom: 10px; }
.case_list li a .txt em{ color: #3a3a3a; font-size: 16px; margin-top: 15px; display: block; }
.case_list li a .txt > span{ color: #787878; font-size: 20px; margin: 10px 0; font-style: normal; display: inline-block; }
.case_list li a .txt p{ text-indent: -2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #7c7c7c; font-size: 14px; line-height: 26px; }
.case_list li a .txt small{ display: inline-block; padding:10px 32px; font-size: 14px; color: #fff; background: #000000; margin-top: 30px; position: relative; border-radius: 0; overflow: hidden; }
.case_list li a .txt small::before{ content: ""; display: inline-block; height: 100%; width: 0; background: #183882; transition: all .4s; position: absolute; top:0; left:0%; }
.case_list li a .txt small i{ position: relative; z-index: 3; }
.case_list li a .txt small > span{ font-size: 14px; margin-left: 8px; position: relative; z-index: 3; }
.case_list li a .img{ overflow: hidden; width: 50%; height: 100%; float: left; overflow: hidden; }
.case_list li a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.case_list li:nth-child(even) .txt, .case_list li:nth-child(even) .img{ float: right; }
.case_list li a:hover{ transition: all .4s; box-shadow: 0 0 15px rgba(187, 187, 187, 0.6); }
.case_list li a:hover img{ transition: all .4s; transform: scale(1.05) rotate(-1deg); }
.case_list li a:hover .txt b{ color: #183882; }
.case_list li a:hover .txt small{ transition: all .4s; border-radius: 5px; }
.case_list li a:hover .txt small::before{ transition: all .4s; width: 100%; }
.case_list li a:hover .txt small > span{ margin-left: 12px; }

/* talent_concept */
.talent_concept{ width: 100%; background: #f7f7f7; margin-bottom: 30px; }
.talent_concept .txt{ overflow: hidden; width: 50%; height: 100%; float: left; box-sizing: border-box; padding:45px; transition: all .4s; }
.talent_concept .txt b{ color: #183882; font-size: 42px; margin-bottom: 10px; font-weight: normal; }
.talent_concept .txt em{ color: #3a3a3a; font-size: 20px; margin-top: 15px; display: block; text-transform: uppercase; }
.talent_concept .txt > span{ color: #787878; font-size: 20px; margin: 15px 0; font-style: normal; display: inline-block; }
.talent_concept .txt p{ text-indent: -2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #7c7c7c; font-size: 14px; line-height: 26px; }
.talent_concept .txt small{ display: inline-block; padding:10px 32px; font-size: 14px; color: #fff; background: #000000; margin-top: 30px; position: relative; border-radius: 0; overflow: hidden; }
.talent_concept .txt small::before{ content: ""; display: inline-block; height: 100%; width: 0; background: #183882; transition: all .4s; position: absolute; top:0; left:0%; }
.talent_concept .txt small i{ position: relative; z-index: 3; }
.talent_concept .txt small > span{ font-size: 14px; margin-left: 8px; position: relative; z-index: 3; }
.talent_concept .img{ overflow: hidden; width: 50%; height: 100%; float: right; overflow: hidden; }
.talent_concept .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.talent_concept:hover{ transition: all .4s; box-shadow: 0 0 15px rgba(187, 187, 187, 0.6); }
.talent_concept:hover img{ transition: all .4s; transform: scale(1.05) rotate(-1deg); }
.talent_concept:hover .txt b{ color: #183882; }
.talent_concept:hover .txt small{ transition: all .4s; border-radius: 5px; }
.talent_concept:hover .txt small::before{ transition: all .4s; width: 100%; }
.talent_concept:hover .txt small > span{ margin-left: 12px; }
/* jobs */
#jobs{ overflow: hidden; width: 100%; }
#jobs a{ display: block; border:4px solid #f7f7f7; padding:20px; position: relative; overflow: hidden; }
#jobs a::before{ content: ""; display: block; width: 100%; height: 0; position: absolute; top:0; left:0; transition: all .2s; background: #183882; }
#jobs a span{ display: block; color: #444; font-size: 16px; line-height: 38px; position: relative; z-index: 3; }
#jobs a b{ color: #333; font-size: 24px; line-height: 2; font-weight: normal; position: relative; z-index: 3; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
#jobs a p{ font-size: 14px; color: #999; line-height: 2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; position: relative; z-index: 3; }
#jobs a small{ display: inline-block; border-left: 4px solid #183882; padding-left: 12px; color: #666; font-size: 14px; margin:10px 0; position: relative; z-index: 3; }
#jobs a:hover span, #jobs a:hover b, #jobs a:hover p, #jobs a:hover small{ transition: all .2s; color: #fff; }
#jobs a:hover::before{ transition: all .2s; height: 100%; }
#jobs a:hover small{ transition: all .2s; border-color: #fb7101; }
/* c_content */
.c_content{ width: 100%; padding: 20px 0 30px; }
.c_txt{ width: 100%; height:316px; background: #f8f8f8; text-align: center; transition: all .3s; border-radius: 5px; box-shadow: 0 0 15px #f1f1f1; }
.c_txt i{ font-size: 50px; color: #525364; margin:30px 0; display: inline-block; font-weight: bold; }
.c_txt h3{ font-size: 24px; line-height: 40px; margin-bottom: 16px; color: #000; }
.c_txt p{ font-size: 16px; line-height: 28px; color: #000; margin-bottom: 0; }
.c_txt p a{ color: #000; }
.c_content .on .c_txt{ background: #183882;  transition: all .3s; }
.c_content .on .c_txt h3,.c_content .on .c_txt p,.c_content .on .c_txt p a, .c_content .on .c_txt i{ color: #fff; }
/* contact_msg */
#contact_msg{ background: #f8f8f8; overflow: hidden; }
#contact_msg .c_tit{ padding:30px 0 0; }
#contact_msg .bd{ background: #f7f7f7; padding:30px 40px; overflow: hidden; margin:0 0 30px; }
#contact_msg .bd .form_item{ margin-bottom: 30px; background: #fff; height: 46px; border:1px solid #eee; }
#contact_msg .bd .form_item label{ line-height: 46px; font-size: 16px; color: #666; width: 10%; text-align: center; float: left; }
#contact_msg .bd .form_item input{ width: 90%; float: left; height: 100% }
#contact_msg .bd .form_box{ overflow: hidden; margin-bottom: 30px; background: #fff; height: 100px; border:1px solid #eee; }
#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 17px; line-height: 46px; font-size: 16px; color: #666;  }
#contact_msg .bd .form_box textarea{ width: 100%; height: 100%; padding:5px 17px; font-size: 14px; color: #333; }
#contact_msg .bd .form_item:last-child label{ width: auto; padding:0 17px; }
#contact_msg .bd .form_item:last-child img{ height: 34px; float: left; margin-top: 6px; }
#contact_msg .bd .form_item:last-child input{ width: 83%; float: left; box-sizing: border-box; padding-left: 5px; }
#contact_msg .bd .submit{ display: block; width: 100%; padding:24px 0; line-height: 1; font-size: 16px; color: #fff; background: #183882; text-align: center; border-radius: 5px; }
#contact_msg .bd .submit:hover{ background: #fb7101; transition: all .3s; }
#dituContent{ border-radius: 15px; width: 94%; margin:0 auto; height: 466px; margin-bottom: 40px; border:6px solid #F3F7FA; }

/*job*/
.de-job-list{overflow: hidden; padding-bottom: 19px; min-height: 645px; padding: 5px 5px;}
.de-job-list ul li{overflow: hidden; padding: 0 55px 0 25px; height: 128px; border-bottom: 1px solid #ededed;}
.de-job-list ul li .job-title{float: left; width: 260px; margin-right: 10px; padding-top: 38px;}
.de-job-list ul li .job-title h3{font-weight: bold; font-size: 18px; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px;}
.de-job-list ul li .job-title p{font-size: 16px; color: #183882; line-height: 20px; font-weight: bold;}
.de-job-list ul li .job-title p em{font-weight: normal; font-size: 12px;}
.de-job-list ul li .job-info{float: left; width: 200px; padding-top: 38px;}
.de-job-list ul li .job-info p{font-size: 13px; color: #b2b2b2; line-height: 20px; margin-bottom: 15px;}
.de-job-list ul li .job-info p span{color: #737373;}
.de-job-list ul li .job-btn{display: none; float: right; width: 80px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #183882; margin-top: 50px;}
.de-job-list ul li:hover{box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);}
.de-job-list ul li:hover .job-btn{display: block;}
.jobs-info{padding:40px 10px 30px;margin-bottom:28px;border-bottom:1px dashed #ededed;}
.jobs-info .h3{overflow:hidden;margin-bottom:15px;}
.jobs-info .h3 .job-name{float:left;font-weight:bold;font-size:20px;color:#333333;width:450px;}
.jobs-info .h3 .job-price{float:right;font-weight:bold;font-size:24px;color:#183882;line-height:1.1;max-width:360px;}
.jobs-info .h3 .job-price em{font-weight:normal;font-size:16px;}
.jobs-info .p{font-size:13px;color:#999999;line-height:20px;margin-bottom:10px;}
.jobs-info .p span{color:#595959;}
.jobs-info .btn{padding-top:10px;overflow:hidden;}
.jobs-info .btn a{display:block;width:230px;height:44px;text-align:center;line-height:44px;color:#fff;background:#183882;font-size:14px;}
.jobs-info .btn a:hover{background:#0058b1;}
.jobs-info-content{padding:0 20px 30px;overflow:hidden;}
.jobs-info-content h3{font-size:18px;color:#333333;font-weight:bold;line-height:1.1;margin-bottom:10px;}
.jobs-info-content p{font-size:14px;color:#333;line-height:24px;}
.apply-job{overflow: hidden; margin-top: 20px;}
.apply-job .job-tr{overflow: hidden;}
.apply-job .job-tr .tr-over{overflow: hidden;}
.apply-job .job-tr .error{padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00;}
.apply-job .job-tr .tr-title{float: left; width: 50px; min-height: 20px; text-align: right; font-size: 14px; color: #808080; margin-right: 25px; line-height: 40px;}
.apply-job .job-tr .tr-cont{float: left; width: 640px;}
.apply-job .job-tr .tr-cont h3{font-size: 14px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont input[type=text]{line-height: 38px; font-size: 14px; color: #333; display: block; padding: 0 10px; width: 618px; height: 38px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont input[name='captcha']{font-size: 14px; line-height: 38px; color: #333; width: 190px; float: left; margin-right: 30px;}
.apply-job .job-tr .tr-cont .verify{cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.apply-job .job-tr .tr-cont .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.apply-job .job-tr .tr-cont textarea{font-size: 14px; color: #333; display: block; height: 170px; line-height: 20px; padding: 5px 10px; width: 618px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont.radio-cont{line-height: 40px;}
.apply-job .job-tr .tr-cont.radio-cont input[type=radio]{margin-right: 10px;}
.apply-job .job-tr .tr-cont.radio-cont label{margin-right: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont a.submit{display: block; width: 190px; height: 40px; line-height: 40px; text-align: center; background: #183882; color: #fff; font-size: 15px;}
.apply-job .job-tr .tr-cont a.submit:hover{background: #0058b1;}
/*no-goods*/
.no-goods,.no-network{padding:80px 0 50px; overflow: hidden; text-align: center; width: 100%; }
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}
/*honor_list*/
.honor_list{ overflow: hidden; width: 100%; }
.honor_list .page_tit{ margin-bottom: 60px; }
.honor_list li{ overflow: hidden; margin-bottom: 30px; }
.honor_list li .wrap, .honor_list li > a{ display: block; width: 100%; border:3px solid #eee; box-sizing: border-box; overflow: hidden; padding:10px; }
.honor_list li .img{ overflow: hidden; transition: all .3s; height: 200px; }
.honor_list li .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }
.honor_list li:hover img{ transition: all .3s; transform: scale(1.05); }

/*g_focus*/
.g_focus{ background: #f7f8fa; overflow: hidden; padding:15px; margin-bottom: 20px; }
.g_focus .info{ overflow: hidden; }
.g_focus .info strong{ font-size: 36px; line-height: 2; display: block; font-weight: normal; }
.g_focus .info .brief{ font-size: 18px; color: #183882; }
.g_focus .info .desc{ font-size: 14px; color: #666; line-height: 28px; margin:20px 0; }
.g_focus .info .tel{ padding:10px 0; overflow: hidden; }
.g_focus .info .tel span{ float: left; margin-right: 10px; display: inline-block; width: 51px; height: 51px; background: #183882; border-radius: 50%; text-align: center; line-height: 51px; color: #fff; font-size: 26px; }
.g_focus .info .tel div{ float: left; width: 50%; }
.g_focus .info .tel i{ font-size: 14px; display: block; color: #999; font-style: normal; }
.g_focus .info .tel b{ font-size: 20px; color: #183882; }

#gfocus{ width: 100%;  }
#gfocus img, #glist img{ width: 100%; }
#glist .swiper-slide{ overflow: hidden; height: 190px; }
#glist .swiper-slide img{ width: 100%; height: 100%; transition: all .3s; }
#glist .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }
.info_nav{ background-color: #f1f1f1; overflow: hidden; }
.info_nav strong{ display: inline-block; line-height: 1; padding:20px 70px; background: #183882; font-weight: normal; font-size: 18px; color: #fff; }
.g_info .txt{ padding:15px; }
.g_info .txt p{ font-size: 16px; line-height: 32px; margin-bottom: 12px; }
.g_info .txt strong{ font-size: 20px; color: #333; border-left: 4px solid #183882; padding-left: 16px; }
.g_info .txt em{ color: #fff; background: #183882; padding:2px 5px; border-radius: 3px; margin-right: 5px; }
.g_info img{ max-width: 100%; }
.pro-sider{ padding:15px; background: #f1f1f1; width: 100%; box-sizing: border-box; }
.pro-sider strong{ font-size: 20px; display: inline-block; padding-left: 10px; border-left: 4px solid #183882; margin-bottom: 20px; }
.pro-sider > div{ background: #fff; padding:20px; }
.pro-type a{ display: block; width: 100%; box-sizing: border-box; padding-left: 15px; font-size: 16px; color: #333; height: 46px; line-height: 46px; background: #f1f1f1; transition: all .3s; }
.pro-type a + a{ margin-top: 12px; }
.pro-type a:hover{ background: #183882; color: #fff; transition: all .3s; padding-left: 20px; }
/*down*/
.tool_bar{ width: 100%; background: #000; border-top: 4px solid #183882; position: fixed; bottom:0; z-index: 999999; display: none; }
.tool_bar ul{ position: relative; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; }
.tool_bar li{ position: relative; z-index: 1; display: block; margin: 0; padding:6px 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.tool_bar li i{ display: block; font-size: 22px; color: #fff; }
.tool_bar li span{ color: #9e9e9e; font-size: 14px; }
.tool_bar li:hover{ background: #183882; }
.tool_bar li:hover span{ color: #fff; }

.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}

.side{position:fixed;width:52px;right:0;bottom: 42%; z-index:100;border-bottom:0}
.side ul li{width:52px;height:52px;float:left;position:relative; background:#ffb244; margin-bottom: 5px; color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#183882;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:52px;height:52px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#ffb244;color:#fff}
.side ul li.sidetop:hover{background:#183882;color:#fff;}
.side ul li.sideewm .ewBox.son{width:146px;display:none;color:#363636;text-align:center;position:absolute;left:-146px;top:0;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son img{ width: 100%; }
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{ from{opacity:0} to{opacity:1} }
/* star_list */
.star_list{ overflow: hidden; background: #f1f1f1; padding-bottom: 40px; margin-top: 20px; }
#stars a{ display: block; width: 100%; padding:0; transition: all 0.36s ease; box-sizing: border-box; background: #f8f8f8; }
#stars a .img{ width: 100%; height: 320px; overflow: hidden; background: #fff; position: relative; top:0; transition: all .36s ease; }
#stars a .img::before{ content: ""; width: 1px; height: 22px; background-color: #fff; position: absolute; top: 46%; left: 48.6%; z-index: 99; opacity: 0; transform: scale(0); transition: all .36s ease; }
#stars a .img::after{ content: ""; width: 22px; height: 1px; background-color: #fff; position: absolute; top: 49.4%; left: 46.6%; z-index: 99; opacity: 0; transform: scale(0); transition: all .36s ease; }
#stars a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#stars a .txt{ padding:30px; overflow: hidden; transition: all .36s ease; position: relative; top:0; }
#stars a .txt b{ display: block; line-height: 30px; font-size: 18px; color: #333; margin-bottom: 12px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#stars a .txt p{ overflow: hidden; text-indent: -2em; transition: all 0.36s ease; color: #777; font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#stars a:hover .img{ transition: all .36s ease; transform:scale(.9); top:10px }
#stars a:hover .img::before, #stars a:hover .img::after{ opacity: 1; transform: scale(1.8); transition: all .36s ease; }
#stars a:hover{ transition: all .36s ease; background: #183882; }
#stars a:hover .txt{ transition: all .36s ease; top:-10px; }
#stars a:hover b, #stars a:hover p{ transition: all .36s ease; color:#fff; }
/* world_list */
.employee_world{  padding-bottom: 40px; }
.world_list{ overflow: hidden;  }
.world_list .img_news{ overflow: hidden; }
.world_list .img_news .img{ width: 40%; height: 240px; float: left; overflow: hidden; }
.world_list .img_news .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.world_list .img_news .txt{ width: 60%; float: left; box-sizing: border-box; padding:6px 25px; }
.world_list .img_news .txt b{transition: all .3s; margin-top:20px; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; margin-bottom: 10px; color: #333; }
.world_list .img_news .txt p{transition: all .3s; font-size: 14px; color: #999; line-height: 1.5; }
.world_list .img_news .txt small{ display:block; overflow: hidden; margin-top:20px }
.world_list .img_news .txt i{transition: all .3s; float: left; font-size: 14px; color: #999; }
.world_list .img_news .txt small > div{ transition: all .3s;float: right; padding:6px 18px; border:1px solid #f1f1f1; font-size: 14px; color: #999; }
.world_list .img_news:hover img{ transition: all .3s; transform: scale(1.05); }
.world_list .img_news:hover b{ transition: all .3s; color: #183882; }
.world_list .img_news:hover small > div{ transition: all .3s; background: #183882; color: #fff; }
.world_list ul{ overflow: hidden; }
.world_list li{ line-height: 46px; clear: both; border-bottom: 1px dotted #999; transition: all .3s; overflow: hidden; }
.world_list li a{ display: block; }
.world_list li i{ display: inline-block; float: left; width: 22%; color:#868585; font-size:15px; transition: all .3s; }
.world_list li b{ display: inline-block; float: left; width: 78%; color:#868585; font-size:16px; font-weight: normal; transition: all .3s; }
.world_list li:hover i, .world_list li:hover b{ transition: all .3s; color: #183882; }
/* social_list */
.social_list{ overflow: hidden; }
.social_list li{ width: 49.5%; float: left; margin-bottom: 20px; }
.social_list li:nth-child(2n+0){ margin-left: 1%; }
.social_list li .img{ width: 100%; height: 180px; overflow: hidden; position: relative; }
.social_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.news_list a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }
.social_list li .txt{ overflow: hidden; }
.social_list li .txt b{ font-size: 18px; color: #333; display: block; margin:12px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social_list li .txt p{ font-size: 14px; color: #999; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.social_list li .txt small{ margin-top:20px; transition: all .3s; display: inline-block; padding:6px 18px; border:1px solid #f1f1f1; font-size: 14px; color: #999; border-radius: 6px 0; }
.social_list li :hover b{ transition: all .3s; color: #072f62; font-weight: bold; }
.social_list li :hover .img span{ transition: all .3s; opacity: 1; }
.social_list li :hover img{ transition: all .3s; transform: scale(1.05); }
.social_list li :hover small{ transition: all .3s; background: #183882; color: #fff;border-radius: 0 6px; }

/* media */
@media only screen and (max-width: 1900px){
  .h_top{ padding:0 0 0 24px; }
  video{ max-width: 100%; }
}
@media only screen and (max-width: 1800px){
  .logo img{ max-width: 100%; }
}
@media only screen and (max-width: 1700px){
  #banner .swiper-slide .inner{ width: 90%; }
  .company_banner .s_banner{ background: url(../images/company_bg.jpg) no-repeat center 0; background-size: cover; }
  .product_banner .s_banner{ background: url(../images/product_bg.jpg) no-repeat center 0; background-size: cover; }
  .case_banner .s_banner{ background: url(../images/case_bg.jpg) no-repeat center 0; background-size: cover; }
  .contact_banner .s_banner{ background: url(../images/contact_bg.jpg) no-repeat center 0; background-size: cover; }
  .job_banner .s_banner{ background: url(../images/job_bg.jpg) no-repeat center 0; background-size: cover; }
  .news_banner .s_banner{ background: url(../images/news_bg.jpg) no-repeat center 0; background-size: cover; }
  .society_banner .s_banner{ background: url(../images/society_bg.jpg) no-repeat center 0; background-size: cover; }
}
@media only screen and (max-width: 1600px){
  .inner{ width: 100%; }
  .m_news{ margin-top: 0; }
  #banner{ height: 640px; }
  #banner .swiper-pagination{ bottom:60px; left: 5%; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ bottom:60px; }
  #banner .swiper-button-next{ right:5%; }
  #banner .swiper-button-prev{ left:90%; }
  .f_copy{ box-sizing: border-box; padding:0 15px; }
  .goods_type{ padding:0 15px; }
  .goods_type li .img::before{ width: 90%; height: 90%; left:5%; top:5%; }
  .goods_type li .img:hover img{ transition: all .4s; transform: scale(1.05); }
  .goods_type li .img:hover::before{ transition: all .4s; width: 92%; height: 92%; top:4%; left: 4%; }
  
}
@media only screen and (max-width: 1500px){
	#banner{ height: 580px; }
  .navbar-nav a{ font-size: 18px; }
  #snews{ height: 190px; }
  .industry_news .bd li a span{ width: 14%; }
  .industry_news .bd li a .txt{ width: 64%; }
  .industry_news .bd li a .img{ width: 22%; }
  .industry_news .bd li::before{ left: 14%; }
  .industry_news .bd li::after{ right: 86%; }
}
@media only screen and (max-width: 1400px){
  .open{ width:62%; }
  #banner{ height: 500px; }
  #banner .swiper-slide a > video{ height: 100%; }
  .search{ width: 48%; }
  .search form{ flex: 5; }
  .h_top .logo{ width: 50%; }
	.navbar-nav{ display: none; }
  .h_top .tools{ width:15%; }
  .h_top .tools a span{ font-size:26px; }
  .h_top .tools a + a span{ font-size: 42px; }
  .news_box .bd a:first-child{ padding:20px; }
  .news_box .bd a:first-child .txt b{ font-size: 20px; }
  .news_box .bd a:first-child .txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .news_box .bd a:first-child i > b{ font-size: 40px; padding:16px 22px; }
  .m_offer > .box > .bd{ padding:0; background:none; }
  .m_honor .bd{ padding:20px 20px 0; }
  .nav_box{ width:20%; }
  .s_company .tit{ padding:34px 16px 23px; }
  .s_company .tit b{ font-size:20px; }
  .s_company .list a{ padding:20px 15px; }
  .s_nav a{ padding:12px 0; }
  .company_list .list a .txt, .company_list .news_img .txt p{ width:82%; }
  .sider-news .list a > p{ width:60%; }
  .goods_type li .txt > .type{ padding:15px 0; }
  .goods_type li .txt > .type a{ padding:6px 20px; }
  #banner .swiper-slide{ min-width: 100%; }
}
@media only screen and (max-width: 1300px){
  .sider-news .list a .img{ display: none; }
  .sider-news .list a .txt{ width: 100%; }
  .goods_type li .txt > .type, .g_type{ display: none; }

}
@media only screen and (max-width: 1200px){
  .m_news .inner{ overflow: hidden; padding-bottom: 20px; }
	.m_news .col-lg-5{ display: none; }
	.m_news .col-lg-7{ max-width: 100%; flex: 100%; }
  .m_box{ flex-flow: column; }
  .m_honor{ flex:1; margin-right: 0; }
  .m_offer{ margin-left: 0; }
  .s_company .tit, .s_news, .s_nav{ display: none; }
  .s_company .list{ overflow: hidden; padding:0; }
  .s_company{ margin-top: 0; margin-bottom: 20px; }
  .s_company .list::before{ display: none; }
  .s_company .list a{ width: 33%; float: left; margin-right: 0.3%; margin-bottom: 3px; }
  .s_company .list a + a{ margin-top: 0; }
  .company_list .list a .txt, .company_list .news_img .txt p{ width:80%; }
  .industry_news .bd li a span{ display: none; }
  .industry_news .bd li::before{ left:0; }
  .industry_news .bd li::after{ display: none; }
  .industry_news .bd li{ padding:30px 0; }
  .industry_news .bd li a .txt{ width: 70%; }
  .industry_news .bd li a .img{ width: 30%; }
  .industry_news .bd li a .txt p{ margin-bottom: 20px; }
  .sider-news .list a > small,.sider-news .list a .txt{ display:none; }
  .sider-news .list a > p{ width:90%; }
  .sider-news .list a .img{ width:100%; display: block; height: auto; }
  .goods_type li .txt p{ font-size:14px; line-height: 2; }
  .goods_type li .list .g_li:last-child{ display: none; }
  .goods_type li .txt{ padding:0; }
  .goods_type li .list{ padding-left: 15px; }
  .goods_type li .txt p{ margin-bottom: 10px; }
  .goods_type li .txt > .type a{ padding:6px 10px; }
  .case_list li{ margin-bottom: 20px; }
  #banner .swiper-button-prev{ left: 88%; }
  #banner .swiper-slide a > img{ top:auto; bottom: 0; }
  #banner .swiper-slide a.b1 > video{ height: 100%; }
  .f_ewm img{ max-width: 90%; }
  .goods_type li .img{ height: auto; }
  .goods_type li .txt > a{ display: none; }
  .world_list li i{ width: 30%; }
  .world_list li b{ width: 70%; }
}
@media only screen and (max-width: 992px){
  .m_news .col-lg-5{ display: block; }
  .m_news .img{ padding:20px; height: 410px; }
  .news_box .hd{ padding:10px 20px 0; }
	.nav_box{ width: 16.6%; }
  #banner .swiper-slide .inner{ height: 100%; position: absolute; left:30px; }
  #banner .swiper-slide .b1_tit, #banner .swiper-slide .b2_tit, #banner .swiper-slide .b3_tit{ font-size: 48px; top:80px; }
  #banner .swiper-slide .b1_p, #banner .swiper-slide .b2_p, #banner .swiper-slide .b3_p{ width:50%; top:160px; }
  #banner .swiper-button-prev{ left:86%; }
  #banner .swiper-pagination{ bottom:30px; left: 5%; }
  #banner .swiper-button-next, #banner .swiper-button-prev{ bottom:30px; }
  .open{ width: 100%; }
  .industry_news .bd li{ padding:15px 0; }
  .industry_news .bd li a .txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .industry_news .bd li a .txt small{ line-height: 32px; padding:0 20px; }
  .industry_news .bd li a .txt b{ font-size: 20px; margin-bottom: 10px; }
  .goods_type li .img{ height:480px; margin-bottom: 20px; }
  .goods_type li .list .g_li{ margin-bottom: 20px; }
  .goods_type li .list .g_li:last-child{ display: block; }
  .case_list li{ margin-bottom: 0; }
  #contact_msg .bd .form_item:last-child input{ width:72%; }
  .c_txt{ height: 280px; }
  .c_txt i{ margin:24px 0; }
  #stars a .img{ height: auto; }
  #stars a .txt{ padding:15px; }
  #jobs a p{ display: none; }
  .c_txt p{ padding:0 15px; }
  .f_ewm img{ max-width: 100%; }
}
@media only screen and (max-width: 768px){
	.h_top .logo{ width: 70%; }
  .side{ display: none; }
  .search{ width: 100%; }
  .h_top .tools{ width: 25%; }
  .search form{ flex:7; }
  #honor a .img{ height: 214px; }
  #product a .img{ height:192px; }
  #cases a .img{ height: 200px; }
  .m_job .info{ padding:56px 0; }
  .m_job b{ font-size: 26px; }
  .f_contact, .f_ewm{ text-align: center; }
  .down{ display: block; }
  .tool_bar{ display: block; }
  .f_copy{ margin-bottom: 52px; }
  .s_banner .row > b{ font-size: 42px; }
  .article{ padding:20px; }
  .industry_news .bd li a .txt p{ margin-bottom: 10px; }
  .industry_news .bd li a .img img{ height:136px; }
  .industry_news .bd li a .txt{ padding:0 20px; }
  .news_banner .s_banner{ background-size: cover; }
  .page_tit b{ font-size: 20px; }
  .goods_type li .img{ height:400px; }
  .g_list{ padding-left:30px; }
  .case_list li:nth-child(even) .txt, .case_list li:nth-child(even) .img{ float: left; }
  .case_list li a .img{ width:100%; float: left; }
  .case_list li a .txt{ width:100%; float: right; padding:20px; }
  .talent_concept .img, .talent_concept .txt{ width:100%; height:50%; }
  .apply-job .job-tr .tr-cont input[type=text], .apply-job .job-tr .tr-cont textarea{ width: 80%; }
  .apply-job .job-tr .tr-cont{ width: 80%; }
  .apply-job .job-tr .tr-cont input[name='captcha']{ width:30%; }
  .c_content li{ margin-bottom:30px; }
  #contact_msg .bd .form_item:last-child input[name='captcha']{ width: 60%; }
  .f_nav{ display: none; }
  .f_contact b{ text-align: left; }
  .f_contact p{ text-align: left; }
  .f_copy{ margin-top: 30px; padding-top: 30px; }
  .f_copy p{ text-align: center; line-height: 2; }
  .f_copy p a{ display: inline-block; margin-right: 0; float: none;  }
  .f_copy p + p{ width: 100%; text-align: center; padding-bottom: 20px; }
  .news_list .col-md-3{ display: none; }
  .h_top .tools a + a span{ position: relative; top:-1px; }
}
@media only screen and (max-width: 640px){
	.pc_nav_left{ display: none; widht:0; }
  .pc_nav_right{ width:100%; }
  .h_top{ padding:0 0 0 15px; }
  .h_top .logo{ width:76%; }
  .h_top .tools{ width:20%; }
  .h_top .tools a span{ font-size:20px; }
  .h_top .tools a + a span{ font-size: 32px; }
  .search form{ flex:4; }
  #banner{ height:380px; }
  #banner .swiper-slide a > img{ top:auto; bottom:0; width: 280%; }
  #banner .swiper-slide .b1_tit, #banner .swiper-slide .b2_tit, #banner .swiper-slide .b3_tit{ font-size: 36px; top:60px; }
  #banner .swiper-slide .b1_p, #banner .swiper-slide .b2_p, #banner .swiper-slide .b3_p{ width:96%; top:120px; font-size: 14px; line-height: 2; }
  #banner .swiper-slide .b1_small, #banner .swiper-slide .b2_small, #banner .swiper-slide .b3_small{ top:260px; }
  #banner .swiper-slide .b1_span, #banner .swiper-slide .b2_span, #banner .swiper-slide .b3_span{ top:200px; font-size: 12px; }
  #banner .swiper-slide .inner{ left:18px; }
  #banner .swiper-button-prev{ left:78%; }
  #banner .swiper-pagination .current{ font-size:20px; }
  #banner .swiper-pagination{ font-size:16px; }
  .m_news .img{ height:280px; padding:15px; }
  .news_box .hd li{ line-height:44px; }
  .news_box .hd ul{ height:46px; }
  .news_box .hd li b{ font-size:17px; padding:0 12px; }
  .news_box .hd li:nth-child(2){ margin-left: 12px; }
  .news_box .bd a:first-child i{ display: none; }
  .news_box .bd a:first-child{ padding:15px; }
  .news_box .bd a:first-child .txt{ padding:0 15px 0 0; }
  .news_box .bd a:first-child .txt b{ font-size:17px; }
  .news_box .bd a:first-child .txt p{ font-size:13px; }
  .news_box .bd a{ padding:0 15px; }
  .news_box .bd a > b{ width:65%; }
  .box_tit > span{ display: none; }
  .box_tit b{ font-size: 17px; }
  .box_tit{ line-height: 46px; }
  #honor a .img{ height: 120px; }
  #product a .img, #cases a .img{ height:140px; }
  .m_duty .hd{ padding:15px 15px 12px; }
  .m_duty .bd{ padding:15px; }
  .m_job{ margin:0; }
  .m_job .info{ padding:60px 0; }
  .m_job b{ font-size:18px; line-height: 1.5; padding:0 40px; }
  .nav_box p{ display: none; }
  .footer{ padding:18px 0 0; }
  .nav_box{ width: 33.3%; text-align: center; }
  .f_copy{ text-align: center; padding:12px 0; margin-top:20px; }
  .f_copy p, .f_copy a{ line-height: 1.5; }
  .f_copy a{ float: none; display: block; }
  .pc_nav_right{ padding:15% 5%; }
  .close_btn{ top: 20px; }
  .pc_nav_right p{ height: 0; padding:4px 0; overflow: hidden; }
  .pc_nav_right img{ margin-bottom: 20px; }
  .close_btn span{ top:15px; }
  .article{ padding:15px 15px 0; }
  .s_company .list a{ width: 49%; margin-right: 1%; padding:12px; }
  .location{ text-align: center; line-height: 36px; }
  .location b{ float:none; width: 100%; font-size: 18px; position: relative; top:5px; }
  .location p, .location p a{ text-align: center; line-height: 42px;  }
  .s_banner{ padding:40px 0; }
  .s_banner .row > b{ font-size:38px; }
  .s_banner .row > p{ padding:30px; }
  .c_tit{ padding:20px 0; }
  .c_tit .hd b{ font-size:24px; }
  .hot_news a .img{ height: 160px; }
  .hot_news a .txt{ padding:12px; height: 76px; }
  .hot_news a .txt b{ font-size: 14px; margin-bottom: 10px; }
  .hot_news a .txt span{ font-size: 12px; }
  .hot_news a .txt p{ font-size: 12px; -webkit-line-clamp: 2 }
  .hot_news a:hover .img{ transition: all .4s; margin-top: -40px; }
  .hot_news a:hover .txt{ transition: all .4s; background: #183882; height: 120px; }
  .company_list{ padding:20px 0; }
  .company_list .hd b{ font-size: 24px; }
  .company_list .hd small{ font-size: 13px; }
  .company_list .news_img .img{ height:200px; }
  .company_list .news_img .txt, .company_list .list a{ padding:12px 0; }
  .company_list .news_img .txt b, .company_list .list a .txt b{ font-size:18px; margin-bottom: 10px; }
  .company_list .news_img .txt span, .company_list .list a span{ margin-right: 10px; padding-right: 10px; }
  .company_list .news_img .txt span i, .company_list .list a span i{ font-size: 14px; }
  .company_list .news_img .txt span small, .company_list .list a span small{ font-size: 18px; }
  .company_list{ margin:20px 0 0; }
  .industry_news .bd li a .img{ display:none; }
  .industry_news .bd li a .txt{ width: 100%; padding:0 15px }
  .industry_news .bd li a .txt b{ font-size: 17px; }
  .goods_type{ padding:0; }
  .goods_type li .img{ height:260px; box-sizing: border-box; padding:0 15px; }
  .goods_type li .txt{ padding:0 15px; }
  .goods_type li .txt > b{ font-size:28px; }
  .goods_type li .txt > .type a{ padding:6px 20px; margin-bottom: 12px; }
  .goods_type li .txt > .type a span{ font-size:14px; }
  .goods_type li .txt p{ display: none; }
  .goods_type li .txt > a{ font-size: 17px; padding:10px 30px; margin-top: 0; }
  .goods_type li .list .g_li .simg > a b, .g_list .g_li .simg > a b{ width:70%; font-size: 14px; font-weight: normal; }
  .goods_type li .list .g_li .simg, .g_list .g_li .simg{ height: 160px; }
  .goods_type li .list .g_li .simg > a, .g_list .g_li .simg > a{ padding:23px 15px 10px; }
  .goods_type li .list .g_li .simg > a::before, .g_list .g_li .simg > a::before{ top:15px;  }
  .info_nav strong{ padding:10px 20px; }
  .g_list .g_li{ padding:0 10px; }
  .de-page-mian .page-inner span, .de-page-mian .page-inner input{ display: none; }
  .case_list li a{ height:auto; }
  .case_list li a .img{ height: 240px; }
  .talent_concept .img{ height:40%; }
  .talent_concept .txt{ padding:15px; height:60%; }
  .talent_concept .txt b{ font-size: 28px; }
  .talent_concept .txt p{ -webkit-line-clamp: 5; }
  .talent_concept .txt em{ font-size: 18px; margin:0; }
  .talent_concept .txt > span{ margin:0; }
  #jobs a{ padding:12px;  }
  #jobs a b{ font-size:18px; }
  #jobs a p{ -webkit-line-clamp: 2; }
  #contact_msg .bd{ padding:30px 10px; }
  #contact_msg .bd .form_item:last-child input[name='captcha']{ width: 40%; }
  #dituContent{ height:360px; }
  .world_list .img_news .img{ width:100%; }
  .world_list .img_news .txt{ width:100%; }
  .nav_box b{ font-size: 14px; line-height: 36px; }
  .f_contact b, .f_ewm b{ font-size: 16px; line-height: 36px; }
  .f_contact b{ text-align: center; }
  .f_contact p{ text-align: center; }
  .f_ewm{ border-left: 0; }
  .f_ewm::before{ display: none; }
  #honor a b{ line-height: 46px; }
  .main + .inner .m_job{ margin-top:0; margin-bottom: 20px; }
  #gfocus{ height: auto; }
  .honor_list li .img{ height: 160px; }
  .m_offer > .box > .bd > p{ font-size: 13px; }
  #banner .swiper-slide .b2_tit{ font-size: 32px; }
  .location i{ display: none; }
  .article p:last-child{ margin-bottom: 0; }
}
@media only screen and (max-width: 414px){
  .honor_list li .img{ height: 100px; }
}