@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family:"Microsoft Yahei", "Source Han Sans CN",  Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#e60012}
img{ border:none;}
table{ border-collapse:collapse}
table td{ padding:3px 5px;}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#e60012}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f18{ font-size:18px;}

.wrap{width:100%;max-width:1200px;margin:0 auto}
.headerbox{ position:relative;z-index:99; background:#fff}

.logo{}
.logo img{ display:block;}
.header .top{ background:#fff;}
.header .bot{ background:#fff;border-top:2px solid rgba(0,0,0,.08)}
.header .bot .menu{ float:left}
.header .bot .language{ float:right; line-height:65px; font-size:16px;}
.header .bot .language a{ display:block; background:url(../images/jiantou.jpg) no-repeat right center;font-weight:bold; padding-right:40px;}
.menu li{ float:left; font-size:16px; line-height:65px; position:relative;}
.menu li a{ display:block;}
.menu .menu_a{ position:relative; color:#221815; text-align:center; font-weight:bold; margin-right:65px;}
.menu .menu_a:before{ position:absolute; content:""; width:1px; height:18px; top:50%; margin-top:-9px; right:-40px; background-color:rgba(0,0,0,.08)}
.menu .menu_a:after{ position:absolute; content:""; width:100%; height:3px; top:-2px; left:0; background:#e50011; opacity:0}
.menu li:last-child .menu_a{ border-right:0}
.menu li .sub{position:absolute; width:100%; left:-40px;top:65px;overflow:hidden;background:#fff; height:0; -webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0); transform-origin:top;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease}

.menu li:nth-child(3) .sub{ width:140%; margin-left:-20%}

.menu li .sub a{ display:block;color:#666;line-height:30px;padding:5px 10px; border-bottom:1px solid rgba(0,0,0,.08); text-align:center; font-size:15px;position:relative}
.menu li .sub a:hover{color:#e50011;}
.menu li .sub.active{height:auto;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);}

.menu li .cur:after, .menu .menu_a:hover:after, .menu .on .menu_a:after{ opacity:1}

.lang{ margin-top:20px;font-family: 'Arial'; font-weight:bold}
.lang a{display:-webkit-flex; display:flex; align-items:center; color:#999}
.lang img{display:inline-block; width:auto; margin-right:5px}
.lang span{ position:relative; padding-right:10px}
.lang span:after{ content:""; width:0; height:0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid #999; display:block; position:absolute; right:0;top:6px;}
.search{ position:relative;margin-top:36px;}
.search form {position: relative;border:1px solid #d8d8d8; padding-right:30px;-webkit-border-radius:25px; border-radius:25px; overflow: hidden;}
.search .tex { border:none;height:35px;line-height: 35px;width: 100%;color: #555;background:#fff;padding-left:20px;}
.search .btn {border: none;line-height:35px;text-align: right;background: url(../images/icon02h.png) no-repeat center; background-size:15px;color:#fff;position: absolute;right: 0;top: 0;width:40px;text-align: center; cursor:pointer; transition:.5s;}



.banner{ position:relative; z-index:1; }
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-container{position:relative;}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:12px; border-radius:0; height:12px; background-color:#fff; opacity:1 !important; margin:0 5px !important; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.banner .swiper-pagination-bullet-active{ background:#e60012; opacity:1; border:none}
.banner .swiper-slide{ position:relative; overflow:hidden}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:58px; height:58px; margin-top:-29px; outline:none; opacity:0.2; top:50%}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat; left:3%}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat; right:3%}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) no-repeat; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) no-repeat; opacity:1}




.ibanner{ position:relative;overflow: hidden;width: 100%; height:710px}
.ibanner a{ display:block; height:100%; position:relative;}
.ibanner .txt{ position:absolute; text-align:center; color:#fff; width:100%;}
.ibanner .txt h1{ font-size:30px; font-weight:bold}
.ibanner .txt h1 span{ display:block; font-size:38px; line-height:70px; font-weight:normal}
.ibanner .intro{ font-size:15px; line-height:26px; width:400px; margin-top:20px; margin-left:auto; margin-right:auto}
.ibanner .more{background:#e50011; width:110px; line-height:35px; text-align:center; border-radius:20px; margin:40px auto 0}
.ibanner .more span{ font-family:Simsun; padding-left:3px}
.ibanner .imglist{ position:absolute; width:1200px; height:100%;top:0; left:50%; margin-left:-600px;}
.ibanner .img1{ position:absolute; left:150px;top:100px; opacity:0}
.ibanner .img2{ position:absolute; left:50px;top:292px; opacity:0}
.ibanner .img3{ position:absolute; left:215px;top:520px; opacity:0}
.ibanner .img4{ position:absolute; right:220px;top:60px; opacity:0}
.ibanner .img5{ position:absolute; right:50px;top:230px; opacity:0}
.ibanner .img6{ position:absolute; right:165px;top:480px; opacity:0}
.ibanner .txt{animation:fadeInUp 1s forwards;-webkit-animation:fadeInUp 1s forwards;}
.ibanner .img1{animation:fadeInLeft 1s fadeInLeft;-webkit-animation:fadeInLeft 1s forwards;}
.ibanner .img2{animation:fadeInLeft 1s fadeInLeft;-webkit-animation:fadeInLeft 1s forwards;animation-delay:.3s;-webkit-animation-delay:.3s;}
.ibanner .img3{animation:fadeInLeft 1s fadeInLeft;-webkit-animation:fadeInLeft 1s forwards;animation-delay:.6s;-webkit-animation-delay:.6s;}
.ibanner .img4{animation:fadeInRight 1s fadeInLeft;-webkit-animation:fadeInRight 1s forwards;}
.ibanner .img5{animation:fadeInRight 1s fadeInLeft;-webkit-animation:fadeInRight 1s forwards;animation-delay:.3s;-webkit-animation-delay:.3s;}
.ibanner .img6{animation:fadeInRight 1s fadeInLeft;-webkit-animation:fadeInRight 1s forwards;animation-delay:.6s;-webkit-animation-delay:.6s;}
.ibanner .imglist img{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.ibanner .imglist img:hover{ -webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03)}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 260px, 0);
            transform: translate3d(0, 260px, 0);
  }

  100% {
    opacity: 1;
   -webkit-transform: translate3d(0, 230px, 0);
            transform: translate3d(0, 230px, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 260px, 0);
            transform: translate3d(0, 260px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 230px, 0);
            transform: translate3d(0, 230px, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.title{ font-size:35px; color:#333; text-align:center; line-height:50px; margin-bottom:50px;}
.space{ padding:80px 0 100px}
.i-product{background: -webkit-linear-gradient(#fff 60%, #f3f3f3);
  background: -o-linear-gradient(#fff 60%, #f3f3f3);
  background: -moz-linear-gradient(#fff 60%, #f3f3f3);
  background: linear-gradient(#fff 60%, #f3f3f3);
  position:relative;
  color:#666;
}
/*.i-product:before{ content:""; width:50%; height:100%; background: url(../images/icon05.png) no-repeat right top; position:absolute; right:0;top:0; z-index:1}
.i-product:after{ content:""; width:50%; height:100%; background: url(../images/icon06.png) no-repeat left bottom; position:absolute; left:0;top:0; z-index:1}*/
.i-product .wrap{ position:relative; z-index:2}
.i-product .title{ color:#fff; text-align:left}
.i-product .title span{ display:block; font-size:16px}
.line-box{ width:48px; height:155px; background:url(../images/icon04.png) no-repeat; position:absolute; left:0; right:0; margin:0 auto;top:-40px; z-index:99;animation: animate01 1s ease;-webkit-animation:animate01 1s ease}

@keyframes animate01{
from {
	height: 0px;
}
to {
	height: 120px;
}
}

.i-productbox .tablist ul{ position:relative; display:flex; display:-webkit-flex; justify-content:center;}
.i-productbox .tablist li{ font-size:16px; text-align:center; width:16%;position:relative}
.i-productbox .tablist a{ color:#333; display:block;position: relative}
.i-productbox .tablist .icon{ width:60px; height:60px; border-radius:50%; border:5px solid #f0f0f0;display:flex; display:-webkit-flex; align-items:center; justify-content:center; margin:0 auto 10px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.i-productbox .tablist .icon img{ width:30px; height:30px; display:block}
.i-productbox .tablist .active .icon, .i-productbox .tablist li:hover .icon{border:5px solid #e50011;}
.i-productbox .tabcontent{ margin-top:30px; padding:0 12%}
.i-productbox .item{ font-size:16px; line-height:30px;display:none; position:relative}
.i-productbox .item .pic{ position:absolute; left:0;top:0; width:220px; height:220px;}
.i-productbox .item img{ width:100%; display:block}
.i-productbox .item .txt{ padding-left:350px; padding-top:5%}
.i-productbox .txt h3{ color:#e50011; font-size:20px; margin-bottom:10px}
.i-productbox .txt .more{ color:#fff; width:120px; height:35px; line-height:33px; border-radius:25px; background:#e50011; display:block; text-align:center; font-size:14px; margin-top:30px}
.i-productbox .txt .more .arrow{ font-family:Simsun; margin-left:10px;}
.i-productbox .txt .more:hover{ background:rgba(229,0,17,0.7);color:#fff}
.i-productbox .item.active{ display:block}

.i-about{}
.i-about .title{ margin-bottom:30px;}
.i-about .content{ font-size:16px; line-height:30px; color:#666; padding-bottom:40px}
.i-about .content-2{ position:relative}
.i-about .content-2:before{content:""; width:32%; height:100%; background: url(../images/icon07.png) no-repeat right 0 center; position:absolute; left:0;top:0; z-index:1}
.i-about .content-2:after{content:""; width:32%; height:100%; background: url(../images/icon08.png) no-repeat 0 center; position:absolute; right:0;top:0; z-index:1}
.i-about .content-2 .wrap{ position:relative; z-index:2}
.i-about .img{ display:block; margin:0 auto; height:550px;}
.i-about .list{ position:absolute; width:100%; height:100%;top:0; left:0}
.i-about .list li{position: absolute;visibility: visible;}
.i-about .list li a{ display:block; position:relative}
/*.i-about .list li{
    overflow: hidden;
    visibility: hidden;
    outline: 1px solid transparent;
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	width: 13%;
    padding-bottom: 15.170%;
	}
.i-about .list a{display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    -ms-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
}*/
.i-about .list img{width:200px;margin: 0 auto;; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .list h3{ width:100%; height:100%;color:#fff; font-size:20px; font-weight:bold; display:flex; display:-webkit-flex; justify-content:center; align-items:center; position:absolute;top:0;left:0}
.i-about .list li:nth-child(1){ top:30px; left:130px}
.i-about .list li:nth-child(2){ top:190px;left:40px}
.i-about .list li:nth-child(3){ top:350px; left:130px;}
.i-about .list li:nth-child(4){top:30px; right:130px}
.i-about .list li:nth-child(5){top:190px;right:40px}
.i-about .list li:nth-child(6){top:350px; right:130px;}
.i-about .list li:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06); transform:scale(1.06)}

.i-news{ background:#fff; position:relative;height:90px; line-height:90px}
.i-news .line-box{background:url(../images/icon04.png) no-repeat;}

.i-news .wrap{ position:relative}
.i-news .left{color:#1a1a1a; width:100px; font-size:20px; position:relative}
.i-news .left:after{ content:""; width:1px; height:15px; background:#d8d8d8; position: absolute; right:0;top:50%; margin-top:-7px;}
.i-news .right{ width:calc(100% - 150px); height:90px; line-height:90px; padding-right: 200px; overflow:hidden}
.i-newslist{ position:relative; height:90px;}
.i-newslist .time{ color:#999; font-size:14px; margin-right:30px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-newslist h3{ color:#1a1a1a; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-news .right .more{ font-size:12px; color:#1a1a1a; position:absolute; right:0;top:30px; border-radius:25px; border:1px solid #1a1a1a; width: 100px;line-height:28px; height:30px; padding-left:22px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-news .right .more span{ font-family:Simsun; padding-left:5px}
.i-news .right .more:hover{ color:#fff; background:#e50011; border:1px solid #e50011}

@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}
/*============================================================*/
.nbanner{ position:relative; height:400px}

.nbanner .txt{position:absolute; left:0;bottom:0;top:0;right:0; color:#fff; font-size:40px;height:100%; width:100%; display:flex; display:-webkit-flex; align-items:center;}
.nbanner .wrap{ position:relative; z-index:2}
.nbanner .txt .locat{ font-size:12px; background:url(../images/location.png) no-repeat left 6px;background-size: auto 18px;line-height:26px; margin-top:10px; padding-left:20px;opacity: .6;}
.nbanner .txt .locat a{ color:#fff}
.nbanner .txt .locat span{ font-family:Simsun;font-size: 12px;}
.nbanner:before{ content:""; display:block; width:100%; height:100%; background:url(../images/navbg.png) repeat-x left bottom; position:absolute; left:0; bottom:0; opacity:.5}
.n_nav{line-height: 80px;border-bottom:1px solid #e8e8e8}

.n_nav li{ float:left;position:relative}
.n_nav li a{ display:block; color:#333; font-size:16px; padding-right:48px;position:relative; transition:.5s; white-space:nowrap}
.n_nav li a:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #d50a1d; transition-duration: .3s;}
.n_nav li a:after{position: absolute;right: 24px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc;}
.n_nav li:last-child a:after{ display:none}
.n_nav li.cur a, .n_nav li a:hover{ color:#e50011}
.n_nav li.cur a:before, .n_nav li a:hover::before{width: 44px;left: 0;}
.n_nav_right{ background: url(../images/icon09.png) no-repeat left center; padding-left:35px;}
.n_nav_right span{ padding:0 5px; font-family:Simsun}

/*.container{background:url(../images/mainbg.jpg) no-repeat top center; background-attachment:fixed}*/
.main{padding:70px 0 80px;}
.main_2{ background:#f3f3f3;}
.main .content{ line-height:30px;}
.main .content img{ max-width:100%; height:auto}
.main .ntitle{ margin-bottom:30px;font-size:35px; line-height:40px; color:#333}

.content_abt{ font-size:16px;}
.content_abt p{ margin-bottom:15px;}
.content_abt .left_txt{ width:50%}
.content_abt .left_txt p{ margin-bottom:20px}
.content_abt .right_img{ width:45%}
.content_abt .right_img img{ display:block; width:100%}
.content_abt .right_img .gallery{ margin-bottom:10px}
.content_abt .right_img .top{ margin-bottom:10px;}
.content_abt .right_img ul{ margin-right:-2%}
.content_abt .right_img li{ float:left; width:31.33%; margin-right:2%}
.hostory{ position:relative; padding:50px 0}
.hostory .time{color:#e50011; font-size:18px; text-align:center; /*border-bottom:1px solid #d8d8d8; padding-bottom:30px; */position:relative; width:100%}
.hostory .time:after{ content:""; width:8px; height:8px;/* border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #e50011;*/border-radius:50%; position:absolute; left:50%; margin-left:-5px; bottom:-12px; background:#f3f3f3; border:3px solid #e50011}

.hostory .txt{ text-align:center;line-height:22px}
.hostory .item{ height:380px; padding:15px;}
.hostory .swiper-slide:nth-child(2n+1) .item {
    border: 2px solid #e50011;
    border-top: none;
	border-right: none;
    border-bottom-left-radius: 25px;
}
.hostory .swiper-slide:nth-child(2n) .item{
	border: 2px solid #e50011;
    border-bottom: none;
	border-right: 0;
    border-top-left-radius: 25px;
	padding-top: 60px;
}
.hostory .swiper-slide:nth-child(2n) .time{ position:absolute; left:0; text-align:center;top:-35px;}
.hostory .swiper-slide:nth-child(2n+1) .time{ position:absolute; left:0; text-align:center;bottom:-35px;}
.hostory .swiper-slide:nth-child(2n+1) .time:after{ bottom:auto; top:-12px}
.hostory .swiper-pagination{ bottom:0;}
.hostory .swiper-pagination-bullet-active{ background:#e50011}

.content_abt .ltit{ background:#e50011; color:#fff; display:inline-block; padding:0 20px; border-radius:25px; font-size:18px; margin-bottom:30px}
.idmode li{ margin-top:40px; border-bottom:1px solid #d8d8d8; padding:30px 0}
.idmode li:last-child{ border-bottom:none;}
.idmode li .left_txt{ width:45%}
.idmode li .right_img{ width:50%}
.idmode li:nth-child(2n) .left_txt{ float:right}
.idmode li:nth-child(2n) .right_img{ float:left}
.teamlist-2 ul{ margin-right:-2%}
.teamlist-2 li{ float:left; width:23%; margin-right:2%;}
.teamlist-2 li .pic{ position:relative; overflow:hidden}
.teamlist-2 li .pic:after{ content:""; width:100%; height:100%; border:4px solid transparent; position:absolute; left:0;top:0; right:0; bottom:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.teamlist-2 img{ display:block; width:100%;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.teamlist-2 .tit{font-size:22px; color:#333; margin-top:20px;position:relative;}
.teamlist-2 .tit span{font-size:16px;color:#999; display:block}
.teamlist-2 .intro{ display:none}
.teamlist-2 li:hover .pic:after{ border:4px solid #e50011}
.teamlist-2 li:hover img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}

.focus-manag{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.65);}
.focus-manag.show{ display:block}
.manag-show {position: relative;z-index: 9999;margin: 0 auto;top:50%; transform:translateY(-50%);display: table;width:800px; height:330px; background:#fff}
.focus-manag .close{ width:40px; height:40px; background:url(../images/closed_w2.png) no-repeat; background-size:40px 40px; position:absolute; top:0; right:0; margin-right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.manag-cont{ padding:35px;}
.manag-cont .pic{ width:260px; float:left}
.manag-cont .pic img{ display:block; width:100%;}
.manag-cont .txt{ padding-left:300px;}
.manag-cont .tit{font-size:22px; color:#333;position:relative;}
.manag-cont .tit span{font-size:16px;color:#999; display:block}
.manag-cont .intro{ font-size:14px; line-height:26px; margin-top:10px; height:190px; overflow:auto}
.manag-cont .intro p{ margin-bottom:6px}

.cuture{ margin-right:-5%}
.cuture .item{ float:left; width:45%; margin-right:5%}
.cuture .item .top{ background:#612b89; color:#fff; text-align:center; padding:50px 5%;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.cuture .item:nth-child(2) .top{ background:#015bad}
.cuture .item .top h3{ font-size:24px; margin-top:20px}
.cuture .item .top img{ width:60px; height:auto; opacity:.8}
.cuture .item .txt{border-bottom:1px solid #d8d8d8;padding:40px 0; min-height:240px}
.cuture .item .tit{ font-size:22px; color:#333; line-height:35px}

.sed-nav{ display:felx; display:-webkit-flex; align-item:center; justify-content:center; margin-bottom:30px; font-size:16px;}
.sed-nav li{ margin:0 10px;}
.sed-nav a{ display:block; line-height:35px; background:#fff; border:1px solid #d8d8d8;width:120px; border-radius:25px; text-align:center}
.sed-nav .cur a{ background:#e50011; color:#fff}
.honor ul{ margin-right:-2%}
.honor li{ border:1px solid #d8d8d8; padding:10px; float:left; width:31.33%; margin-right:2%; margin-bottom:2%}
.honor li:nth-child(3n+1){ clear:both}
.honor li img{ display:block; width:100%;}
.honor li .tit{ background:#f3f3f3; text-align:center; margin-top:10px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.yanfan .ntitle{ margin-bottom:0}
.yanfan .item{ margin-bottom:60px;}
.yanfan li{border-bottom:1px solid #d8d8d8;padding:35px 0; position:relative}
.yanfan li:last-child{ border-bottom:1px solid #d8d8d8}
.yanfan li:first-child{ padding-top:0}
.yanfan li .dot{ font-weight:normal;}
.yanfan li .left{ width:80%; padding-right:6%; border-right:1px solid #d8d8d8}
.yanfan li h3{ font-size:20px; color:#333; margin-bottom:15px;}
.yanfan li p{ margin-bottom:5px}
.yanfan li .intro{ padding-left:20px;}
.yanfan li .right{ width:15%; text-align:center; padding-top:20px}
.yanfan li .right span{ display:block; margin:10px auto; width: 100px;height: 32px;line-height: 32px;background: #e50011; color: #fff;text-align: center; border-radius: 25px;}

.content_abt .dot{ position:relative; padding-left:20px; font-weight:bold}
.content_abt .dot:before{ content:""; width:6px; height:6px; background:#e50011; border-radius:50%; display:block; position:absolute; left:0;top:11px}

.teamlist{ margin-top:30px;}
.teamlist li{margin-bottom:3%; position:relative}
.teamlist li:before{ content:""; width:calc(100% - 350px); height:1px; background:#e8e8e8; position:absolute; right:0; bottom:0}
.teamlist .pic{ width:300px; float:left; margin-right:30px; margin-bottom:10px}
.teamlist .pic img{ display:block; width:100%;}
.teamlist .txt{padding-top:30px; padding-bottom:20px}
.teamlist .tit{ font-size:26px; color:#333; margin-bottom:20px; position:relative; line-height:25px}
.teamlist .tit span{font-size:16px; color:#999; padding-left:20px}
.teamlist li.li2 .txt{ padding-left:0; padding-top:10px}
.teamlist li.li2:before{ content:""; width:100%;}
.teamlist li:nth-child(5)::before{ width:100%}

.prolist .item{ margin-bottom:30px; background:#fff; border:1px solid #e8e8e8; position:relative}
.prolist .item .left{ width:34%;text-align:center; border-right:1px solid #e8e8e8; position:absolute; left:0;top:0; height:100%; padding:60px; display:felx; display:-webkit-flex; align-items:center; flex-wrap:wrap;}
.prolist .item .right{ width:65%; float:right; padding:30px}
.prolist .item .left h3{color:#333; margin-bottom:20px; margin-top:10px; font-size:20px; font-weight:bold}
.prolist .item .left .info{ font-size:15px; line-height:22px}
.pro-right-list ul{ margin-right:-3%}
.pro-right-list li{ float:left; width:22%; margin-right:3%; margin-bottom:3%; background:#fff; text-align:center}
.pro-right-list li .tit{background: #e50011; color:#fff; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:0}
.pro-right-list li img{ display:block;}

.content_product{ font-size:16px;}
.prototal{ height:350px; position:relative; display:flex; display:-webkit-flex;}
.prototal:before{ content:""; width:100%; height:1px; border-bottom:1px dashed #ddd; position:absolute; left:0;top:150px}
.prototal .item{position: relative;float:left; padding-left:20px;/* border-left:1px solid #ddd;*/height: 150px; width:300px;}
.prototal .item:nth-child(2n){top:150px; padding-top:30px;margin-left: -50px;}
.prototal .item:nth-child(1){ margin-left:20px}
.prototal .item h3{ white-space:nowrap;color: #333;}
.prototal .item .intro{ font-size:14px; line-height:28px; padding-top:10px}
.prototal .item .intro p{ position:relative; padding-left:15px; white-space:nowrap}
.prototal .item .intro p:before{ content:""; width:6px; height:6px; background:#ccc; border-radius:50%; position:absolute; left:0;top:10px}
.prototal .item:before{content: "";width: 1px;height: 100%;background: #ddd; position: absolute; left:0; bottom:0;}
.prototal .item:after{content: "";width: 10px;height: 10px;background: #e50011; border-radius: 50%; position: absolute; left:-5px; bottom: -6px;}
.prototal .item:nth-child(2n)::after{content: "";width: 10px;height: 10px;background: #e50011; border-radius: 50%; position: absolute; left:-5px; bottom:auto; top:-5px}

/*.content_product .anchor {position: absolute;left: 0; top: -90px;}*/
.protit{ font-size:24px; color:#333; margin-bottom:20px;line-height:30px; margin-top:60px}
.protit01{ margin-top:0}
.content_product .protit:first-child{ margin-top:0}
.content_product .table th{ background:#eee; padding:5px; color:#333;border:1px solid #d8d8d8;}
/*.content_product .table th:nth-child(1){background:#E6000F;}
.content_product .table th:nth-child(2){background:#E6E017;}
.content_product .table th:nth-child(3){background:#179DE6;}
.content_product .table th:nth-child(4){background:#086699;}*/
.content_product .table td{ border:1px solid #d8d8d8; padding:5px;}
.content_product .table .tit{ text-decoration:underline}
.content_product .table .more{ display:block; width:100px; line-height:30px; font-size:14px;color:#e50011; text-decoration:underline;margin:0 auto; text-align:center; border-radius:25px}
.content_product .table .more:hover{background:#e50011; color:#fff}
.content_product .table .proimg{ width:100px; display:block; margin:0 auto}
.content_product .table .icon{display:block; margin:0 auto}
.content_product .table tr td:last-child{ border-top:none; border-bottom:none; height:90px}
.content_product .table tr:last-child td{border-bottom:1px solid #d8d8d8;}
.content_product .probox{ position:relative}
.content_product .probox02 .lxfs{ width:20%}
.content_product .lxfs{ width:30%; height:100%; padding:40px 10px 10px; position:absolute; top:0; right:0; text-align:center; display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center; align-content:center;}
.content_product .lxfs .item{ width:100%;}
.content_product .lxfs .item:nth-child(1){ margin-bottom:20px}
.content_product .lxfs i{ display:block; margin:0 auto; width:35px; height:35px; border-radius:50%}
.content_product .lxfs .item:nth-child(1) i{ background:url(../images/c_icon04.png) no-repeat center #e50011;}
.content_product .lxfs .item:nth-child(2) i{ background:url(../images/c_icon05.png) no-repeat center #e50011;}
.content_product .lxfs span{ font-size:14px; font-weight:bold; font-style:italic}
.content_product .prointro{ position:relative}
/*.content_product .prointro:before{ content:""; width:1px; height:50%; left:50%; top:50%; transform:translateY(-50%); background:#e8e8e8; position:absolute}*/
.content_product .prointro .ltit{ text-align:center; background:#037de2; color:#fff;padding: 5px; border-right:1px solid #358ee2; margin-bottom:20px}
.content_product .prointro .item{ float:left; width:50%;}
.content_product .prointro .item img{}
.content_product .prointro .gongxu{ margin-top:60px}
.content_product .prointro .gongxu p{ border-bottom:1px dotted #d8d8d8; padding:15px 0;padding-left:70px; position:relative}
.content_product .prointro .gongxu span{ font-weight:bold; font-size:20px; background:#037de2;color:#fff; padding-right:6px; padding-left:6px; float:left; border-radius:5px; margin-right:15px; position:absolute; left:15px;top:15px;}
.content_product .prointro .gongxu span:after{ content:""; width:0; height:0; display:block; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #037de2; position:absolute; right:-5px;top:5px}

.proDetail{line-height:30px; font-size:16px; background:#fff;}
.proDetail .tablist{ background:#f3f3f3; margin:30px 0 40px;}
.proDetail .tablist ul{ font-size:0}
.proDetail .tablist li{ display:inline-block;border-right:1px solid #fff; text-align:center; font-size:14px; font-weight:bold; color:#333}
.proDetail .tablist li a{ color:#333; display:block; padding:20px 50px 15px; }
.proDetail .tablist li .icon img{ display:block; margin:0 auto}
.proDetail .tablist li.active{ background:#fff; border:1px solid #d8d8d8; border-bottom:none}
.proDetail .item{ display:none}
.proDetail .ltit{font-size:24px; color:#333; display:block; margin:30px 0;position:relative}
.proDetail .ltit.marg{ margin-top:30px;}
.proDetail .datasheet img{ display:block; border:1px solid #d8d8d8; width:230px}
.proDetail .datasheet p{width:230px; padding-top:10px;line-height: 20px;}

.proDetail .ltit:after{ content:""; width:30px; height:2px; background:#e50011; display:block; margin-top:10px}
.proDetail .table th{ background:#4f81bd; color:#fff; font-size:18px; padding:10px 5px}
.proDetail .table td{ background:#e9edf4; border:1px solid #fff; padding:5px 10px; color:#333}
.proDetail .table tr:nth-child(2n) td{background:#d0d8e8;}
.related{ margin-top:60px; background:#fff; padding:3% 8%;box-shadow: 0 3px 15px rgba(0,0,0,.05);}
.related .ntitle{ text-align:center}
.related .pro-right-list ul{ display:flex; display:-webkit-flex; justify-content:center; flex-wrap:wrap}
.related .pro-right-list li{ width:17%}
.related .pro-right-list .pic{ text-align:center}
.related .pro-right-list li img{ width:100%; height:auto}

.application{ margin-right:-3%; margin-top:30px}
.application .item{ float:left; width:27.33%; margin-right:6%;text-align:center; padding:30px 0 0; position:relative}
.application .item:after{ content:""; width:1px; height:100%; background:#d8d8d8; position:absolute; right:-11%;top:0}
.application .item:last-child::after{ display:none}

.application .item .tit{ background:#e50011; color:#fff; text-align:center; line-height:30px; font-size:16px; display:inline-block; border-radius:25px; padding:0 20px; margin-bottom:30px;}
.application .item ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-3%}
.application .item li{ float:left; width:47%; margin-right:3%; margin-bottom:3%}
.custumer{ background:#fff; padding:30px 0}

.piclist{ position:relative;}
.piclist .swiper-slide{ width:auto}
.piclist img{ display:block; width:100%}
.piclist .swiper-pagination{ bottom:0; display:none}
.piclist .swiper-pagination-bullet-active{ background:#e50011}

.newslist-top{ position:relative}
.newslist-top ul{ margin-right:-3%}
.newslist-top li{ float:left; width:30.33%; margin-right:3%;position:relative; border:1px solid #e8e8e8; /*box-shadow:0 3px 15px rgba(0,0,0,.08)*/}
.newslist-top img{ display:block; width:100%; height:auto;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.newslist-top .pic{ overflow:hidden;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.newslist-top .txt{ background:#fff; padding:30px;}
.newslist-top h3{ color:#333; font-size:18px;line-height:30px; height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.newslist-top .txt .bot{ border-top:1px solid #e8e8e8; margin-top:20px; padding-top:10px;}
.newslist-top .time{ color:#999; font-size:14px;}
.newslist-top .more{ font-size:14px; color:#999}
.newslist-top .more span{ font-family:Simsun; margin-left:10px}
.newslist-top .txt, .newslist-top .txt .bot, .newslist-top .time, .newslist-top .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newslist-top a:hover .txt{ background:#e50011}
.newslist-top a:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newslist-top a:hover h3{ color:#fff}
.newslist-top a:hover .txt .bot{border-top:1px solid rgba(255,255,255,.8);}
.newslist-top a:hover .time{ color:rgba(255,255,255,.8)}
.newslist-top a:hover .more{ color:rgba(255,255,255,.8)}
.newslist-top a{ display:block;position:relative; border:1px solid #e8e8e8;}
.newslist-top a:hover {background:#e50011}
.newslist-top .swiper-pagination{ display:none}
.newslist{ margin-top:50px;}
.newslist li a{ display:block; border:1px solid #e8e8e8; background:#fff; padding:15px 30px; margin-bottom:20px}
.newslist .tit{ width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
.newslist .time{ position:relative; padding-left:20px;}
.newslist .time:before{ content:""; width:1px; height:20px; background:#d8d8d8; position:absolute; left:0; top:50%; margin-top:-10px;}
.newslist li a:hover{background:#e50011; color:#fff}

.newscon .ntit{ text-align:center; font-size:30px; line-height:45px;color: #333; margin-bottom:10px;}
.newscon .ntime{ text-align:center;margin-bottom:20px;}
.newscon .ntime span{ margin:0 15px}
.newDetail{ line-height:30px; font-size:16px; background:#fff; padding:3% 8%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
.newDetail p{ margin-bottom:0px}
.newDetail table td{ border:1px solid #ccc;}
.location{background:#f3f3f3;line-height:60px}

.location .left a{ display:block; float:left; margin-right:30px; position:relative}
.location .left a:after{ content:""; width:1px; height:12px; background:#ddd; position:absolute; right:-15px;top:50%; margin-top:-6px}
.location .left a:last-child::after{ display:none}
.location .left a.cur{ color:#0e6eb4}
.location .right span{ font-family:Simsun;}
.videolist ul{ margin-right:-2%}
.videolist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}
.videolist li .pic{ overflow:hidden;box-shadow: 0 5px 10px rgba(0,0,0,.1); position:relative}
.videolist li img{ width:100%; display:block; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.videolist li .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.1); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.videolist li .icon{ width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover; opacity:.95;z-index:3}

.videolist li h3{font-size:18px; padding:20px; text-align:center}
.videolist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.videolist li:hover .bg{ background:rgba(0,0,0,0)}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: absolute;z-index: 999;width:650px; height:368px;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ width:40px; height:40px; background:url(../images/closed_w.png) no-repeat; position:absolute; top:-45px; right:-45px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}

.main .ntitle .info{ font-size:16px; color:#666; padding-top:10px;}
.main .ntitle .info span{ margin-right:30px}

.recruit li{ border-bottom:1px solid #d8d8d8}
.recruit li:first-child{ border-top:1px solid #d8d8d8}
.recruit-top{color: #333;cursor: pointer;padding:30px 0; position: relative;}
.recruit-top:before{ content:""; width:1px; height:70px;top:50%; margin-top:-35px;right:180px; position:absolute; background:#d8d8d8;}
.recruit-top .position{ font-size:20px; margin-bottom:10px; padding-right:300px}
.recruit-top .request{font-size: 14px;color: #808080; padding-right:300px;}
.recruit-top .request span{ position:relative; padding-right:15px; margin-right:15px;}
.recruit-top .request span:after{position: absolute;height: 14px;width: 1px;background: #ccc; right: 0; top: 50%; margin-top: -7px; content: "";display: block;}
.recruit-top .request span:last-child::after{ display:none}
.recruit-top .btn{ display:block; width:100px; height:32px; line-height:32px;background: #e50011; color:#fff; text-align:center; border-radius:25px; position:absolute; right:0;top:50%;margin-top: -18px;}
.recruit-con{font-size:15px; display:none;}
.recruit-con table td{ border:1px solid #e8e8e8; padding:5px}
.recruit li.cur .recruit-top{}
.recruit li.cur .position{ color:#e50011}
.recruit li.cur .time{}

.page_2{ position:relative;/* border-top:1px solid #e8e8e8; */margin-top:40px; font-size:15px;}
.page_2 p{ padding-right:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_2 .back{ display:block;
    width: 100px;
    line-height: 36px;
    color: #fff;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
	position:absolute; top:10px; right:0;
	background:#e50011;
	padding-left:28px;
}

.page_2 .back span{ position:absolute; font-family:Simsun; right:25px; transition:.3s;}
.page_2 .back:hover span{right:20px}



/*===========================contact================================*/
.content_c{ font-size:16px; line-height:30px}
.mapbox{ position:relative}
.lxfs{ width:32%; float:left;z-index:9}
.lxfs h3{ font-size:22px; color:#333; margin-top:30px; margin-bottom:25px;}
.lxfs ul{font-size:16px;}
.lxfs li{ border-bottom:1px solid #e8e8e8; margin-bottom:25px; padding-bottom:25px; padding-left:35px;}

.lxfs li .tit{ font-size:18px; margin-bottom:10px;}
.lxfs li:nth-child(1){ background:url(../images/c_icon01.png) no-repeat left top; background-size:25px 25px;}
.lxfs li:nth-child(2){ background:url(../images/c_icon02.png) no-repeat left top;background-size:25px 25px;}
.lxfs li:nth-child(3){ background:url(../images/c_icon03.png) no-repeat left top;background-size:25px 25px;}
#allmap{width:63%;height:380px; float:right;background: #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}
.BMap_bubble_title{ white-space:normal !important;color: #333; font-size:16px;padding:10px 0; text-align:center}
.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}
/*============================================================*/
.footer{ background:#e3e3e3; color:rgba(0,0,0,0.5);line-height:28px; padding-top:50px; position:relative}
/*.footer:before{ content:""; width:100%; height:8px;-webkit-linear-gradient(left, #612b89 , #015bad);
  background: -o-linear-gradient(right, #612b89, #015bad);
  background: -moz-linear-gradient(right, #612b89, #015bad);
  background: linear-gradient(to right, #612b89 , #015bad); position:absolute; left:0;top:0}*/
.footer a{color:rgba(0,0,0,0.5)}
.footer a:hover, .footer h4{color:#333 !important;}

.footer .wrap{ position:relative;font-size:15px;}
.footer .mid{ border-bottom:1px solid rgba(0,0,0,0.2);margin-bottom:20px; padding-bottom:40px;}
.f-logo{ width:200px;}
.f-contact{border-left:1px solid rgba(0,0,0,0.2); padding-left:7%}
.f-contact .f-txt .tit{font-size:16px; color:rgba(0,0,0,0.5); margin-bottom:10px}

.f-nav{ width:80%}
.f-nav ul{}
.f-nav li{ float:left; width:16.66%; margin-bottom:3%}
.f-nav li:last-child{ margin-right:0;}
.f-nav li h4{ font-size:18px; margin-bottom:10px}
.f-nav li a{ display:block;}
.footer a:hover{color:#e50011}
.f-ewm{ text-align:center;}
.f-ewm img{ width:100px; height:auto; display:block}
.footer .bot{   line-height:20px; padding-bottom:20px}
.pages{ margin-top:40px;}
.pagination{ height:auto !important; padding:0 !important}
.pagination p, .pagination a{ height:auto !important}
.pagination p.pageRemark{ padding:3px 0 !important}
.backtop {
    position: fixed;
    bottom: 30px;
    right: 3%;
    background:#fff url(../images/TOP.png) no-repeat center;
	background-size:20px;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    height: 46px;
    padding: 0;
    margin: 0;
    width: 46px;
    border-radius: 50%;
    z-index: 9;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.backtop.active {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.en .i-news .right .more{ font-size:14px;}
.en .i-news .right .more span{padding-left: 8px;}
.en .page_2 .back{padding-left: 22px;}
.en .page_2 .back span{ right:22px}
.en .menu li .sub a{ line-height:20px;padding:10px;}
.en .n_nav_pro .n_nav_right{ display:none}
.en .f-nav ul{ display:flex; display:-webkit-flex;align-items: flex-start;}
.en .f-nav li{ margin-right:3%; width:20%}
.en .f-nav li:last-child{ margin-right:0}
.en .f-nav li a{ line-height:20px; margin-bottom:5px;}
.en .content_abt{ font-size:14px;}
.en .main .content{ line-height:26px}
.en .hostory .swiper-slide:nth-child(2n+1) .time{ bottom:-30px;}
.en .hostory .swiper-slide:nth-child(2n) .time{top:-30px}
.en .hostory .txt{ height:66px; overflow:auto}
.en .cuture .item .tit{ font-size:20px; line-height:30px}
.en .newslist-top h3{ font-size:16px; line-height:26px; height:52px}
.en .newscon .ntit{ font-size:26px; line-height:30px; text-align:left}
.en .newscon .ntime{ text-align:left}
.en .newDetail{ font-size:14px; line-height:26px; padding:3% 0;}
.en .recruit-con{ font-size:14px}
.en .prototal .item:nth-child(2){margin-left: -100px;} 
.en .prototal .item:nth-child(3){margin-left: -30px;} 
.en .prototal .item:nth-child(5){margin-left: -50px;} 
.en .prototal .item:nth-child(7){margin-left: -150px;}
.en .content_product .lxfs span{ font-weight:normal}
.en .ibanner .txt h1 span{ font-size:30px; font-style:italic; line-height:50px;}
.en .menu li:nth-child(2){ width:15%}
.en .ibanner .intro{ font-size:22px; line-height:32px;}
.en .content_abt .right_img{ margin-top:-65px}
.en .content_abt .left_txt{ font-size:18px; line-height:33px}
.en .content_abt .left_txt p:last-child{ margin-bottom:0}
/*.en .lxfs{ width:100%}*/
.hostory .mCSB_outside+.mCSB_scrollTools{ right: -10px;}
.hostory .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(0,0,0,.1);}




.nproducts .pro-nav{text-align:center; max-width:800px; margin:0 auto 30px auto;}
.nproducts .pro-nav li{ padding:0 20px; display: inline-block; margin:0; }
.nproducts .pro-nav a{ display:block; font-size:18px; color:#333; padding-bottom:7px; display:block; border-bottom:solid 3px #fff}
.nproducts .pro-nav .cur a, .iproduct .pro-nav a:hover{border-bottom:solid 3px #e60012}
.nproducts .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.nproducts .protab-wrap .item.cur{height: auto;opacity: 1;}
.nproducts .product-list{ position:relative}
.nproducts .product-list .swiper-container{position:relative; margin:0 auto; width:calc(100% - 100px)}
.nproducts .product-list .swiper-slide{position:relative; overflow:hidden}
.nproducts .product-list .swiper-slide a{margin:10px; width:calc(100% - 20px); box-shadow: 0 0 5px #a5a5a5;background:#fff; display:block; position:relative}
.nproducts .product-list .swiper-slide .pic { width:100%; overflow:hidden; border:solid 1px #ddd}
.nproducts .product-list .swiper-slide .pic img{ display:block; width:100%; height:auto;transition: all 1.5s;}
.nproducts .product-list .swiper-slide:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.nproducts .product-list .swiper-slide .wenzi{ line-height:20px; height:50px;display:flex;align-items:center; }
.nproducts .product-list .swiper-slide .wenzi h3{ text-align:center; font-size:15px; width:100%}

.nproducts .product-list .swiper-button-prev, .nproducts .product-list .swiper-button-next{ width:25px; height:35px; margin-top:-24.5px; outline:none; border:solid 1px #ddd; border-radius:5px; opacity:1 !important}
.nproducts .product-list .swiper-button-prev.swiper-button-disabled{ background:url(../images/arrow-prev03.png) #aeaeae no-repeat center center; background-size:12px auto; left:0}
.nproducts .product-list .swiper-button-next.swiper-button-disabled{ background:url(../images/arrow-next03.png) #aeaeae no-repeat center center; background-size:12px auto;right:0}
.nproducts .product-list .swiper-button-prev{ background:url(../images/arrow-prev03.png) #1f4c9f  no-repeat center center;background-size:12px auto;left:0}
.nproducts .product-list .swiper-button-next{ background:url(../images/arrow-next03.png) #1f4c9f no-repeat center center; background-size:12px auto;right:0}
.nproducts .product-list .swiper-button-prev:hover{ background:url(../images/arrow-prev03.png) #e60012  no-repeat center center;background-size:12px auto;left:0}
.nproducts .product-list .swiper-button-next:hover{ background:url(../images/arrow-next03.png) #e60012 no-repeat center center; background-size:12px auto;right:0}

.nproducts .kuaipro{ margin-top:70px;}
.nproducts img{ display:block; width:auto; max-width:100%}


.nproducts .prointro{ position:relative}
/*.content_product .prointro:before{ content:""; width:1px; height:50%; left:50%; top:50%; transform:translateY(-50%); background:#e8e8e8; position:absolute}*/
.nproducts .prointro .ltit{ text-align:center; background:#037de2; color:#fff;padding: 5px; line-height:35px; font-size:16px; border-right:1px solid #358ee2; margin-bottom:20px}
.nproducts .prointro .nitem{ float:left; width:50%;}
.nproducts .prointro .nitem img{ max-width:500px !important}




.nproducts .prointro .gongxu{ margin-top:26px}
.nproducts .prointro .gongxu p{ border-bottom:1px dotted #d8d8d8; padding:19.5px 0;padding-left:70px; position:relative}
.nproducts .prointro .gongxu span{ font-weight:bold; font-size:20px; background:#037de2;color:#fff; padding-right:6px; padding-left:6px; float:left; border-radius:5px; margin-right:15px; position:absolute; left:15px;top:15px;}
.nproducts .prointro .gongxu span:after{ content:""; width:0; height:0; display:block; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #037de2; position:absolute; right:-5px;top:5px}


.nproducts .lxleft{ width:37%; float:left}
.nproducts .lxright{ width:60%; float:right}
.nproducts .lxleft .kuai{ padding:22px 0; padding-left:56px; line-height:27px; border-bottom:solid 1px #ddd; font-size:16px;}
.nproducts .lxleft .kuai:nth-child(1){background:url(../images/cx01.jpg) no-repeat left center;}
.nproducts .lxleft .kuai:nth-child(2){background:url(../images/cx02.jpg) no-repeat left center;}
.nproducts .lxleft .kuai:nth-child(3){background:url(../images/cx03.jpg) no-repeat left center;}

.nproducts .lxleft .kuai:nth-child(1):hover{background:url(../images/cx001.png) no-repeat left center;}
.nproducts .lxleft .kuai:nth-child(2):hover{background:url(../images/cx002.png) no-repeat left center;}
.nproducts .lxleft .kuai:nth-child(3):hover{background:url(../images/cx003.png) no-repeat left center;}

.nproducts .lxleft .kuai h3{ font-size:20px;}

.inquiry .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#f5f5f7; border:solid 1px #ddd; line-height:48px;}
.inquiry .form .row_1 { margin-right:-15px}
.inquiry .form .row_1 input{ border:none; line-height:48px; background:#f5f5f7; width:calc(100% - 80px); float:right}
.inquiry .form .row_1 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.inquiry .form .row_2{ position:relative}
.inquiry .form .row_2 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:15px}
.inquiry .form .row_2 textarea{ width:100%; border:solid 1px #ddd;  height:100px; background:#f5f5f7; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:70px}
.inquiry .form .row .submit{ display:block;font-size:16px; border:none; margin:20px auto 0 auto;text-align:center; background: #1f4c9f; width:100%;line-height:40px; color:#fff;}
.inquiry .form .row .submit:hover{ background:#e50011}


.ititle{margin-bottom:35px;text-align:center;}
.ititle h3{ font-size:32px; color:#333;  line-height:50px; display:inline-block; position:relative }
.ititle h3:before{ content:""; width:80px; height:1px; background-color:rgba(0,0,0,0.2); left:-100px; top:50%; margin-top:-0.5px; position:absolute}
.ititle h3:after{ content:""; width:80px; height:1px;  background-color:rgba(0,0,0,0.2); right:-100px; top:50%; margin-top:-0.5px; position:absolute}


.iabout .abpic{ float:right; width:48%;}
.iabout .abpic .inabpic{ position:relative; padding-right:15px; padding-top:15px;}
.iabout .abpic .inabpic img{ display:block; width:100%; height:auto;}
.iabout .abpic .inabpic:after{ content:""; position:absolute; top:0; right:0; background:#f3f3f3; z-index:-1; width:calc(100% - 15px); height:calc(100% - 15px);}
.iabout .iableft{ float:left; width:48%; font-size:15px; line-height:30px; margin-top:20px}
.iabout .iableft p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.iabout .iableft .more a{ width:120px; display:block;  line-height:36px; border:solid 1px #ddd; margin-top:30px; border:solid 1px #ddd; padding-right:25px;background:url(../images/ahui.png) no-repeat 90% center; text-align:center; background-size:8px auto;}
.iabout .iableft .more a:hover{background:url(../images/abai.png) #1f4c9f no-repeat 90% center; border:solid 1px #1f4c9f; color:#fff;  background-size:8px auto;}

.mbgl{ background:#1f4c9f}
.mbgh{ background:#fafafa}
.inews .ititle h3{ color:#fff}
.inews .ititle h3:before{ background-color:rgba(255,255,255,0.2);}
.inews .ititle h3:after{ background-color:rgba(255,255,255,0.2);}
.inews .swiper-slide .pic{ margin-bottom:20px}
.inews .swiper-slide .day { margin-bottom:20px; color:#666}
.inews .swiper-slide .day h3{ font-size:24px}
.inews .swiper-slide .inewstitle{ margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:25px; min-height:50px; font-size:18px;}
.inews .swiper-slide .intro{ line-height:24px; min-height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666 }
.inews .swiper-slide{margin-bottom:50px; padding:20px 20px 40px 20px; background:#fff}
.inews .swiper-pagination-bullet{ width:12px; border-radius:0; height:12px; border:solid 1px #fff; background:none; opacity:1 !important; margin:0 5px !important; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.inews .swiper-pagination-bullet-active{ background:#fff; opacity:1; border:none}
.inews .swiper-slide{ position:relative; overflow:hidden}

.iproducts .pro-nav a{border-bottom: solid 3px #fafafa;}



.iyanfa .item{ float:left; width:49%; padding:15px; border:solid 1px #ddd; margin-bottom:2%; position:relative; overflow:hidden; }
.iyanfa .item:nth-child(2n){ float:right}
.iyanfa .item:nth-child(2n+1){ clear:both}
.iyanfa .item h3{ font-size:18px; margin-bottom:10px; color:#333}
.iyanfa .item p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; min-height:40px; color:#666;}
.iyanfa .item:after{ content:""; position:absolute; width:100%; height:100%; background:#1f4c9f; left:-100%; top:0; transition: all 0.6s ease 0s; z-index:-1}
.iyanfa .item:hover:after{ left:0}
.iyanfa .item:hover h3, .iyanfa .item:hover p{ color:#fff}
.iyanfa .more{ text-align:center}
.iyanfa .more a{ width:120px; display: inline-block;  line-height:36px; border:solid 1px #ddd; border:solid 1px #ddd; padding-right:25px;background:url(../images/ahui.png) no-repeat 90% center; text-align:center; background-size:8px auto;}
.iyanfa .more a:hover{background:url(../images/abai.png) #1f4c9f no-repeat 90% center; border:solid 1px #1f4c9f; color:#fff;  background-size:8px auto;}


.downlists { min-height:300px;}
.downlists .item{ float:left; width:49%; padding:15px; border:solid 1px #ddd; margin-bottom:2%; position:relative; overflow:hidden; }
.downlists .item:nth-child(2n){ float:right}
.downlists .item:nth-child(2n+1){ clear:both}
.downlists .item a{ font-size:18px; color:#333; display:block; background:url(../images/down01.png) no-repeat left center; background-size:20px auto;  padding-left:32px }
.downlists .item:after{ content:""; position:absolute; width:100%; height:100%; background:#1f4c9f; left:-100%; top:0; transition: all 0.6s ease 0s; z-index:-1}
.downlists .item:hover:after{ left:0}
.downlists .item:hover a{ color:#fff; background:url(../images/down02.png) no-repeat left center; background-size:20px auto;}

.downlists.downlists02 .item a{ background:url(../images/down11.png) no-repeat left center; background-size:20px auto; }
.downlists.downlists02 .item:hover a{ background:url(../images/down12.png) no-repeat left center; background-size:20px auto;}

.downlists.downlists03 .item a{ background:url(../images/down21.png) no-repeat left center; background-size:20px auto; }
.downlists.downlists03 .item:hover a{ background:url(../images/down22.png) no-repeat left center; background-size:20px auto;}

.nzzbg .zztop{ margin-bottom:40px}
.nzzbg .zztop ul li{ display:inline-block; float:left; width:23.5%; margin:0 2% 0 0; line-height:55px; text-align:center }
.nzzbg .zztop ul li:nth-child(4n){ margin-right:0}
.nzzbg .zztop ul li a{ display:block;font-size:20px; background:#009cff; color:#fff}
.nzzbg .zzconn{ clear:both}
.nzzbg .zzconn .kuai{ margin-bottom:60px; line-height:35px; font-size:16px;}
.nzzbg .zzconn .kuai img{ display:block; width:auto; max-width:100%; margin:0 auto;}
.nzzbg .zzconn .kuai h3{ font-size:22px; font-weight:bold; color:#002395; margin-bottom:10px; }
.nzzbg .zzconn .ttzslist{ padding-top:10px;}
.nzzbg .zzconn .ttzslist .item{ float:left; width:calc(23.5% - 2px); border:solid 1px #ddd; margin-right:2%; margin-bottom:2%; overflow:hidden}
.nzzbg .zzconn .ttzslist .item:nth-child(4n){ margin-right:0}
.nzzbg .zzconn .ttzslist .item:nth-child(4n+1){ clear:both}
.nzzbg .zzconn .ttzslist .item img{ display:block; width:100%; height:auto;transition: all 1.5s;}
.nzzbg .zzconn .ttzslist .item:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



.prointro table{ text-align:center; border-left:solid 1px #eee;  border-top:solid 1px #eee; font-size:17px; font-weight:bold; color:#037de1;}
.prointro table td{border-right:solid 1px #eee;  border-bottom:solid 1px #eee; padding:15px 5px; }
.prointro table tr:nth-child(2n+1) td{ background:#f7f7f7}
.prointro table tr:first-child td{ background:#037de1; color:#fff; padding:30px 5px; font-size:18px}
.prointro table img{ display:block; width:60%; height:auto; margin:0 auto}



.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}



.cksj .tabmenu{ margin-bottom:30px; margin-top:-20px}
.cksj .tabmenu li{ float:left;position:relative}
.cksj .tabmenu li{ display:block; color:#333; font-size:16px; padding-right:48px; line-height:40px; position:relative; transition:.5s; white-space:nowrap}
.cksj .tabmenu li:before {position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #d50a1d; transition-duration: .3s;}
.cksj .tabmenu li:after{position: absolute;right: 24px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc;}
.cksj li:last-child:after{ display:none}
.cksj .tabmenu li.cli, .cksj .tabmenu li:hover{ color:#e50011}
.cksj .tabmenu li.cli:before, .cksj .tabmenu li:hover::before{width: 44px;left: 0;}


.cksj #tabcontent { position:relative;}
.cksj #tabcontent .hidden {display:none;}

.honor li .img-dv{ position:relative; overflow:hidden}
.honor li .img-dv .img1{ display:block; width:100%;}
.honor li .img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}

.prointro .laimg{ position:relative; }
.prointro .laimg img:nth-child(2){position:absolute; left:50%; top:50%;display:none;  height:94px; width:200px; max-width:200px; margin-left:-100px; margin-top:-47px}
.prointro .laimg:hover img:nth-child(2){display:block; z-index:99}


.nproducts .kuaipro .huadong.last tr td:nth-child(1), .nproducts .kuaipro .huadong.last tr td:nth-child(1) a{ color:#F00  !important;text-decoration:underline;}
.nproducts .kuaipro .huadong.last tr:nth-child(1) td:nth-child(1), .nproducts .kuaipro .huadong.last tr:nth-child(1) td:nth-child(1) a{ color:#fff !important;text-decoration:none; border-bottom:0  }


@media screen and (max-width:640px){
.nproducts .prointro .nitem img{ width:auto; max-width:100% !important; margin-bottom:20px;}	
.nproducts .prointro .nitem{ float:none; width:100%}

.nproducts .prointro .gongxu p{padding-top: 12px; padding-bottom: 12px;}
.nproducts .prointro .gongxu span{font-size:16px;}
.nproducts .prointro .gongxu span:after{ border-top: 8px solid transparent;  border-bottom: 8px solid transparent; border-left: 8px solid #037de2;right: -4px;top: 2px;}
}