/*header*/
.header {position:fixed;width:100%;top:45px;left:0;transition:all .5s;z-index:10;padding:0 80px;}
.header .logo {background-position:0 -999px;background-repeat:no-repeat;transition:all .6s}
.header .menu {position:absolute;right:80px;top:0;font-size:20px;color:#FFF;font-weight: bold;text-transform:uppercase;cursor:pointer;line-height:52px;z-index:12;transition:all .36s; font-family:Arial;text-align:center}
.header .menu .kuang{position:absolute;right:60px;top:0;font-size:20px;color:#FFF;font-weight: bold;text-transform:uppercase;cursor:pointer;line-height:52px;z-index:12;transition:all .36s; font-family:Arial;background:url(../images/kuang.png) 0 0 no-repeat; width:52px; height:52px; text-align:center}
.header .menu i {display:inline-block;width:35px;height:3px;background:#FFF;margin-left:30px;position:relative;top:-5px;transition:all .36s}
.header .menu i:before,.header .menu i:after{content:'';width:22px;height:3px;background:#FFF;position:absolute;transition:all .36s}
.header .menu i:before {left:0;top:-11px}
.header .menu i:after {right:0;bottom:-11px}
.header .menu:hover i:before{left:13px}
.header .menu:hover i:after{right:13px}
.header .menu.is-back {color:#000;}
.header .menu.is-back i{background:#000}
.header .menu.is-back i:before {left:13px;background:#000}
.header .menu.is-back i:after {right:13px;background:#000}
.header .menu.ab_menu {color:#006573}
.header .menu.ab_menu i ,.header .menu.ab_menu i:before,.header .menu.ab_menu i:after{background:#006573}

.is-header {background:#FFF; border-bottom:1px solid #dcdcdc;top:0;padding:15px 80px;}
.is-header .logo img {opacity:0;}
.is-header .logo {background-position:0 center;}
.is-header .menu {color:#000 !important;top:25px;}
.is-header .menu .kuang {color:#000 !important;}
.is-header .menu i,.is-header .menu i:before,.is-header .menu i:after {background:#000 !important}

.nav_box {}
.nav_box>div {position:fixed;top:0;height:100%;transform: scaleX(0) translateZ(0);transition: transform 1s 0s}
.nav_box>div.col-xs-2 {transition-delay: .2s;transform-origin: 0 0;background:#006573;left:0;padding:45px 0 0}
.nav_box>div.col-xs-2 a {display:inline-block;opacity:0}
.nav_box>div.col-xs-10 {transform-origin: 100% 0;right:0;background:rgba(238,238,238,0.95)}
.nav_box>div.is-col {transform: scaleX(1) translateZ(0)}

.nav_listbox {padding:0 0 0 180px;transition:all .36s}
.nav_listbox dl {float:left;width:20%;}
.nav_listbox dl dt {font-weight:normal;margin:0 0 30px;opacity:0}
.nav_listbox dt a {font-size:30px;color:#010101; font-family:Teko-Medium}
.nav_listbox dd {margin:0 0 20px;opacity:0}
.nav_listbox dd a {font-size:20px;color:#7f7f7f;padding:0 0 0 12px;position:relative;transition:all .4s}
.nav_listbox dd a:after {content:'-';position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .4s}
.nav_listbox dd a:hover {padding-left:18px; color:#006573; font-family:Teko-Medium }

.nav_listbox .t-info {opacity:0}
.nav_listbox .t-info>div{display:inline-block;}
.nav_listbox .c-info {font-size:18px;color:#727272;line-height:26px;margin-right:52px;}
.nav_listbox .c-info p {margin:0;}
.nav_listbox .t-share a {display:inline-block;width:30px;height:30px;border:1px solid #979797;border-radius:100%;text-align:center;line-height:32px !important;font-size:14px;color:#555;transition:all .36s;margin:0 8px;}
.nav_listbox .t-share a:hover {background:#006573;border-color:#006573;color:#FFF}
/*tem banner*/
.tem_banner {position:absolute;width:100%;height:100%;top:0;left:0;}
.tem_banner .img {background-position:center;background-repeat:no-repeat;background-size:cover}
.tem_banner .banner_main {position:absolute;top:25%;left:50%;transform:translateX(-50%) ;color:#FFF;z-index:1}
.tem_banner .swiper-slide {position:relative;background:#000}
.banner_text>* {transition:all .4s;transform:translateY(25px);opacity:0}
.banner_text h1 {font-size:28px;font-weight:bold;margin:30px 0 15px;}
.banner_text h2 {font-size:58px;font-family:"Corbel-Bold"}
.tem_banner .swiper-slide.swiper-slide-active .banner_text>*{opacity:1;transform:none}
.tem_banner .swiper-slide.swiper-slide-active .banner_text>p {transition-delay:.4s;}
.tem_banner .swiper-slide.swiper-slide-active .banner_text>h1 {transition-delay:.5s}
.tem_banner .swiper-slide.swiper-slide-active .banner_text>h2 {transition-delay:.6s}
.tem_banner .swiper-page {position:absolute;bottom:30%;left:50%;transform: translateX(-50%);color:#FFF;z-index:1}
.tem_banner .swiper-page>div {display:inline-block;outline:none}
.tem_banner .swiper-page .slide-pagination {width:auto;margin-right:50px;}
.tem_banner .swiper-page .slide-pagination>span {font-size:18px;color:#FFF;font-family:"Arial";outline:none}
.tem_banner .swiper-page .slide-button-prev ,.tem_banner .swiper-page .slide-button-next{width:22px;height:14px;background:url(../images/icon.png) 0 0 no-repeat;margin:0 20px;transition:all .36s}
.tem_banner .swiper-page .slide-button-next {background-position:-41px 0}


.scroll {position:absolute;bottom:50px;left:50%;width:1200px;transform:translateX(-50%);z-index:1}
.scroll a {display:block;width:30px;height:30px;border-radius:100%;border:1px solid #FFF;font-size:14px;color:#FFF;text-align:center;line-height:30px;}
/*tem product*/
.tem_product {width:1600px;margin:0 auto;padding:0 0 0 200px;}
.tem_product h1 {font-size:36px;color:#d0d0d0;margin:0 0 45px;font-weight:bold;}
.tem_product .lists li {float:left;width:20%;transition:all .36s;position:relative;padding:0 20px 0 0;}
.tem_product .lists li:last-child {padding:0}
.tem_product .lists li a {display:block;position:relative;min-height:430px;}
.tem_product .lists li .img {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#FFF}
.tem_product .lists li .text_info {position:relative;padding:60px 0 0;z-index:2;color:#262626;transition:all .4s}
.tem_product .lists li .text_info em {font-size:12px;text-transform:uppercase;padding:7px 20px;border:1px solid #313131;display:inline-block;}
.tem_product .lists li .text_info p {font-size:18px;margin:28px 0 0}
.tem_product .lists li a:after {content:'';width:100%;height:100%;background:rgba(20,71,147,0.75);position:absolute;top:0;left:0;opacity:0;transition:all .36s}
.tem_product .lists li a:hover .text_info{color:#FFF}
.tem_product .lists li a:hover:after {opacity:1}
.tem_product .lists li a:hover .text_info em{border-color:#FFF}
.tem_product .lists li a:hover img {transform:scale(1.1)}
/*应用领域*/
.tem_area {position:relative}
.tem_area .swiper-slide .img {background-position:center;background-repeat:no-repeat;}
.area_main {position:absolute;width:1200px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:2;padding:228px 0 0}
.area_main .img_ {min-width:224px;float:left}
.area_main .text_info {margin-left:224px;width:40%;color:#FFF;}
.area_main .text_info h3 {font-size:18px;margin:0 0 25px;}
.area_main .text_info .editor {font-size:14px;line-height:24px;}
.area_main a.more {font-size:14px;color:#FFF;margin:30px 0 0;display:inline-block}
.area_main a.more i {padding-left:10px;transition:all .36s}
.area_main a.more:hover i{padding-left:15px;}

.area_title {position:absolute;top:50%;left:50%;width:1200px;transform:translateX(-50%) translateY(-20%);color:#FFF;z-index:2;margin:-200px 0 0}
.area_title h1 {font-size:38px;font-weight:bold;font-family:"Arial";text-transform:uppercase}
.area_title p {font-size:16px;margin:10px 0 0}

.tem_area .slide-pagination {font-size:16px;color:#FFF;font-weight:bold;font-family:"Arial";position:absolute;bottom:32%;right:15%;z-index:2;width:auto;left:auto;}
.tem_area .slide-pagination span.swiper-pagination-current {font-size:20px;}

.tem_area .swiper-page {position:absolute;top:50%;left:50%;width:1200px;transform:translateX(-50%) translateY(-50%);z-index:2;margin:-55px 0 0}
.tem_area .swiper-page>div {display:inline-block;width:44px;height:44px;border:1px solid #FFF;color:#FFF;border-radius:100%;font-size:18px;line-height:44px;text-align:center;margin-right:15px;transition:all .36s;outline:none;}
.tem_area .swiper-page>div.swiper-button-disabled {opacity:.2}
/*新闻资讯*/
.tem_news h1{font-size:36px;color:#d0d0d0;font-weight:bold;margin:0 0 40px;}
.tem_news  {width:1600px;margin:0 auto;padding-left:200px;}
.tem_news .swiper-slide a {display:block;}
.tem_news .swiper-slide .img {overflow:hidden;}
.tem_news .swiper-slide .n-info {padding:35px 15px 0;}
.tem_news .swiper-slide .n-info h3 {font-size:18px;color:#252525;line-height:20px;height:40px;overflow:hidden;margin:0 0 20px;}
.tem_news .swiper-slide .n-info p {font-size:14px;color:#a8a8a8;line-height:24px;margin:0 0 50px;height:48px;overflow:hidden;}
.tem_news .swiper-slide .n-info em {display:block;width:156px;height:38px;line-height:38px;border:1px solid #959595;font-size:14px;color:#006573;text-align:center;}
.tem_news .swiper-slide .n-info em i {padding-left:10px;transition:all .36s}
.tem_news .swiper-slide a:hover img {transform:scale(1.1)}
.tem_news .swiper-slide a:hover em i {padding-left:15px;}

/*左边标注栏*/
.menu_full  {position:fixed;left:-80px;top:50%;transform:translateY(-50%);z-index:15;transition:all .45s;opacity:0}
.is-menu_full {opacity:1;left:40px;}
.menu_full li {margin:0 0 5px;}
.menu_full li.first-anchor .page-about{display:none; opacity:0;transition:all .5s;}
.menu_full li.active .page-about{display:block; opacity:1; transition:all .5s;}
.menu_full li a {font-size:14px;color:#b4b4b4;display:block;writing-mode: vertical-lr;writing-mode: tb-lr;letter-spacing:2px;transition:all .4s;position:relative;padding:18px 10px  18px 0}
.is-menu-color li a {color:#d2d2d2}
.is-menu-color .active a ,.is-menu-color li a:hover{color:#FFF !important}
.is-menu-color li a:after{background:#FFF !important }
.menu_full .active a,.menu_full li a:hover {color:#010101;}
.menu_full li a:after{content:'';width:1px;height:0;background:#010101;position:absolute;right:0;top:50%;transition:all .6s}
.menu_full .active a:after,.menu_full li a:hover:after {height:100%;top:0}

/*通用底部*/
.section5 {background:#005f71;position:relative;  letter-spacing: 1px;}
.footer,.f-copy{width:1600px;margin:0 auto;}
.footer .f-logo {padding:54px 0 30px;border-bottom:1px solid rgba(255,255,255,0.4);position:relative;}
.footer .f-logo>* {display:inline-table;font-size:14px;color:#9e9e9e}
.footer .f-logo em {padding:0 30px;transform:translateY(6px)}
.footer .f-logo .back_top {position:absolute;width:37px;height:37px;border:1px solid #FFF;line-height:37px;text-align:center;font-size:16px;color:#FFF;cursor:pointer;right:0;bottom:30px;}
.f-navlistbox {padding:35px 0 30px;}
.f-navlistbox>div {padding:0}
.f-navlist:after {content:'';display:block;clear:both}
.f-navlist dl {margin:0;float:left;width:16.6666666667%;padding-right:15px;}
.f-navlist dl:nth-of-type(2) {width:33.3333333333%;}
.f-navlist dl dt {font-size:22px;color:#FFF;font-weight:normal;margin:0 0 25px;  font-family:Teko-Medium}
.f-navlist dl dt a{font-size:22px;color:#FFF;margin:0 0 25px; font-family:Teko-Medium}
.f-navlist dl dd {margin:0 0 15px; }
.f-navlist dl:nth-of-type(2) dd{ float:left; width:50%}
.f-navlist dl dd a {font-size:16px;color:rgba(255,255,255,0.5); font-weight:normal; font-family:Teko-Light;  letter-spacing: 0.5px;}
.f-code {display:inline-block;font-size:14px;color:#FFF;}
.f-code p{margin:20px 0 0}
.f-code img {max-width:130px;}
.copy {border-top:1px solid rgba(255,255,255,0.4);line-height:65px;}
.f-copy p {font-size:13px;color:rgba(255,255,255,0.47);margin:0}
.f-copy p em {padding-left:20px;}
.f-copy p em,.f-copy p a {color:rgba(255,255,255,0.47);}

.code_img {position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;display:none;background:rgba(0,0,0,0.8)}
.code_img >img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:10px;border-radius:5px;background:#FFF}
/*内页通用banner*/
.page_ban {position:relative}
.page_ban h1 {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:60px;color:#FFF; font-family:Teko-SemiBold}
/*企业简介*/
.common_box .subnav {position:relative;top:-35px;box-shadow:0 0 15px rgba(0,0,0,0.2);transition:all .5s;background:#FFF}
.common_box .subnav a {line-height:60px;font-size:20px;color:#333;text-align:center;position:relative;transition:all .36s; font-family:Teko-Medium;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
.common_box .subnav a:before {content:'';width:1px;height:30px;background:#dcdcdc;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.common_box .subnav a:after {content:'';width:0;height:2px;background:#006573;position:absolute;bottom:0;left:50%;transition:all .4s}
.common_box .subnav a:hover,.news_box .subnav a.on {color:#006573}
.common_box .subnav a:hover:after,.news_box .subnav a.on:after {width:100%;left:0}
.company {padding:70px 0 128px;}
.company h1 {font-size:40x;color:#151515;margin:0 0 45px;text-align:center; font-family:Teko-Medium;}
.company .editor {font-size:18px;color:#828282;text-align:center;line-height:26px;}
.company .editor .img {position:relative}
.company .editor .data {position:absolute;width:990px;padding:55px 0;background:#FFF;bottom:-60px;left:50%;transform:translateX(-50%)}
.company .editor .data>div {display:inline-block;margin:0 53px;}
.company .editor .data>div h2 {font-family:Teko-Medium;font-size:24px;color:#006573}
.company .editor .data>div h2 em {font-size:40px;font-weight:bold;}
.company .editor .data>div p {font-size:18px;color:#8a8a8a;margin:0}

.culture {padding:175px 0 215px;position:relative;background-position:center;background-repeat:no-repeat;}
.culture h1 {font-size:40px;color:#FFF;text-align:center;margin:0 0 130px;font-family: Teko-Medium; }
.culture .editor {font-size:20px;color:#FFF;line-height:26px;text-align:center; }
.culture .editor h2 {font-size:30px;margin:10px 0 15px;  font-family: Teko-Medium;}

.history {padding:145px 0 165px;}
.history .title {margin:0 0 85px;text-align:center;font-size:18px;color:#a9a9a9;}
.history .title h1 {font-size:40px;color:#151515;margin:0 0 15px; font-family: Teko-Medium; }
.history .lists {position:relative}
.history .lists:after {content:'';width:100%;height:1px;background:#cdcdcd;position:absolute;left:0;bottom:12px;}
.history .swiper-slide {min-height:500px;position:relative}
.history .swiper-slide>div {position:absolute;bottom:0;left:0;width:100%}
.history .swiper-slide .year {width:110px;line-height:129px;background:url(../images/icon1.png) 0 0 no-repeat;font-size:30px;color:#FFF; font-family:Teko-Medium; text-align:center;position:absolute;top:0;left:0}
.history .swiper-slide .content{font-size:18px;color:#909090;line-height:24px;position:absolute;top:129px;left:85px;}
.history .swiper-slide .year:before {content:'';width:1px;height:90%;bottom:25px;left:50%;background:#006573;position:absolute;z-index:-1}
.history .swiper-slide .year:after {content:'';width:19px;height:20px;background:url(../images/icon2.png) 0 0 no-repeat;position:absolute;bottom:0;left:50%;margin:0 0 0 -9px}

.honor {background:#eee;padding:110px 0 95px;}
.honor h1 {font-size:40px;color:#51515;text-align:center;margin:0 0 65px; font-family: Teko-Medium; }
.honor .swiper-slide a {display:block;overflow:hidden}
.honor .swiper-slide a:hover img {transform:scale(1.1)}
.honor .swiper-slide p{ text-align:center; font-size:20px;  line-height:46px}
.honor .swiper-page {text-align:center;margin:50px 0 0;}
.honor .swiper-page>div {display:inline-block;outline:none;width:auto;margin:0 6px;}
.honor .swiper-page .slide-button-next,.honor .swiper-page .slide-button-prev {width:32px;height:32px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#8e8e8e;line-height:32px;text-align:center;}
.honor .swiper-page .slide-pagination {font-size:14px;color:#000}
.honor .swiper-page .slide-pagination .swiper-pagination-current {font-size:18px;}
/*产品展示*/
.products_box {background:#f7f7f7;padding:0 0 50px;}
.products_box .subnav {width:100%;margin:0 auto;}
.products_box .pro_subnav {background:#006573;height:52px;line-height:52px;}
.products_box .pro_subnav ul:after {content:'';display:table;clear:both}
.products_box .pro_subnav li {float:left;width:auto;}
.products_box .pro_subnav li>a{font-size:30px;color:#FFF;position:relative;text-align:center;transition:all .36s;display:block;  padding:0 23px;font-family: inherit; text-transform: capitalize; text-rendering: optimizeSpeed;}
.products_box .pro_subnav li>a:after {content:'';width:1px;background:#CCC;height:100%;right:0;top:0;position:absolute}
.products_box .pro_subnav  li>a:hover,.products_box .pro_subnav li.on> a {background:#FFF;color:#006573}
.products_box .pro_subnav li dl{position:absolute;display:none;width:100%;padding:25px;background:#FFF;box-shadow:0 6px 10px rgba(0,0,0,0.2);z-index:2;left:0;top:54px;}
.products_box .pro_subnav li dd {display:inline-block;margin:0 10px 15px;}
.products_box .pro_subnav li dd>a {font-size:1.4rem;color:#898989;transition:all .3s;display:inline-block;}
.products_box .pro_subnav li dd>a:hover {color:#000}

.pro_com {padding:100px 0 0;position:relative}
.pro_com .swiper-slide a {display:block;position:relative;}
.pro_com .swiper-slide a .img {display:inline-block;overflow:hidden}
.pro_com .swiper-slide .info {position:absolute;right:0;top:0;background:#f7f7f7;padding:70px 15px 160px 85px;max-width:475px;}
.pro_com .swiper-slide .info h1 {font-size:30px;color:#000;margin:0 0 35px;}
.pro_com .swiper-slide .info p {font-size:14px;color:#909090;line-height:26px;margin:0}

.pro_com .swiper-page {position:absolute;right:15px;bottom:35%;z-index:2;text-align:center;}
.pro_com .swiper-page>div {display:inline-block;outline:none;width:auto;margin:0 6px;}
.pro_com .swiper-page .slide-button-next,.pro_com .swiper-page .slide-button-prev {width:32px;height:32px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#8e8e8e;line-height:32px;text-align:center;}
.pro_com .swiper-page .slide-pagination {font-size:14px;color:#000}
.pro_com .swiper-page .slide-pagination .swiper-pagination-current {font-size:18px;}
.pro_com .swiper-slide a:hover img {transform:scale(1.05)}

.products_lists {padding:75px 0 0;}
.products_lists h3 {font-size:30px;color:#000;margin:0 0 25px;}
.products_lists .lists {border:1px solid #000;border-left:0;border-right:0}
.products_lists li {padding:15px 0;border-bottom:1px solid #d2d2d2}
.products_lists li  a {display:block;position:relative;padding-right:175px;}
.products_lists li p.title {font-size:16px;color:#000;margin:0 0 20px;transition:all .36s}
.products_lists li p.desc {font-size:14px;color:#909090;line-height:24px;}
.products_lists li i {font-size:20px;color:#006573;position:absolute;right:90px;top:50%;transform:translateY(-50%);opacity:0;transition:all .4s}
.products_lists li:last-child {border-bottom:0}
.products_lists li a:hover p.title {color:#006573}
.products_lists li a:hover i {right:54px;opacity:1}
/*产品详情页*/
.show_product th, td {
    border: 2px solid #ffffff;
    padding: 10px;
}
.show_product th {
    font-size: 18px;
    color: #22211f;
        text-align: center;
    background: #c1c1c1;
}
.show_product td {
    font-size: 17px;
    color: #22211f;
}
.show_product tr:nth-child(2n) {
    background: #dededc;
}
.show_product tr:nth-child(2n-1) {
    background: #eeeeee;
}
.show_product {background:#f7f7f7;padding:100px 0 120px;}
.show_product .main h1 {font-size:30px;color:#000;padding:0 0 25px;border-bottom:1px solid #000;margin:0 0 40px;}
.show_product .main .editor {font-size:14px;color:#909090;line-height:24px;}
/*技术创新*/
.patent_box {padding:70px 0 100px;position:relative;}
.patent_box h1 {font-size:24px;color:#010101;margin:0 0 45px;text-align:center;}
.patent_box .swiper-slide a {display:block;overflow:hidden;}
.patent_box .swiper-page {text-align:center;margin:50px 0 0;}
.patent_box .swiper-page>div {display:inline-block;outline:none;width:auto;margin:0 6px;}
.patent_box .swiper-page .slide-button-next,.patent_box .swiper-page .slide-button-prev {width:32px;height:32px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#383838;line-height:32px;text-align:center;}
.patent_box .swiper-page .slide-pagination {font-size:16px;color:#000;font-family:"Arial"}
.patent_box .swiper-page .slide-pagination .swiper-pagination-current {font-size:20px;}
.patent_box .swiper-slide a:hover img {transform:scale(1.1)}

.hardware {padding:100px 0 125px;background:#eee}
.hardware h1 {font-size:24px;color:#1f1f1f;margin:0 0 25px;text-align:center;}
.hardware div.slogan,.patent_box div.slogan,.team div.slogan {font-size:14px;color:#909090;margin:0 0 60px;text-align:center;}
.hardware .swiper-slide a {display:block;overflow:hidden;position:relative;}
.hardware .swiper-page {text-align:center;margin:50px 0 0;}
.hardware .swiper-page>div {display:inline-block;outline:none;width:auto;margin:0 6px;}
.hardware .swiper-page .slide-button-next,.hardware .swiper-page .slide-button-prev {width:32px;height:32px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#383838;line-height:32px;text-align:center;}
.hardware .swiper-page .slide-pagination {font-size:16px;color:#000;font-family:"Arial"}
.hardware .swiper-page .slide-pagination .swiper-pagination-current {font-size:20px;}
.hardware .swiper-slide p {background:rgba(20,71,147,0.8);text-align:center;line-height:45px;font-size:14px;color:#FFF;opacity:0;transition:all .5s;position:absolute;bottom:-45px;left:0;width:100%;margin:0;}
.hardware .swiper-slide a:hover img {transform:scale(1.1)}
.hardware .swiper-slide a:hover p {opacity:1;bottom:0}

.team {padding:95px 0 125px;}
.team .lists {position:relative;}
.team h1 {font-size:24px;color:#1f1f1f;margin:0 0 60px;text-align:center;}
.team .swiper-slide a {display:block;position:relative}
.team .swiper-slide .img {overflow:hidden;display:inline-block;transition:all .45s}
.team .swiper-slide.swiper-slide-prev .img {transform:translateX(302px);}
.team .swiper-slide .info {position:absolute;right:-185px;top:45px;transition:all .6s;opacity:0;z-index:-1}
.team .swiper-slide .info h2 {font-size:24px;color:#006573;margin:0 0 20px;}
.team .swiper-slide .info .content {font-size:14px;color:#909090;}
.team .swiper-slide.swiper-slide-active .info{opacity:1;right:105px}
.team .swiper-page {position:absolute;right:450px;bottom:65px;z-index:3}
.team .swiper-page>div {display:inline-block;width:36px;height:36px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#3b3b3b;line-height:36px;text-align:center;outline:none;margin:0 4px;}
/*应用领域*/
.page_baner {position:relative;}
.page_baner .ban_txt {position:absolute;top:50%;left:50%;text-align:center;transform:translateX(-50%) translateY(-50%);}
.page_baner .ban_txt  h1 {font-size:50px;color:#FFF;margin:0 0 15px;}
.page_baner .ban_txt .slogan {font-size:14px;color:rgba(255,255,255,0.5)}
.page_baner .prev_ ,.page_baner .next_{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;color:#FFF;font-size:16px;text-align:center;transition:all .36s}
.page_baner .prev_ i,.page_baner .next_ i {display:block;width:43px;height:43px;border:1px solid rgba(255,255,255,0.5);border-radius:100%;font-size:14px;color:rgba(255,255,255,0.5);line-height:43px;text-align:center;margin:0 auto 10px;}
.page_baner .prev_ {left:78px;}
.page_baner .next_ {right:78px;}
.page_baner .prev_:hover {left:65px;}
.page_baner .next_:hover {right:65px;}

.area_box {padding:125px 0 100px;}
.area_box>div {padding:0}
.area_box>div:first-child {padding-right:70px;}
.area_box .down_list {margin:75px 0 0;}
.area_box .down_list .item {background:#eee;padding:25px 0 25px 40px;border-radius:5px;}
.area_box .down_list .item>div {display:inline-block}
.area_box .down_list .item .info {padding:0 0 0 48px;transform:translateY(25px)}
.area_box .down_list .item .info p.title{font-size:18px;color:#006573;margin:0 0 12px;}
.area_box .down_list .item .info a {display:inline-block;padding-left:26px;font-size:14px;color:#006573;background:url(../images/icon3.png) 0 0 no-repeat;margin:0 0 30px;}
.area_box .down_list .item .info .editor {font-size:14px;color:#909090;}

.info_text .title {padding:0 0 40px;}
.info_text .title h1 {font-size:24px;color:#1f1f1f;margin:0 0 20px;}
.info_text .title .slogan {font-size:14px;color:#909090;}
.info_text .info_content .item {border:1px solid #d2d2d2;border-radius:5px;padding:30px 35px;font-size:14px;margin:0 0 30px;}
.info_text .info_content .item h3 {font-size:18px;color:#010101;margin:0 0 25px;}
.info_text .info_content .item p {color:#006573;}
/*新闻资讯*/
.news_box .subnav .search {position:relative}
.news_box .subnav .search  input {width:100%;height:60px;line-height:60px;border:0;padding:0 65px 0 40px; font-size:18px}
.news_box .subnav .search i {width:60px;height:60px;position:absolute;right:0;top:0;text-align:center;font-size:23px;color:#FFF;z-index:1;background:#006573;line-height:60px;cursor:pointer}

.news_box .news_list {padding:85px 0 115px;}
.news_box .news_list li {margin:0 0 35px;}
.news_box .news_list li a {display:block;position:relative;border:1px solid #e5e5e5;overflow:hidden;transition:all .6s}
.news_box .news_list li a .img {overflow:hidden;min-height:198px;position:relative; max-height:222px !important}
.news_box .news_list li .text {padding:25px 40px;}
.news_box .news_list li .text  em {font-size:18px;color:#006573;display:inline-block;margin:0 0 15px;}
.news_box .news_list li .text h3 {font-size:20px;color:#000;line-height:26px;height:52px;overflow:hidden;margin:0 0 22px;transition:all .4s}
.news_box .news_list li .text span {font-size:18px;color:#c0c0c0;}
.news_box .news_list li .img:after {content:'+';position:absolute;width:52px;height:52px;background:#FFF;right:0;bottom:0;line-height:52px;text-align:center;font-size:35px;color:#006573}
.news_box .news_list li a:hover {box-shadow:0 4px 12px rgba(0,0,0,0.06)}
.news_box .news_list li a:hover h3 {color:#006573}
.news_box .news_list .more_down a {display:inline-block;padding:10px 40px;border:1px solid #006573;font-size:22px;color:#006573;margin:40px 0 0;  font-family: Teko-Medium;}
.news_box .news_list .more_down a i {padding-left:15px;}
.news_box .news_list li a:hover img {transform:scale(1.1)}
/*加入我们*/
.talent {position:relative;padding:80px 0 0}
.talent .txt {position:absolute;background:#FFF;padding:65px 80px 50px 95px;bottom:0;right:0;max-width:640px;}
.talent .txt h1 {font-size:30px;color:#02142e;margin:0 0 50px;}
.talent .txt p {font-size:14px;color:#909090;line-height:24px;text-align:justify;}

.staff {padding:90px 0 0;}
.staff h1 {font-size:30px;color:#02142e;padding:0 0 20px;border-bottom:1px solid #d2d2d2;margin:0 0 60px;}
.staff .swiper-slide a {overflow:hidden;display:block;}
.staff .swiper-slide a:hover img {transform:scale(1.1)}
.staff .swiper-page {text-align:center;margin:50px 0 0;}
.staff .swiper-page>div {display:inline-block;outline:none;width:auto;margin:0 6px;}
.staff .swiper-page .slide-button-next,.staff .swiper-page .slide-button-prev {width:32px;height:32px;border:1px solid #d3d3d3;border-radius:100%;font-size:14px;color:#383838;line-height:32px;text-align:center;}
.staff .swiper-page .slide-pagination {font-size:18px;color:#909090;font-family:"Arial"}
.staff .swiper-page .slide-pagination .swiper-pagination-current {color:#02142e}

.job {padding:110px 0 80px;}
.job h1 {font-size:30px;color:#02142e;padding:0 0 20px;border-bottom:1px solid #d2d2d2;margin:0 0 60px;}
.job_list li {padding:0 13px 0 0;margin:0 0 42px;}
.job_list li.flt_rlt {padding: 0 0 0 13px;}
.job_list li a {display:block;background:#f5f7f9;border:1px solid #d3dce9;padding:35px 30px;position:relative}
.job_list li .head h2 {float:left;font-size:18px;color:#012b5d;width:80%}
.job_list li .head span {float:right;text-align:right;font-size:14px;color:#868686}
.job_list li .job_info {padding:35px 0 20px;font-size:14px;color:#868686;margin:0 0 15px;}
.job_list li .job_editor {font-size:14px;color:#868686;line-height:22px;height:88px;overflow:hidden;margin:0 0 45px;}
.job_list li .job_editor p {margin:0;}
.job_list li  em {display:block;font-size:14px;color:#868686;}
.job_list li a:before,.job_list li a:after {content:'';position:absolute;width:0;height:0;transition:all .6s;opacity:0}
.job_list li a:before {border-top:1px solid #012b5d;border-left:1px solid #012b5d;top:-1px;left:-1px}
.job_list li a:after {border-right:1px solid #012b5d;border-bottom:1px solid #012b5d;bottom:-1px;right:-1px;}
.job_list li a:hover:before,.job_list li a:hover:after {width:100%;height:100%;opacity:1}
/*联系我们*/
.contact_box .subnav {width:400px;margin:0 auto;}
.contact_info {background:#FFF;padding:70px 0 70px 200px;position:relative;top:115px;z-index:2}
.contact_info h1 {font-size:40px;color:#1c1c1c;margin:0 0 50px;  font-family: Teko-Medium;} 
.contact_info p {font-size:22px;color:#1c1c1c;}
.contact_info .tel_info {font-size:22px;color:#1c1c1c;}
.contact_info .tel_info >span {padding-left:20px;line-height:20px;padding-right:25px;}
.contact_info .tel_info >span.tel {background:url(../images/icon4-1.png) 0 center no-repeat;}
.contact_info .tel_info >span.fax {background:url(../images/icon4-2.png) 0 center no-repeat;}
.contact_info .tel_info >span.mobile {background:url(../images/icon4-3.png) 0 center no-repeat;}
.contact_info .tel_info >span.email {background:url(../images/icon4-4.png) 0 center no-repeat;}
.map {position:relative;z-index:1}

.message {padding:100px 95px 120px;}
.message h3 {font-size:40px;color:#1c1c1c;padding:0 0 16px; font-family: Teko-Medium;}
.your_info>div,.mess_info>div {padding:0}
.your_info {border-top:1px solid #1b1b1b;/*border-bottom:1px solid #bfbfbf*/ font-family: Teko-Light;}
.your_info .col-md-2 em,.mess_info .col-md-2 em {display:block;background:#fcfcfc;font-size:18px;color:#000;line-height:280px;text-align:center;}
.your_info .message_list0 {padding:30px 0px 0 0px;}
.your_info .message_list0 li {float:left;width:49%;height:46px;margin:0 0 17px;position:relative}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:18px;color:#333}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {content:'';background:url(../images/icon13.png) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:14px;}
.your_info .message_list0 li.li4 {width:498px;margin:0}
.mess_info {/*border-bottom:1px solid #1b1b1b;*/}
.mess_info .col-md-2 em {line-height:365px;}
.mess_info .message_list1 {padding:0px 0px 0 0px;}
.mess_info .message_list1 li {margin: 0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:18px;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:18px;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:18px;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:18px;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:18px;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {text-align:center;margin:68px 0 0}
.btn_message input {width:172px;height:47px;border:1px solid #dcdcdc;font-size:20px;color:#575757;background:none;margin:0 8px;transition:all .3s; font-family: Teko-Medium; line-height:48px}
.btn_message input:first-child {background:#006573;color:#FFF;border-color:#187fc4}
/**************************/
@media(max-width:1600px){
	.tem_news,.footer,.f-copy {width:1200px;padding:0;}
	.tem_product {padding:0 0 0 80px;width:100%}

}
@media(max-width:1530px){
	.nav_listbox {padding:0 0 0 65px;}
}
@media(max-width:1400px){
	.area_main {padding:228px 80px 0}
	.tem_area .swiper-page,.area_title {padding:0 0 0 80px;}
	.tem_news .swiper-slide .n-info p {margin:0 0 25px;}
	.tem_news {padding:0 0 0 80px;}
	.tem_news h1 {margin:0 0 20px;}
	.nav_listbox {padding:0 0 0 35px;}
}
@media(max-height:670px){
	.tem_product .lists li a {min-height:350px;}
}
@media(max-height:700px){
	.tem_banner .swiper-page  {bottom:18%}
}