@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }

div { outline: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; max-width: 100%; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }



body,header{ max-width:1920px;margin:0 auto; }

/*input占位符*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: 0; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

img { cursor: pointer; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 10px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1180px; padding: 0; } }

/* layout start*/

.cxxuanyan-container .achevement-right{padding-top:20px;}
  .cxxuanyan-container .achevement-right .cxxuanyan-achevement-cx { max-width: 100%; }

@charset "UTF-8";
a:hover { text-decoration: none; }

ul, ol { list-style: none; }

/* 移动端点击a链接出现蓝色背景问题解决 */
.overflow { overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.db { display: block !important; }

.dn { display: none; }

@charset "UTF-8";
body { padding-top: 60px; }

header { width: 100%; height: 60px; padding: 10px 0; position: fixed; top: 0; z-index: 10; background-color: #fff; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); }

header .cx-logo { height: 100%; float: left; }

header .cx-logo img { height: 40px; display: block; }

header nav { position: absolute; top: 60px; width: 100%; background: white; left: 0; display: none; z-index: 99; height: 100vh; padding: 0px 15px 20px 15px; border-top: 1px solid #ccc; }

header nav li { width: 100%; line-height: 40px; font-size: 16px; position: relative; padding: 5px 0 10px 0; }

header nav li .nav-item { position: relative; border-bottom: 1px solid #ccc; }

header nav li .nav-item a { display: block; width: 100%; position: relative; z-index: 10; }

header nav li .nav-item.hassub span { display: block; }

header nav li .nav-item.cur a { color: #e9a13d; }

header nav li .nav-item.cur span::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

header nav li .nav-item span { display: none; position: absolute; right: 0; top: 0; width: 40px; height: 40px; float: right; }

header nav li .nav-item span:after { content: ""; width: 10px; height: 10px; border-top: 1px solid #333; border-right: 1px solid #333; position: absolute; top: 16px; right: 5px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

header nav li .subnav { padding-top: 10px; padding-left: 10px; display: none; }

header nav li .subnav a { width: 100%; display: block; line-height: 30px; font-size: 14px; }

header nav li .subnav .top-null { display: none; }

header .header-right { float: right; height: 100%; }

header .header-right .search-wrap { float: left; margin-right: 10px; }

header .header-right .search-wrap .search { padding: 8px; display: block; }

header .header-right .search-wrap .search-info { width: 100%; position: absolute; left: 0; padding: 20px 10px; top: 60px; background: white; display: none; z-index: 9; }

header .header-right .search-wrap .search-info form { position: relative; display: block; }

header .header-right .search-wrap .search-info .key { display: block; width: 100%; height: 36px; border: 1px solid #999; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; padding: 0 20px; }

header .header-right .search-wrap .search-info .sub { position: absolute; top: 0; right: 0; width: 56px; height: 36px; font-size: 0; background: url("../images/glass.png") no-repeat center; }

header .header-right .nav-wrap { width: 40px; height: 40px; position: relative; float: right; padding: 8px 5px; }

header .header-right .nav-wrap span { display: block; width: 100%; height: 2px; background-color: #666; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

header .header-right .nav-wrap span:nth-child(2) { margin: 9px 0; }

.banner { width: 100%; }

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

.tab { position: relative; z-index: 9; }

.tab .tab-title { position: relative; background-color: #f5f5f5; line-height: 60px; text-align: center; display: block; cursor: pointer; font-weight: bold; }

.tab .tab-title:after { content: ""; margin: 4px 0 0 10px; vertical-align: middle; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: #ccc transparent transparent transparent; }

.tab .menu { width: 100%; display: none; position: absolute; top: 62px; line-height: 50px; text-align: center; border-top: none; border-bottom: 1px solid #ddd; background-color: white; -webkit-box-shadow: 1px 1px 1px #F2F2F2; -moz-box-shadow: 1px 1px 1px #F2F2F2; box-shadow: 1px 1px 1px #F2F2F2; }

.tab .menu li { border-bottom: 1px solid #F2F2F2; }

.tab .menu li a { display: block; width: 100%; height: 100%; }

.tab .menu li:hover a, .tab .menu li:active a, .tab .menu li.cur a { background-color: #e9a13d; color: #fff; }

footer { width: 100%; }

.footer-top { width: 100%; background-color: #4c4c4c; padding: 30px 15px; }

.footer-top .title, .footer-top .show-list { width: 100%; line-height: 50px; color: white; border-bottom: 1px solid #999; position: relative; }

.footer-top .title:after, .footer-top .show-list:after { content: ""; width: 15px; height: 1px; background-color: white; position: absolute; right: 0; top: 25px; }

.footer-top .title:after, .footer-top .title:before { content: ""; width: 15px; height: 1px; background-color: white; position: absolute; right: 0; top: 25px; }

.footer-top .title:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.footer-top .footer-subnav { display: none; padding: 20px 0; }

.footer-top .footer-subnav a { font-size: 13x; color: #d4d4d4; display: block; line-height: 25px; }

.footer-top .footer-subnav a:hover { color: #E9A13D; }

.footer-bottom { width: 100%; background-color: #333333; text-align: center; padding: 10px 0; }

.footer-bottom .share a { margin-left: 5px; }

.footer-bottom .share img { vertical-align: middle; }

.footer-bottom .copyright { padding-top: 5px; color:#adadad; }
.footer-bottom .copyright a{color:#adadad;}
/*首页*/
.index-header { position: static; }

.index-banner ul li { position: relative; }

.index-banner ul li img { display: block; }

.index-banner ul li .banner1-text { width: 100%; position: absolute; padding: 0; overflow: hidden; top: 10%; left:8%;padding-bottom: 10px; }

.index-banner ul li .banner1-text .banner1-title { color: #3bafc7; font-weight: bold; font-size: 25px; line-height: 50px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity:0; }

.index-banner ul li .banner1-text .little-title { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); font-size: 16px; color: #333; -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity: 0; }

.index-banner ul li .banner2-text { position: absolute; top:20%; right: 25%; overflow: hidden; text-align: right; }

.index-banner ul li .banner2-text .banner2-text-top { font-size: 18px; color: #4c4c4c; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); line-height: 34px; -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity: 0; color:#444343; }

.index-banner ul li .banner2-text .banner2-text-middle { font-size: 25px; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); color: #000; -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity: 0; color:#e9a13d; }

.index-banner ul li .banner2-text .banner2-text-bottom { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 10px 0 4px 30px; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity: 0; }

.index-banner ul li .banner2-text .banner2-text-bottom li { width: 45px; height: 45px; text-align: center; line-height: 45px; margin-left: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #E9A13D; color: white; -webkit-box-shadow: -4px 4px 2px #b3afaf; -moz-box-shadow: -4px 4px 2px #b3afaf; box-shadow: -4px 4px 2px #b3afaf; }


.index-banner ul li .banner2-text .banner2-text-bottom-p , .index-banner ul li .banner1-text .little-title02 {color:#a7a7a7; font-size:12px; line-height:1.5; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; opacity: 0; }



    .index-banner ul li.swiper-slide-active .banner2-text .banner2-text-top ,
    .index-banner ul li.swiper-slide-active .banner2-text .banner2-text-middle,
    .index-banner ul li.swiper-slide-active .banner2-text .banner2-text-bottom,
    .index-banner ul li.swiper-slide-active .banner2-text .banner2-text-bottom-p,.index-banner ul li.swiper-slide-active .banner1-text .little-title02 {
             -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
            opacity:1;
    }
.index-banner ul li.swiper-slide-active .banner1-text .banner1-title , .index-banner ul li.swiper-slide-active .banner1-text .little-title{
    -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity:1;
}


@media (min-width:768px){
   .index-banner ul li .banner2-text{
       
   }

   .cxxuanyan-container .achevement-right{padding-top:0px;}

}

@media (min-width:1024px){
    .index-banner ul li .banner2-text .banner2-text-bottom-p , .index-banner ul li .banner1-text .little-title02{
        font-size:20px;
    }
}

@media (min-width:1200px){
    .index-banner ul li .banner2-text .banner2-text-bottom-p , .index-banner ul li .banner1-text .little-title02{
        font-size:30px;
        line-height:50px;
    }
    .index-banner ul li .banner1-text .banner1-title{
        margin-bottom:10px;
    }
}




.index-banner .iban-pages .swiper-pagination-bullet-active { background-color: #e9a13d; }

.index-banner .iban-pages span { background-color: #fff; opacity: 1; }

.index-select ul li { padding: 7px 15px; }

.index-select ul li a { display: block; position: relative; }

.index-select ul li .img-wrap { width: 100%; overflow: hidden; }

.index-select ul li .img-wrap .select-bg { width: 100%; display: block; -webkit-transition: all .7s ease; -o-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; }

.index-select ul li .select-bottom { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 5px 0px; height: 40px; background-color: #E9A13D; line-height: 30px; font-size: 0; }

.index-select ul li .select-bottom img { height: 30px; vertical-align: middle; }

.index-select ul li .select-bottom span { vertical-align: middle; font-size: 18px; font-weight: normal; color: #fff; display: inline-block; line-height: 30px; margin-left: 10px; }

.index-select ul li:hover .select-bg { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }

/* */
.full-about-news .full-itab { background-color: #f2f2f2; text-align: center; }

.full-about-news .full-itab .title { float: left; width: 50%; font-size: 18px; line-height: 52px;/* border-top: 2px solid #f2f2f2;*/ cursor: pointer; }

.full-about-news .full-itab .title::before { content: ''; display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-right: 10px; background-repeat: no-repeat; background-position: center; }

.full-about-news .full-itab .title::after { content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 32px; margin-left: 10px; background-repeat: no-repeat; background-position: center; background-image: url("../images/ibaico.png"); }

.full-about-news .full-itab .title.cur::after { background-image: url("../images/ibaicoac.png"); }

.full-about-news .full-itab .news-tit::before { background-image: url("../images/inewsbf.png"); }

.full-about-news .full-itab .news-tit.cur { color: #e9a13d; background-color: #fff; }

.full-about-news .full-itab .news-tit.cur::before { background-image: url("../images/inewsbfac.png"); }

.full-about-news .full-itab .about-tit::before { background-image: url("../images/iaboutbf.png"); }

.full-about-news .full-itab .about-tit.cur { color: #e9a13d; background-color: #fff; }

.full-about-news .full-itab .about-tit.cur::before { background-image: url("../images/iaboutbfac.png"); }

.inews-center { padding-top: 20px; padding-bottom: 20px; }

.inews-center a { display: block; }

.inews-center .top-news { color: #666; }

.inews-center .top-news .thumb { margin-bottom: 14px; overflow: hidden; }

.inews-center .top-news .thumb img { display: block; width: 100%; }

.inews-center .top-news .title { margin-bottom:5px; font-size: 18px; line-height: 28px; color: #010101; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.inews-center .top-news .desc { margin-bottom: 10px; font-size: 13px; line-height: 21px; display: -webkit-box; height: 42px; line-height: 21px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.inews-center .top-news .more { font-size: 14px; line-height: 24px; }

.inews-center .inews-list li { border-bottom: 1px solid #e6e6e6; }

.inews-center .inews-list a { position: relative; padding-left: 102px; padding: 21px 0 24px 102px; }

.inews-center .inews-list .title { margin-bottom: 4px; font-size: 18px; line-height: 28px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.inews-center .inews-list .desc { font-size: 14px; color: #666; display: -webkit-box; height: 42px; line-height: 21px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.inews-center .inews-list .date { position: absolute; top: 21px; left: 0; background-color: #ebebeb; text-align: center; color: #666; padding: 9px 12px 8px; }

.inews-center .inews-list .date::after { position: absolute; left: 50%; bottom: -26px; margin-left: -13px; content: ''; width: 0; height: 0; border: 13px solid transparent; border-top-color: #ebebeb; }

.inews-center .inews-list .date .dd { font-size: 36px; line-height: 40px; font-weight: bold; }

.inews-center .inews-list .date .yy-mm { font-size: 13px; line-height: 21px; }

.f-about { display: none; width: 100%; padding-top: 20px; background: url("../images/faboutbg.jpg") no-repeat center bottom; -moz-background-size: contain; -o-background-size: contain; background-size: contain; text-align: center; }

.f-about .name { margin-bottom: 20px; font-size: 20px; line-height: 32px; font-weight: bold; color: #e9a13d; }

.f-about .desc { font-size: 16px; line-height: 28px; max-width: 40em; margin: 0 auto; color:#666666; }

.num-info { padding: 16px 0 30px; }

.num-info .item { text-align: center; margin-bottom: 15px; }

.num-info .item .num { width: 80px; height: 80px; margin: 0 auto 18px; font-size: 40px; line-height: 80px; color: #e9a13d; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: bold; }

.num-info .item .text { font-size: 16px; line-height: 26px; }

.index-slide { position: fixed; bottom: 10%; right: 10px; z-index: 10; }

.index-slide div { text-align: center; width: 46px; height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #949494; margin-top: 10px; position: relative; }

.index-slide div img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index-container .index-tab { width: 100%; }

.index-container .index-tab .tab-top { width: 100%; height: 60px; background-color: #efecec; }

/*创芯宣言*/
.cxxuanyan-container { width: 100%; overflow: hidden; }

.cxxuanyan-container .achevement-wrap .cxxuanyan-text-title { color: #e9a13d; font-size: 18px; padding: 20px 0; }

.cxxuanyan-container .achevement-wrap .cxxuanyan-text { font-size: 14px; line-height: 30px; }

.cxxuanyan-container .achevement-right .cxxuanyan-achevement-cx { display: block; margin: 0 auto; }

/*关于我们*/
.aboutwe-container { width: 100%; padding-top: 15px; overflow: hidden; }

.aboutwe-container .about-left .aboutwe-english-title { font-size: 28px; color: #e6e6e6; line-height: 40px; font-weight: bold; }

.aboutwe-container .about-left .aboutwe-title { font-size: 22px; color: #e9a13d; margin-bottom: 10px; }

.aboutwe-container .about-right { display: block; }

.aboutwe-container .about-right .aboutwe-science { margin-bottom: 10px; display: block; margin: 0px auto; }

/*核心价值*/
.corevolue-container { width: 100%; }

.corevolue-container .corevalue-explain { background: #f3f4f6; padding: 10px; margin-top: 20px; }

.corevolue-container .corevalue-explain .corevalue-img { float: left; margin-right: 15px; }

.corevolue-container .corevalue-explain .corevolue-title { color: black; font-weight: bold; font-size: 18px; line-height: 34px; }

.corevolue-container .corevalue-explain .corevalue-detail { line-height: 30px; }

.corevolue-container .corevolue-list { margin: 40px 0; }

.corevolue-container .corevolue-list .item { width: 100%; padding: 10px; overflow: hidden; border-bottom: 1px solid #ccc; }

.corevolue-container .corevolue-list .item .item-left { float: left; }

.corevolue-container .corevolue-list .item .item-left .num, .corevolue-container .corevolue-list .item .item-left .theme, .corevolue-container .corevolue-list .item .item-left .info { font-weight: bold; }
 .corevolue-container .corevolue-list .item .item-left .info{
     font-weight: normal;
 }
.corevolue-container .corevolue-list .item .item-left .num { color: #b2b2b2; }

.corevolue-container .corevolue-list .item .item-left .theme { color: #4c4c4c; font-size: 16px; }

.corevolue-container .corevolue-list .item .item-left .info { font-size: 14px; }

.corevolue-container .corevolue-list .item .item-right { float: right; width: 50px; }

/*产品与服务*/
.service-container { padding-top: 20px; padding-bottom: 20px; }

.service-container .service-item { margin-bottom: 20px; }

.service-container .service-item .item-left { display: block; width: 100%; height: 100%; padding: 20px; background-color: #f6f6f6; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }

.service-container .service-item .item-left img { display: block; margin: 0 auto; }

.service-container .service-item .item-right { display: block; height: 100%; width: 100%; border: 1px solid #ebebeb; padding: 10px; border-top: none; }

.service-container .service-item .item-right .item-title { line-height: 30px; }

.service-container .service-item .item-right .item-info { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.service-container .service-item .item-right .more { padding: 5px 20px; border: 1px solid #666; color: #666; margin: 20px 0; display: inline-block; }

/*荧光免疫分析仪*/
.analyzer-container { width: 100%; }

.analyzer-container .analzer-top { width: 100%; padding-top: 30px; }

.analyzer-container .analzer-top .analzer-photo { width: 100%; }

.analyzer-container .analzer-top .analzer-photo .photo-left { position: relative; }

.analyzer-container .analzer-top .analzer-photo .photo-left li img { display: block; width: 100%; }

.analyzer-container .analzer-top .analzer-photo .pleft-pages span { opacity: 1; background-color: #ccc; }

.analyzer-container .analzer-top .analzer-photo .pleft-pages .swiper-pagination-bullet-active { background-color: #e9a13d; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper { display: none; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev, .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next { width: 100%; height: 20px; background-color: #e4e4e4; position: relative; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev { margin-bottom: 10px; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev:before { content: ""; width: 10px; display: inline-block; height: 10px; border-top: 1px solid #666; border-left: 1px solid #666; position: absolute; top: 8px; left: 50%; margin-left: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev:hover { background-color: #f7931c; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev:hover:before { border-color: white; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next:before { content: ""; width: 10px; display: inline-block; height: 10px; border-bottom: 1px solid #666; border-right: 1px solid #666; position: absolute; top: 2px; left: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: -5px; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next:hover { background-color: #f7931c; }

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next:hover:before { border-color: white; }

.analyzer-container .analzer-top .analzer-photo .photo-right { width: 100%; }

.analyzer-container .analzer-top .analzer-photo .photo-right .photo-list { width: 100%; }

.analyzer-container .analzer-top .analzer-photo .photo-right .photo-list li { background: #E4E4E4; position: relative; }

.analyzer-container .analzer-top .analzer-photo .photo-right .photo-list li img { display: block; width: 100%; }

.analyzer-container .analzer-top .analzer-photo .photo-right .photo-list li.photo-active { background-color: #f6f6f6; }

.analyzer-container .analzer-top .analzer-detail { width: 100%; float: left; font-size: 14px; line-height: 24px; }

.analyzer-container .analzer-top .analzer-detail .analzer-title { font-size: 18px; padding-bottom: 10px; }

.analyzer-container .analzer-top .analzer-detail .analzer-text { font-size: 14px; line-height: 24px; }

.analyzer-container .analzer-detail { width: 100%; padding: 10px 0; }

.analyzer-container .analzer-detail .analzer-title { color: black; padding: 10px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; line-height: 1.4em; font-size: 16px; }

.analyzer-container .analzer-detail .analzer-text:nth-of-type(1) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.analyzer-container .analzer-detail .analzer-text:nth-of-type(2) { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.analyzer-container .analyzer-bottom { width: 100%; padding: 30px 0; }

.analyzer-container .analyzer-bottom .product-feature, .analyzer-container .analyzer-bottom .clinical { margin-bottom: 30px; }

.analyzer-container .analyzer-bottom .item-top { margin-bottom: 10px; }

.analyzer-container .analyzer-bottom .item-top .item-img { float: left; width: 18px; margin-right: 5px; }

.analyzer-container .analyzer-bottom .item-top .item-title { color: #333; font-size: 16px; line-height: 18px; }

.analyzer-container .analyzer-bottom .advantage-list li { margin-left: 15px; position: relative; }

.analyzer-container .analyzer-bottom .advantage-list li:before { content: ""; width: 2px; height: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #666; position: absolute; top: 10px; left: -10px; }

/*研发团队*/
.team-container .update, .product-container .update, .news-container .update { padding-top: 100px; padding-bottom: 70px; }

.team-container .update img, .product-container .update img, .news-container .update img { width: 40%; display: block; margin: 0 auto; }

/*行业资讯*/
.information-container { padding-top: 20px; padding-bottom: 20px; }

.information-container .information-top { position: relative; }

.information-container .information-top .top-item { width: 100%; background-color: #f5f5f5; }

.information-container .information-top .top-img { display: block; width: 100%; }

.information-container .information-top .top-img img { display: block; margin: 0 auto; }

.information-container .information-top .top-info { display: block; width: 100%; background-color: #f5f5f5; padding: 10px 10px 20px 10px; position: relative; }

.information-container .information-top .top-info .info-title { font-size: 16px; color: black; line-height: 30px; padding-bottom: 20px; white-space: normal ; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;     display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; height:60px; }

.information-container .information-top .top-info .info-text { font-size: 14px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.information-container .information-top .top-info .info-nab { position: absolute; left: 20px; bottom: 10px; }

.information-container .information-top .top-info .info-nab span { width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #d9d9d9; display: inline-block; }

.information-container .information-top .top-info .info-nab span.active { background-color: #E9A13D; }

.information-container .info-pages span { opacity: 1; background-color: #d9d9d9; }

.information-container .info-pages .swiper-pagination-bullet-active { background-color: #e9a13d; }

.information-newslist { width: 100%; background-color: #f5f5f5; padding-top: 20px; padding-bottom: 10px; }

.information-newslist .item-wrap { padding-bottom: 20px; }

.information-newslist .newslist-item { background-color: white; padding: 0 20px 50px 20px; position: relative; }

.information-newslist .newslist-item a { width: 100%; height: 100%; display: block; }

.information-newslist .newslist-item .item-date { background-color: #ebebeb; padding: 10px; display: inline-block; text-align: center; }

.information-newslist .newslist-item .item-date .day { color: #808080; font-size: 26px; }

.information-newslist .newslist-item .item-title { font-size: 18px; color: #333; line-height: 30px; margin: 20px 0; }

.information-newslist .newslist-item .inform-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; background-color: #E9A13D; opacity: 0; }

/*联系我们*/
.contact-container { padding-top: 20px; padding-bottom: 20px; }

.contact-container .contact-company { font-size: 18px; color: #E9A13D; line-height: 34px; }

.contact-container .contact-info { line-height: 30px; color: #808080; }

.contact-container .contact-info a { color: #808080; }

.contact-container #ourmap { width: 100%; height: 200px; margin: 20px 0; }

.contact-container #ourmap img { max-width: none; }

/*人才理念*/
.talent-container { padding-top: 20px; padding-bottom: 20px; }

.talent-container .talent-list { padding: 20px 0; }

.talent-container .talent-list .talent-item { padding-bottom: 20px; text-align: center; }

.talent-container .talent-list .talent-item .item-wrap { padding-bottom: 30px; }

.talent-container .talent-list .talent-item .item-image { width: 100%; display: block; }

.talent-container .talent-list .talent-item .item-info { font-size: 16px; }

/*招聘职位详情*/
.jobdetail-container { padding-top: 20px; padding-bottom: 20px; }

.jobdetail-container .detail-top { width: 100%; padding: 15px 20px; background-color: #f2f2f2; }

.jobdetail-container .detail-top .detail-type { height: 100%; position: relative; margin-bottom: 20px; }

.jobdetail-container .detail-top .detail-type select { width: 100%; height: 100%; line-height: 40px; padding-left: 10px; color: #808080; }

.jobdetail-container .detail-top .detail-type:after { content: ""; width: 40px; height: 40px; background-color: #E9A13D; position: absolute; top: 0; right: 0; pointer-events: none; background-image: url(../images/jobdetaildrop.png); background-position: center; }

.jobdetail-container .detail-top .keyword { position: relative; height: 100%; }

.jobdetail-container .detail-top .keyword input { width: 100%; line-height: 40px; padding-left: 10px; }

.jobdetail-container .detail-top .keyword .spanbtn { display: inline-block; height: 40px; width: 40px; background-color: #E9A13D; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; padding-top: 2px;  border:none; outline:none; background-image:url(/Res/dist/images/jobdetailsearch.png);background-repeat:no-repeat;background-position:center center; }

/*
 .jobdetail-container .detail-top .keyword span { display: inline-block; height: 40px; width: 40px; background-color: #E9A13D; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; padding-top: 2px; }   
 */

.jobdetail-container .detail-top :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #808080; }

.jobdetail-container .detail-top ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #808080; }

.jobdetail-container .detail-top input:-ms-input-placeholder, .jobdetail-container .detail-top textarea:-ms-input-placeholder { color: #808080; }

.jobdetail-container .detail-top input::-webkit-input-placeholder, .jobdetail-container .detail-top textarea::-webkit-input-placeholder { color: #808080; }

.jobdetail-container .title-list { display: none; }

.jobdetail-container .detail-list { width: 100%; padding: 30px 0; font-size: 15px; }

.jobdetail-container .detail-list .list-item { display: block; padding: 20px 0; border-bottom: 1px solid #f2f2f2; }

.jobdetail-container .detail-list .list-item a { display: block; }

.jobdetail-container .detail-list .list-item .name { color: #E9A13D; display: block; width: 100%; height: 100%; line-height: 28px; font-weight: bold; }

.jobdetail-container .detail-list .list-item:first-child { border-top: 1px solid #f2f2f2; }

.jobdetail-container .detail-list .null { width: 100%; height: 40px; }

/*职位招聘*/
.job-container { padding: 30px 10px; }

.job-container .job-name { color: #E9A13D; font-size: 16px; line-height: 40px; border-bottom: 1px solid #d9d9d9; }

.job-container .job-demand { padding: 20px 0px; line-height: 30px; }

.job-container .job-demand span { display: inline-block; }

.job-container .job-demand span:first-child { width: 30%; }

.job-container .job-describe { line-height: 30px; }

.job-container .job-resume { padding: 20px 0; }

.job-container .job-resume a { padding: 0 30px; height: 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #E9A13D; display: inline-block; color: white; line-height: 30px; }

.job-container .job-email { width: 100%; background-color: #f2f2f2; padding: 15px 0 15px 10px; }

.job-container .job-email a { color: #E9A13D; }

/*公司福利*/
.welfare-container { padding-top: 20px; padding-bottom: 20px; }

.welfare-container .welfare-title { color: #E9A13D; line-height: 40px; }

.welfare-container .welfare-environment { padding: 20px 0; }

.welfare-container .welfare-environment .environment-swiper .swiper-slide img { width: 100%; display: block; }

.welfare-container .welfare-develop .develop-title { padding-bottom: 20px; }

.welfare-container .welfare-develop img { display: block; margin: 0 auto; }

.welfare-container .welfare-payment, .welfare-container .welfare-wellbeing { width: 100%; padding: 50px 0 0; text-align: center; }

.welfare-container .welfare-payment .payment, .welfare-container .welfare-wellbeing .payment { padding-bottom: 20px; font-size: 18px; line-height: 30px; font-weight: bold; color: #333333; }

.welfare-container .payment-list li { width: 50%; float: left; }

.welfare-container .payment-list li p { font-size: 14px; padding-bottom: 40px; font-weight: bold; }

.welfare-container .culture { color: #333; }

.welfare-container .welfare-culture .culture-list { width: 250px; margin: 0 auto; padding: 20px 40px; }

.welfare-container .welfare-culture .culture-list li { padding: 5px 10px; border: 1px solid #ccc; text-align: center; color: #999; cursor: pointer; }

.welfare-container .welfare-culture .culture-list li:first-child { float: left; }

.welfare-container .welfare-culture .culture-list li:last-child { float: right; }

.welfare-container .welfare-culture .culture-list li.active { border: 1px solid #E9A13D; color: #E9A13D; }

.welfare-container .welfare-culture .culture-photo { display: none; }

.welfare-container .welfare-culture .culture-photo img { width: 100%; display: block; margin: 0 auto; margin-bottom: 20px; }

.welfare-container .swiper-button-prev, .welfare-container .swiper-button-next { background-color: #f2f2f2 !important; background-image: none !important; width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; }

.welfare-container .swiper-button-prev:hover, .welfare-container .swiper-button-next:hover { background-color: #E9A13D; }

.welfare-container .swiper-button-prev { left: 0 !important; }

.welfare-container .swiper-button-prev:after, .welfare-container .swiper-button-next:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; border-top: 2px solid #b3b3b3; border-left: 2px solid #b3b3b3; margin-top: -7px; }

.welfare-container .swiper-button-prev:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -5px; }

.welfare-container .swiper-button-next:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -10px; }

.welfare-container .swiper-button-next { right: 0 !important; }

/*新闻中心详情*/
.newscenter-container .newscenter-top { padding: 20px 0; }

.newscenter-container .newscenter-top .top-title { font-size: 18px; font-weight: bold; line-height: 32px; }

.newscenter-container .newscenter-top .top-date { color: #E9A13D; font-size: 12px; line-height: 16px; }

.newscenter-container .newscontent { padding: 20px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; position: relative; }

.newscenter-container .newscontent .share { display: none; position: fixed; bottom: 50%; left: 0; }

.newscenter-container .newscontent .share img { display: block; width: 40px; }

.newscenter-container .newscontent .news-img { padding: 10px 0; }

.newscenter-container .news-bottom { padding: 20px 0; }

.newscenter-container .news-bottom .back-list { height: 30px; line-height: 30px; text-align: center; background-color: #E9A13D; width: 140px; margin: 20px auto; }

.newscenter-container .news-bottom .back-list a { color: white; }

.list-more { display: block; width: 100%; line-height: 40px; text-align: center; background-color: #E9A13D; color: white; cursor: pointer; }

.list-more:hover { background-color: #E9Ad3D; }

@charset "UTF-8";
/*头部媒体查询*/
@media (min-width: 768px) { header { padding-top: 10px; padding-bottom: 20px; }
  /*首页*/
    .index-banner ul li .banner1-text {top:24%;}
  .index-banner ul li .banner1-text .banner1-title { font-size: 40px; line-height: 65px; }
  .index-banner ul li .banner1-text .little-title { font-size: 24px; }
  .index-banner ul li .banner2-text .banner2-text-top { font-size: 22px; line-height: 50px; }
  .index-banner ul li .banner2-text .banner2-text-middle { font-size: 40px; line-height: 60px; }
  .index-banner ul li .banner2-text .banner2-text-bottom { font-size: 22px; }
  .index-banner ul li .banner2-text .banner2-text-bottom li { width: 60px; height: 60px; line-height: 60px; }
  .index-select ul li { width: 50%; float: left; padding: 15px 15px; }
  .num-info { max-width: 795px; margin: 0 auto; }
  .num-info .item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 30%; }
  /*关于我们*/
  .aboutwe-container .about-left .aboutwe-english-title { font-size: 30px; }
  .aboutwe-container .about-left .aboutwe-title { font-size: 20px; }
  /*创芯宣言*/
  /*研发团队*/
  .team-container .update, .product-container .update, .news-container .update { padding-top: 100px; padding-bottom: 70px; }
  .team-container .update img, .product-container .update img, .news-container .update img { width: 30%; }
  /*产品与服务*/
  .service-container .service-item { height: 230px; }
  .service-container .service-item .item-left { width: 30%; float: left; height: 100%; overflow: hidden; }
  .service-container .service-item .item-left img { width: 100%; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  .service-container .service-item .item-right { width: 70%; float: right; height: 100%; padding: 40px 20px; border-top: 1px solid #ebebeb; border-left: none; }
  .service-container .service-item .item-right .item-title { font-size: 20px; padding-bottom: 30px; }
  /*行业资讯*/
  .information-newslist { overflow: hidden; }
  .information-newslist .newslist { margin: 0 -10px; }
  .information-newslist .item-wrap { width: 50%; float: left; padding: 0 10px 20px; }
  .information-newslist .newslist-item { min-height: 400px; }
  /*联系我们*/
  .contact-container #ourmap { width: 100%; height: 300px; margin: 20px 0; }
  /*招聘职位详情*/
  .jobdetail-container .detail-top { padding: 20px 60px; }
  .jobdetail-container .detail-list .list-item h4 { width: 50%; float: left; }
  .jobdetail-container .detail-list .list-item h4:first-child { width: 100%; }
  /*公司福利*/
  .welfare-container .welfare-environment .environment-swiper .swiper-slide { width: 50%; }
  .welfare-container .welfare-environment .environment-swiper .swiper-slide img { width: 100%; }
  .welfare-container .payment-list li { width: 33.33%; float: left; }
  .welfare-container .welfare-culture { overflow: hidden; }
  .welfare-container .welfare-culture .culture-photo { width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px); margin-left: -10px; }
  .welfare-container .welfare-culture .culture-photo .photo { float: left; width: 33.33%; padding: 0 10px; }
  .welfare-container .welfare-culture .culture-photo .photo img { width: 100%; }
  .welfare-container .welfare-env .next { left: 5px; }
  .welfare-container .welfare-env .prev { right: 5px; }
  /*end 768*/ }

@media (min-width: 992px) { .information-newslist { padding: 20px 40px; } }

@charset "UTF-8";
@media (min-width: 1024px) { body { padding-top: 0; }
  header { position: fixed; height: 94px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  header .cx-logo { padding-top: 18px; }
  header .cx-logo img { height: 59px; }
  header .header-info { float: right; }
  header .nav-wrap { display: none; }
  header nav { width: auto; display: block; position: static; float: left; height: 94px; margin-left: 50px; padding: 0; border: 0; background: none; }
  header nav li { width: auto; height: 94px; float: left; text-align: center; line-height: 90px; padding: 0; border: none; z-index: 9; }
  header nav li .nav-item { width: 100%; height: 100%; border: none; padding: 0 14px; }
  header nav li .nav-item a { padding: 0 10px; width: auto; color: #333; line-height: 94px; min-width:80px;}
  header nav li .nav-item span.into { display: none; }
  header nav li .nav-item.cur a { background: #E9A13D; color: #fff; }
  header nav li:hover .nav-item a { background: #E9A13D; color: #fff; }
  header nav li .subnav { position: absolute; top: 94px; display: none; z-index: 9; padding: 0; width: 200px !important; margin-left: -44px; padding-bottom: 20px !important; text-align: left; width: 100%; left: 0; }
  header nav li .subnav a { text-align:center; padding-left: 0px; line-height: 30px; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
  header nav li .subnav a:nth-of-type(1) { padding-top: 10px; }
  header nav li .subnav a:last-child { padding-bottom: 10px; }
  header nav li .subnav a:hover { color: #E9A13D; font-weight: bold;  }
  header nav li .subnav .top-null { width: 100%; height: 0px; overflow:hidden; position: relative; display: block; }
  header nav li .subnav .top-null img { position: absolute; left: 0; bottom: 0; display: block; }
  header .header-right { float: left; margin-left: 30px; }
  header .header-right .search-wrap { position: relative; margin: 0; padding-top: 27px; }
  header .header-right .search-wrap .search { margin: 0; }
  header .header-right .search-wrap .search-info { top: 94px; right: 0; left: auto; width: 260px; margin-left: -260px; padding: 5px; background: none; background: #fff;  box-shadow: 0 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
  header .header-right .search-wrap .search-info .key { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #ccc; height: 40px; width:78%;}
  header .header-right .search-wrap .search-info .sub { height: 40px; }
  header .header-right .search-wrap .search-info input { width: 80%; height: 100%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  header .header-right .search-wrap .search-info img { width: 18px; right: 5%; top: 11px; }
  .banner { width: 100%; padding-top: 94px; }
  .footer-top { padding: 20px 60px; }
  /* .footer-top .footer-list { height: 150px; } */
  .footer-top .footer-list li { width: 20%; float: left; height: 100%; text-align: center; border-left: 1px solid #666; }
  .footer-top .footer-list li .title { width: auto; border: none; }
  .footer-top .footer-list li .title:after, .footer-top .footer-list li .title:before { display: none; }
  .footer-top .footer-list li:last-child { border-right: 1px solid #666; }
  .footer-top .footer-subnav { display: block; padding: 0; }
  .footer-bottom { text-align: left; padding: 10px; }
  .footer-bottom .share { float: right; }
  .footer-bottom .copyright { float: left; }
  .tab { background-color: #f5f5f5; }
  .tab .tab-title { display: none; }
  .tab .menu { background-color: #f5f5f5; width: 100%; display: block; position: static; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; }
  .tab .menu li { float: left; text-align: center; line-height: 60px; color: black; }
  .tab .menu li a { width: 100%; height: 100%; display: block; padding: 0 50px; font-size: 16px; font-weight: normal; }
  /*首页*/
  .index-header { width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.8); }
  .index-header nav { background-color: rgba(255, 255, 255, 0); }
  .index-banner ul li .banner1-text { top: 40%; }
  .index-banner ul li .banner1-text .banner1-title { font-size: 60px; margin-bottom: 10px; }
  .index-banner ul li .banner1-text .little-title { font-size: 30px; }
  .index-banner ul li .banner2-text { top: 35%; }
  .index-banner ul li .banner2-text .banner2-text-top { font-size: 30px; line-height: 36px; }
  .index-banner ul li .banner2-text .banner2-text-middle { font-size: 50px; }
  .index-banner ul li .banner2-text .banner2-text-bottom li { width: 70px; height: 70px; line-height: 70px; font-size: 24px; }
  .index-banner .iban-pages { bottom: 17px; font-size: 0; }
  .index-banner .iban-pages span { width: 12px; height: 12px; margin: 0 6px; }
  .index-select ul li { width: 25%; padding: 3px; padding-top:6px; padding-bottom:6px;  }
  .index-select ul li:nth-child(4n+1){padding-left:0px;}
  .index-select ul li:nth-child(4n){padding-right:0px;}
  .index-select ul li .select-bottom { padding: 10px 0; height: 50px; }
  .index-select ul li .select-bottom span { font-size: 20px; }
  .index-slide { bottom: 30%; right: 25px; }
  .index-slide div:hover { background-color: #E9A13D; }
  .full-about-news .full-itab .title { font-size: 24px; line-height: 96px; /*border-top: 3px solid #f2f2f2;*/ }
  .inews-center { position: relative; padding: 56px 460px 80px 0; }
  .inews-center .top-news { position: absolute; right: 0; top: 71px; float: right; width: 378px; }
  .inews-center .top-news .thumb { margin-bottom: 14px; overflow: hidden; }
  .inews-center .top-news img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .inews-center .top-news .desc { margin-bottom:12px; }
  .inews-center .top-news a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .inews-center .top-news a:hover .more, .inews-center .top-news a:hover .title { color: #E9A13D; }
  .inews-center .inews-list .title { margin-bottom: 13px; }
  .inews-center .inews-list a:hover .title { color: #E9A13D; }
  .inews-center .inews-list a:hover .date { background-color: #E9A13D; color: #fff; }
  .inews-center .inews-list a:hover .date::after{     border-top-color: #E9A13D; }
  .f-about { padding-top: 72px; }
  .f-about .name { font-size: 24px; line-height: 36px; }
  .num-info { padding: 32px 0 62px; }
  .num-info .item .num { width: 138px; height: 138px; margin: 0 auto 18px; font-size: 60px; line-height: 138px; }
  /*创芯宣言*/
  .cxxuanyan-container { padding-top: 128px; padding-bottom: 60px; }
  .cxxuanyan-container .achevement-wrap { float: left; width: 100%; }
    .cxxuanyan-container .achevement-wrap .achevement-right{
        float:right;
        margin-left:35px;
    }
  .cxxuanyan-container .achevement-wrap .cxxuanyan-text-title { font-size: 26px; line-height: 28px; padding-bottom: 47px; }
  .cxxuanyan-container .achevement-wrap .cxxuanyan-text { font-size: 16px; line-height: 30px; }
  .cxxuanyan-container .achevement-right .cxxuanyan-achevement-cx { width: auto; }

  
  /*关于我们*/
  .aboutwe-container { padding-top: 112px; font-size: 16px; padding-bottom: 50px; line-height: 30px; }
  .aboutwe-container .about-left { float: left; width: 48%; }
  .aboutwe-container .about-left .aboutwe-english-title { font-size: 40px; line-height: 40px; }
  .aboutwe-container .about-left .aboutwe-title { font-size: 30px; padding: 20px 0 30px 0; }
  .aboutwe-container .about-left .aboutwe-text { line-height: 30px; }
  .aboutwe-container .about-right { width: 50%; float: right; }
  /*核心价值*/
  .corevolue-container .corevalue-explain { padding: 40px; }
  .corevolue-container .corevalue-explain .corevalue-img { margin-right: 40px; }
  .corevolue-container .corevalue-explain .corevolue-title { font-size: 24px; margin-bottom: 15px; color:#333; }
  .corevolue-container .corevalue-explain .corevalue-detail { color: #666;font-size:16px; }
  .corevolue-container .corevolue-list { padding: 0 60px; }
  .corevolue-container .corevolue-list .item { padding: 40px; width: 50%; float: left; border-bottom: none; overflow: visible; position: relative; }
  .corevolue-container .corevolue-list .item:nth-child(2n+1){padding-left:0;}
    .corevolue-container .corevolue-list .item:nth-child(2n){padding-right:0;}
  .corevolue-container .corevolue-list .item .item-left .num, .corevolue-container .corevolue-list .item .item-left .theme, .corevolue-container .corevolue-list .item .item-left .info { font-size: 18px; line-height: 30px; }
  .corevolue-container .corevolue-list .item .item-left .info { line-height: 24px; font-size: 16px; }
  .corevolue-container .corevolue-list .item .item-right { width: auto; }
  .corevolue-container .corevolue-list .item:first-child::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #e6e6e6; bottom: 0px; left: 0; z-index: 9; }
  .corevolue-container .corevolue-list .item:first-child::after { content: ""; position: absolute; width: 1px; height: 150px; background-color: #e6e6e6; bottom: 0px; right: 0; z-index: 9; }
  .corevolue-container .corevolue-list .item:last-child::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #e6e6e6; top: -1px; left: 0; z-index: 9; }
  .corevolue-container .corevolue-list .item:last-child::after { content: ""; position: absolute; width: 1px; height: 150px; background-color: #e6e6e6; top: 0px; left: -1px; z-index: 9; }

  .corevolue-container .corevolue-list .item .item-left .info{color:#666; padding-top:5px;}



  /*服务与产品*/
  .service-container .service-item:hover .item-right .item-title { color: #E9A13D; }
  .service-container .service-item:hover .item-right .more { border: 1px solid #E9A13D; color: #E9A13D; }
  .service-container .service-item:hover .item-left img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  /*荧光免疫分析仪*/
  .analyzer-container .analzer-top { padding-top: 76px; }
  .analyzer-container .analzer-top .analzer-photo { width: 55%; float: left; }
  .analyzer-container .analzer-top .analzer-photo .photo-right .photo-list li { height: 90px; }
  .analyzer-container .analzer-top .analzer-detail { width: 45%; float: right; padding-left: 37px; font-size: 16px; line-height: 30px; padding-top: 0;}
  .analyzer-container .analzer-top .analzer-detail .analzer-title { font-size: 24px; padding-bottom: 20px; padding-top: 5px;font-weight:bold; }
    .analyzer-container .analzer-top .analzer-detail .analzer-desc{font-weight:normal; font-size:16px;color:#777;}
  .analyzer-container .analzer-top .analzer-detail .analzer-text { font-size: 16px; line-height: 30px; }
  .analyzer-container .analyzer-bottom .product-feature .item-top .item-img { margin-top: 4px; }
  .analyzer-container .analyzer-bottom .item-top { padding-bottom: 26px; margin-bottom:0; }
  .analyzer-container .analyzer-bottom .item-top .item-img { width: auto; margin-right: 10px; }
  .analyzer-container .analyzer-bottom .item-top .item-title { font-size: 22px; line-height: 36px; }
  .analyzer-container .analyzer-bottom .item-text, .analyzer-container .analyzer-bottom .advantage-list { font-size: 16px; line-height: 30px; }
  .analyzer-container .analyzer-bottom .advantage-list li { margin-left: 15px; position: relative; }
  .analyzer-container .analyzer-bottom .advantage-list li:before { content: ""; top: 15px; left: -10px; }
  /*研发团队*/
  .team-container .update, .product-container .update, .news-container .update { padding-top: 158px; padding-bottom: 98px; }
  .team-container .update img, .product-container .update img, .news-container .update img { width: auto; }
  /*行业资讯*/
  .information-container { padding-top: 67px; padding-bottom: 58px; }
  .information-container .information-top { height: 400px; }
  .information-container .information-top .info-pages { width: 33.3%; bottom: 43px; left: auto; right: 0; line-height: 0; text-align: left; padding-left: 2.54237%; }
  .information-container .information-top .info-pages span { width: 11px; height: 11px; }
  .information-container .information-top .top-img { width: 66.6%; float: left; }
  .information-container .information-top .top-img img { height: 400px; }
  .information-container .information-top .top-info { width: 33.3%; height: 400px; float: right; position: relative; padding: 5.08475% 2.54237%; }
  .information-container .information-top .top-info .info-title { font-size: 20px; }
  .information-container .information-top .top-info .info-text { margin-bottom: 50px; height: 96px; line-height: 24px; -webkit-line-clamp: 4; }
  .information-container .information-top .top-info .info-nab { left: 30px; bottom: 30px; }
  .information-container .information-top .info-detail { display: block; padding: 45px 0; }
  .information-newslist { padding: 20px 40px; }
  .information-newslist .newslist { padding: 0 40px; }
  .information-newslist .newslist .item-wrap { width: 33.33%; padding: 0 10px 20px; float: left; }
  .information-newslist .newslist .newslist-item { min-height: 400px; width: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
  .information-newslist .newslist .newslist-item .item-title, .information-newslist .newslist .newslist-item .item-tex { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
  .information-newslist .newslist .newslist-item .item-title { -webkit-line-clamp: 2; }
  .information-newslist .newslist .newslist-item .item-tex { -webkit-line-clamp: 4; }
  .information-newslist .newslist .newslist-item:hover { -webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px; }
  .information-newslist .newslist .newslist-item:hover .inform-hover { opacity: 1; }
  .information-newslist .newslist .newslist-item .inform-hover .title { padding: 50px 25px 0 25px; color: white; font-size: 18px; line-height: 30px; }
  .information-newslist .list-more { padding: 0px; background-color: white; }
  .information-newslist .list-more span { display: block; width: 100%; height: 100%; background-color: #E9A13D; }
  /*联系我们*/
  .contact-container { padding-top: 40px; padding-bottom: 86px; }
  .contact-container .contact-company { line-height: 42px; }
  .contact-container .contact-info { font-size: 15px; line-height: 36px; }
  .contact-container #ourmap { width: 100%; height: 400px; }
  /*人才理念*/
  .talent-container { overflow: hidden; }
  .talent-container .talent-list { width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); margin-left: -10px; padding-top:0; }
  .talent-container .talent-list .talent-item { width: 33.33%; text-align: left; float: left; padding: 0 10px; }
  .talent-container .talent-list .talent-item .img-wrap { overflow: hidden; }
  .talent-container .talent-list .talent-item .img-wrap .item-image { -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; }
  .talent-container .talent-list .talent-item .img-wrap .item-image:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .talent-container .talent-list .talent-item .item-info { font-size: 18px; line-height: 36px; font-weight: bold; }

  .welfare-container{
      padding-top:0;
  }


  /*招聘职位详情*/
  .jobdetail-container .detail-top { padding: 20px 200px; }
  .jobdetail-container .detail-top .detail-type { width: 38%; float: left; }
  .jobdetail-container .detail-top .detail-type select { cursor: pointer; padding-left: 20px; height: 50px; line-height: 50px; font-size: 15px; }
  .jobdetail-container .detail-top .detail-type:after { width: 50px; height: 50px; }
  .jobdetail-container .detail-top .keyword { height: 50px; float: right; width: 60%; }
  .jobdetail-container .detail-top .keyword input { padding-left: 20px; line-height: 50px; font-size: 15px; }
  .jobdetail-container .detail-top .keyword .spanbtn { width: 50px; height: 50px; line-height: 50px; cursor: pointer; }
  /*  .jobdetail-container .detail-top .keyword span { width: 50px; height: 50px; line-height: 50px; cursor: pointer; } */
  .jobdetail-container .title-list { display: block; border-bottom: 4px solid #efefef; padding: 60px 0 18px 26px; }
  .jobdetail-container .title-list h4 { width: 15%; float: left; text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; }
  .jobdetail-container .title-list h4:first-child { width: 40%; text-align: left; }
  .jobdetail-container .detail-list { padding-top: 0; }
  .jobdetail-container .detail-list .list-item { padding-left: 26px; }
  .jobdetail-container .detail-list .list-item h4 { width: 15%; text-align: center; }
  .jobdetail-container .detail-list .list-item h4:first-child { width: 40%; text-align: left; }
  .jobdetail-container .detail-list .list-item h4 span:first-child { display: none; }
  .jobdetail-container .detail-list .list-item:hover { background-color: #F2F2F2; }
  /*招聘职位*/
  .job-container { padding: 20px 40px; font-size: 16px; }
  .job-container .job-name { font-size: 20px; }
  .job-container .job-demand { width: 75%; padding: 20px 0px; line-height: 30px; }
  .job-container .job-demand .demand-item { width: 45%; float: left;margin: 0 5% 0 0; }
  .job-container .job-demand span { display: inline-block; }
  .job-container .job-demand span:first-child { width: 30%; }
  /*公司福利*/
  .welfare-container .welfare-title { font-size: 18px; }
  .welfare-container .prev, .welfare-container .next { display: block; }
  .welfare-container .welfare-environment { width: 100%; }
  .welfare-container .welfare-environment .environment-swiper .swiper-slide { width: 33.3%; }
  .welfare-container .welfare-environment .environment-swiper .swiper-slide img { width: 100%; }
  .welfare-container .welfare-environment .swiper-button-prev, .welfare-container .welfare-environment .swiper-button-next { display: block; }
  .welfare-container .welfare-develop .develop-title { padding-bottom: 20px; }
  .welfare-container .welfare-develop img { width: 60%; }
  .welfare-container .welfare-payment .payment, .welfare-container .welfare-wellbeing .payment { font-size: 22px; }
  .welfare-container .welfare-payment .payment-list li, .welfare-container .welfare-wellbeing .payment-list li { width: 16.66%; float: left; }
  .welfare-container .welfare-payment .payment-list li img, .welfare-container .welfare-wellbeing .payment-list li img { -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
  .welfare-container .welfare-payment .payment-list li:hover img, .welfare-container .welfare-wellbeing .payment-list li:hover img { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .welfare-container .welfare-culture { cursor: pointer; }
  .welfare-container .welfare-culture .culture-list { padding: 20px 0 34px 0; }
  .welfare-container .welfare-culture .culture-list li { font-size: 16px; line-height: 42px; padding: 0 20px; }
  .welfare-container .welfare-culture .culture-photo .photo img { padding-bottom: 30px; }
  .welfare-container .welfare-env { position: relative; }
  .welfare-container .welfare-env .next, .welfare-container .welfare-env .prev { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f2f2f2; position: absolute; top: 50%; margin-top: -21px; outline: none; }
  .welfare-container .welfare-env .next:after, .welfare-container .welfare-env .prev:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; border-top: 2px solid #b3b3b3; border-left: 2px solid #b3b3b3; margin-top: -7px; }
  .welfare-container .welfare-env .next:hover, .welfare-container .welfare-env .prev:hover { background-color: #E9A13D; }
  .welfare-container .welfare-env .next:hover:after, .welfare-container .welfare-env .prev:hover:after { border-top: 2px solid white; border-left: 2px solid white; }
  .welfare-container .welfare-env .next { left: -35px; }
  .welfare-container .welfare-env .prev { right: -35px; }
  .welfare-container .welfare-env .next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -5px; }
  .welfare-container .welfare-env .prev:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -10px; }
  .swiper-button-prev, .swiper-button-next { display: none; }

.welfare-container .payment-list li p{
      padding-bottom:10px;
      color:#666;
      padding-top:6px;
  }



  /*新闻中心详情*/
  .newscenter-container .newscenter-top { padding-top: 55px; padding-bottom: 0; }
  .newscenter-container .newscenter-top .top-title { font-size: 24px; line-height: 48px; }
  .newscenter-container .newscenter-top .top-date { font-size: 18px; padding: 6px 0 40px 0; }
  .newscenter-container .newscontent { padding: 40px 0 66px 140px; }
  .newscenter-container .newscontent .text { font-size: 16px; line-height: 30px; }
  .newscenter-container .newscontent .share { display: block; position: absolute; top: 40px; left: 0; }
  .newscenter-container .newscontent .share img { width: 100%; }
  .newscenter-container .news-bottom { padding: 38px 0 50px 0; }
  .newscenter-container .news-bottom .bottom-select { float: left; }
  .newscenter-container .news-bottom .bottom-select p { font-size: 14px; font-weight: bold; line-height: 30px; }
  .newscenter-container .news-bottom .back-list { width: 146px; height: 50px; font-size: 16px; text-align: center; float: right; line-height: 50px; }
  .list-more { line-height: 50px; } 
}


@media (min-width:1200px) {
     .index-banner ul li .banner1-text {top:30%; left: 8%;}
}


@media (min-width: 1260px) { .information-newslist .newslist { padding: 0; max-width: 1200px; margin: 0 auto; }
  .information-newslist .list-more { background-color: #f5f5f5; width: 1200px; margin: 0 auto; padding: 30px 10px; }
  .analyzer-container .analzer-top .analzer-photo { position: relative; 
    /* padding-right: 11.01695%;  */
}
  .analyzer-container .analzer-top .analzer-photo .pleft-pages { display: none; }
  .analyzer-container .analzer-top .analzer-photo .photo-right { height: 100%; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper { 
    position: relative; 
    /* top: 0; right: 0;  */
    height: 100%; display: block; 
    width: 100%; 
    padding: 5.08475% 0; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev { position: absolute; left: 0; top: 0; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next { position: absolute; left: 0; bottom: 0; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper li { position: relative; border: 0; margin-bottom: 0; overflow: hidden; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; border: 1px solid transparent; }
  .analyzer-container .analzer-top .analzer-photo .photo-right-wrapper li.photo-active::after { border-color: #E9A13D; } }

@charset "UTF-8";
@media (min-width: 1200px) { .information-newslist { padding-top: 56px; } }

@media (min-width: 1320px) { header { padding-left: 0; padding-right: 0; }
  header .header-info { float: right; }
  header .header-right { float: right; }
  .footer-top { padding: 30px 0; }
  .footer-top .title { line-height: 20px; }
  .footer-top .footer-subnav { padding-top: 20px; }
  .footer-top .footer-subnav a { line-height: 28px; font-size: 13px; }
  .footer-bottom .bottom-info { width: 1180px; margin: 0 auto; }
  .tab .menu { width: 1180px; margin: 0 auto; }
  /* .tab .menu li { width: 225px; } */
  /*首页*/
  .index-banner ul li .banner1-text { top: 40%;  }
  .index-banner ul li .banner1-text .banner1-title { font-size: 60px; margin-bottom: 25px; }
  .index-banner ul li .banner1-text .little-title { font-size: 30px; }
  .index-banner ul li .banner2-text { top: 32%; right: 28%; }
  .index-banner ul li .banner2-text .banner2-text-top { font-size: 40px; line-height: 36px; margin-bottom: 18px; }
  .index-banner ul li .banner2-text .banner2-text-middle { font-size: 60px; margin-bottom: 5px; }
  .index-banner ul li .banner2-text .banner2-text-bottom { width: 100%; }
  .index-banner ul li .banner2-text .banner2-text-bottom li { width: 80px; height: 80px; line-height: 80px; font-size: 28px; margin-left: 28px; }
  /*创芯宣言*/
  .cxxuanyan-container .achevement-wrap .cxxuanyan-text-title { font-size: 26px; }
  .cxxuanyan-container .cxxuanyan-achevement-cx { width: auto; }
  /*关于我们*/
  .aboutwe-container { padding-top: 112px; font-size: 16px; }
  .aboutwe-container .aboutwe-science { margin-left: 46px; }
  .aboutwe-container .aboutwe-english-title { font-size: 48px; }
  .aboutwe-container .aboutwe-title { font-size: 32px; }
  /*核心价值*/
  .corevolue-container .corevolue-list { padding: 0 110px; }
  /*服务与产品*/
  .service-container { padding: 56px 0; }
  .service-container .service-item { height: 270px; }
  .service-container .service-item .item-left { width: 30%; }
  .service-container .service-item .item-right { width: 70%; padding: 40px 38px; }
  .service-container .service-item .item-right .item-title { font-size: 20px; padding-bottom: 30px; }
  .service-container .service-item .item-right .more { margin: 30px 0; }
  /*荧光免疫分析仪*/
  /*人才理念*/
  .talent-container { padding-top: 54px; padding-bottom: 76px; }
  .talent-container .talent-list { width: 1200px; margin-left: -10px; }
  /*行业资讯*/
  .information-container { padding: 70px 0 56px 0; }
  .information-container .information-top { height: 442px; }
  .information-container .information-top .top-img img { height: 442px; }
  .information-container .information-top .top-info { padding: 60px 24px 30px 24px; height: 442px; }
  .information-container .information-top .top-info .info-title { font-size: 24px; line-height: 36px; padding-bottom: 30px; height:72px; overflow:hidden; }
  .information-newslist .newslist { width: 1200px; padding: 0; margin: 0 auto; padding-left: -10px; }
  .information-newslist .newslist .item-wrap { width: 33.3%; float: left; padding: 0 10px; margin-bottom: 20px; }
  .information-newslist .newslist .newslist-item { padding: 0 28px 138px 28px; height: 436px; margin-bottom: 0; }
  .information-newslist .newslist .newslist-item .item-date { padding: 18px; }
  .information-newslist .newslist .newslist-item .item-date .day { font-size: 36px; }
  .information-newslist .newslist .newslist-item .item-date .year-month { font-size: 12px; }
  .information-newslist .newslist .newslist-item .item-title { font-size: 20px; line-height: 30px; }
  .information-newslist .more { width: auto; margin: 0 10px; padding-top: 40px; }
  /*联系我们*/
  .contact-container { padding: 44px 0 40px 0; }
  .contact-container #ourmap { width: 100%; height: 486px; margin: 20px 0; }
  /*招聘职位详情*/
  .jobdetail-container { padding-top: 54px; padding-bottom: 48px; }
  .jobdetail-container .detail-top { padding: 28px 242px; }
  .jobdetail-container .detail-list table tr { line-height: 50px; }
  .jobdetail-container .detail-list table tr th { font-size: 16px; }
  .jobdetail-container .detail-list table tr td { font-size: 15px; }
  .jobdetail-container .detail-list table tr th:first-child, .jobdetail-container .detail-list table tr td:first-child { padding-left: 30px; }
  /*招聘职位*/
  .job-container { padding: 42px 0 60px 0; }
  .job-container .job-name { line-height: 50px; }
  .job-container .job-demand { padding: 36px 0; }
  .job-container .job-resume { padding: 36px 0 42px 0; }
  .job-container .job-resume a { height: 46px; padding: 0 44px; line-height: 46px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; }
  .job-container .job-email { width: 70%; padding: 20px 0 20px 24px; }
  /*公司福利*/
  .welfare-container .welfare-title { font-size: 22px; padding-top: 54px; padding-bottom: 10px; }
  .welfare-container .welfare-environment { width: 100%; }
  .welfare-container .welfare-develop { padding-bottom: 120px; }
  .welfare-container .welfare-develop .develop-title { font-size: 16px; padding-bottom: 30px; }
  .welfare-container .welfare-develop img { width: 50%; }
  .welfare-container .welfare-payment, .welfare-container .welfare-wellbeing { width: 100%; padding: 50px 0 0; text-align: center; }
  .welfare-container .welfare-payment .payment, .welfare-container .welfare-wellbeing .payment { font-size: 22px; line-height: 30px; padding-bottom: 30px; }
  .welfare-container .welfare-culture .culture-photo { width: 1210px; margin-left: -15px; }
  .welfare-container .welfare-culture .culture-photo .photo { padding: 0 15px; }
  .welfare-container .welfare-env .next, .welfare-container .welfare-env .prev { width: 42px; height: 42px; }
  .welfare-container .welfare-env .next { left: -78px; }
  .welfare-container .welfare-env .prev { right: -78px; } }

@media (min-width: 1440px) {
    .index-banner ul li .banner1-text{left:2%;}
}


/*  视频播放  */
.videomodal {width: 100%;height: 100%;position: fixed;top: 0; left: 0; right: 0;bottom: 0;z-index: 200;display: none;}
.videomodal .bg {background: rgba(0, 0, 0, 0.5);position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.videomodal .modalwrap {position: relative;width: 96%; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.videomodal .modalwrap .modalbtn { display: block;position: absolute;top: -30px; right: 0px; height: 30px; width: 30px; cursor:pointer;}
.videomodal .modalwrap .modalbtn:after {width: 20px; height: 1px; content: ''; background: #fff; position: absolute; top: 13px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.videomodal .modalwrap .modalbtn:before {width: 20px;height: 1px; content: '';  background: #fff;  position: absolute;  bottom: 15px;  -webkit-transform: rotate(45deg);
}
.videomodal .modalmain {  height: 250px;  background: #000;}
@media (min-width: 768px) {
  .videomodal .modalwrap {
    width: 560px;
  }
  .videomodal .modalmain {
    height: 320px;
  }
}
@media (min-width: 1024px) {
  .videomodal .modalwrap {
    width: 960px;
  }
  .videomodal .modalmain {
    height: 540px;
  }
}


/* 搜索页面  */
.searchcont401{ padding:35px 0; }
.searchtitle401 { padding:28px 15px; background-color:#edd4b2; }
.searchinputcont401 { overflow:hidden; }
.searchinputcont401 dt{
    margin-bottom:10px;
}
.searchinputcont401 dt input{
    display:block;   
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;

}
.searchinputcont401 dd input{
    display:block;   
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align:center;
    font-size: 18px;
    color: #fff;
    background-color: #E9A13D;
    cursor:pointer;
}


.resultlist401 {
    padding:35px 0;
    font-size:13px;
}
.resultlist401 ul li{
    padding:15px 0;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:-1px;
}
.resultlist401 ul li h4{
    margin-bottom:2%;
    font-size:16px;
    line-height:1.5;
}
.resultlist401 ul li h4 a{
    display:block;
}

.searchimg401{
    display:block;
    margin-bottom:15px;
}
.searchimg401 img{
    display:block;
    width:100%;
}

.resulttext401{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-height:24px;
    height:72px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.resultlabel401{
    display:inline-block;
    color:#999;
    font-size:12px;
    padding-top:30px;
}
.resultlabel401 a{
     color:#999;
}






@media (min-width: 768px){

}

@media (min-width: 1024px){
    body {
        /*padding-top:94px;*/
    }
    .searchinputcont401{
        width:45%;
        margin:0 auto;
    }
    .searchinputcont401 dt{
        width:78%;
        float:left;
        margin-bottom:0;
    }
    .searchinputcont401 dd{
        float:right;
        width:22%;
    }


    .resultlist401 ul li h4 {
        font-size:20px;
    }



    .searchimg401{
        width:200px;
        height:150px;
        overflow:hidden;
        position:relative;
        display:block;
        float:left;
        margin:0 3% 0 0 ;
    }

    .searchimg401 img{
        width:auto;
        max-width:100%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        -webkoit-transform:translate(-50%,-50%);
    }

}
@media (min-width: 1200px){

}




/* 文章分享 */
@media (min-width: 1024px){

    .art-share.bdsharebuttonbox  a {
        float: none;
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        padding: 0;
        margin: 0 0 1px;
    }

    .art-share.bdsharebuttonbox .bds_tsina:hover {
        background-image:url(/Res/dist/images/weibo.jpg) !important;
    }
    .art-share.bdsharebuttonbox .bds_sqq:hover {
        background-image:url(/Res/dist/images/qq.jpg) !important;
    }
    .art-share.bdsharebuttonbox .bds_weixin:hover {
        background-image:url(/Res/dist/images/weixin.jpg) !important;
    }

     .newscenter-container .newscontent  .art-share.js-sharefix {
            margin-left: -472px;
            left: 50%;
            position: fixed;
            top: 120px;
    }
   .newscenter-container .newscontent  .art-share.js-shareEnd {
        position: absolute;
        top: auto;
        bottom: 63px;
    }

}

@media (min-width: 1200px){
    .newscenter-container .newscontent  .art-share.bdsharebuttonbox  a {
        width: 73px;
        height: 73px;
        margin: 0 0 1px;
    }


    .newscenter-container .newscontent  .art-share.js-sharefix {
        position: fixed;
        left: 50%;
        margin-left: -590px;
        top：120px;
    }


     .newscenter-container .newscontent  .art-share.js-shareEnd {
        position: absolute;
        top: auto;
        bottom: 63px;
    }

}



/*  侧边栏  */
.index-slide .scrolltop{
    cursor:pointer;
}
.index-slide .scrolltop:after {
    content:'';
    position:absolute;
    width:8px;
    height:8px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top:50%;
    left:50%;
    margin-top:-4px;
    margin-left:-4px;
}


/* 底部分享 */

footer .footer-bottom .share.bdsharebuttonbox  a {
        float: none;
        display: inline-block;
        width:25px;
        height: 25px;
        background-repeat: no-repeat;
        -moz-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
        background-position: center center;
        padding: 0;
        margin:0;
        vertical-align: middle;
    }

.bd_weixin_popup .bd_weixin_popup_main{
    padding:5px 10px !important;
}
footer .bottom-info{
    width:100%;
    overflow:hidden;

}
footer .bottom-info .share{
    color:#adadad;
}



/* 23-10-10 */
html{
    --font-size12:.625vw;
    --font-size13:.677083vw;
    --font-size14:0.7291666666666667vw;
    --font-size15:.78125vw;
    --font-size16:0.8333333333333333vw;
    --font-size17:0.8854166666666667vw;
    --font-size18:0.9375vw;
    --font-size20:1.041666666666667vw;
    --font-size22:1.145833333333333vw;
    --font-size24:1.25vw;
    --font-size26:1.354166666666667vw;
    --font-size28:1.458333333333333vw;
    --font-size30:1.5625vw;
    --font-size32:1.666666666666667vw;
    --font-size36:1.875vw;
    --font-size38:1.979167vw;
    --font-size40:2.083333333333333vw;
    --font-size46:2.395833333333333vw;
    --font-size48:2.5vw;
    --font-size54:2.8125vw;
    --font-size56:2.916666666666667vw;
    --font-size90:4.6875vw;
}
@media(max-width:992px){ 
    html{
        --font-size12:12px;
        --font-size13:12px;
        --font-size14:12px;
        --font-size15:12px;
        --font-size16:13px;
        --font-size17:14px;
        --font-size18:16px;
        --font-size20:16px;
        --font-size22:16px;
        --font-size24:18px;
        --font-size26:18px;
        --font-size28:18px;
        --font-size30:18px;
        --font-size32:18px;
        --font-size36:18px;
        --font-size38:18px;
        --font-size40:18px;
        --font-size46:20px;
        --font-size48:20px;
        --font-size54:20px;
        --font-size56:20px;
        --font-size90:22px;
    }
}

.newsflash .layui-inline{
    display: flex;
    padding: 0 0 .260417vw;
    border-bottom: 2px solid #F9B552;
}
.newsflash .layui-input-inline{
    flex: 1;
    position: relative;
    z-index: 1;
    background: url('../assets/57.png') no-repeat 100% 45% / .78125vw;
    padding: 0px 1.770833vw 0 0;
}
.newsflash .layui-input-inline input{
    width: 100%;
    text-align: end;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #676767;
}
.newsflash .layui-form-label{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #7E7E7E;
    position: absolute;
    padding: 0 0 0 1.458333vw;
    background: url('../assets/56.png') no-repeat left / .9375vw;
}
.layui-laydate .layui-this, .layui-laydate .layui-this>div{
    background-color: #F9B552 !important;
}
.newsflash .BrowseMore{
    width: 100%;
    height: 2.604167vw;
    background: #E9A13D;
    margin: 1.5625vw 0 0;
    font-size: var(--font-size14);
    text-align: center;
    color: #FFFFFF;
    line-height: 2.604167vw;
    cursor: pointer;
}
@media(max-width:992px){ 
    .newsflash .BrowseMore{
        height: 35px;
        line-height: 35px;
    }
    .newsflash .layui-form-label{
        padding: 0 0 0 20px;
        background: url('../assets/56.png') no-repeat left / 13px;
    }
    .newsflash .layui-input-inline {
        background: url('../assets/57.png') no-repeat 100% 45% / 10px;
        padding: 0px 20px 0 0;
    }

    .header-right.Mallentrance a {
        width: auto;
        height: auto;
    }
    .header-right.langBox.switch{
        float: left;
        margin: 0 0 0 30px;
    }
    .header-right.switch .search-wrap a{
        margin: auto;
        width: 60px;
        height: 26px;
    }
    .header-right.switch .search-wrap a::after{
        margin: 2px 0 0 5px;
    }
}


.header-right.Mallentrance a{
    width: 5.520833vw;
    height: 2.083333vw;
    background-color: rgb(255 255 255 / .5);
    border: 1px solid #E5E5E5;
    border-radius: 50px;
    display: block;
    text-align: center;
    line-height: 2.083333vw;
    font-size: var(--font-size14);
    font-weight: 400;
    color: #333333;
}


.header-right.langBox.switch {position: relative;}
.header-right.langBox.switch .Lhide{
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    display: none;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0 0px 20px -10px #737373;
    margin: 10px 0 0;
}
.header-right.langBox.switch .Lhide a{
    display: block;
    line-height: 2;
}
.header-right.switch .search-wrap a{
    width: 4.270833vw;
    height: 2.083333vw;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: var(--font-size18);
    font-weight: 400;
    color: #333333;
}
.header-right.switch .search-wrap a::after{
    content: '';
    display: block;
    border-top: 4px solid #999999;
    border-right: 4px solid #99999900;
    border-left: 4px solid #99999900;
    margin: 2px 0 0 0.416667vw;
}
@media(max-width:992px){ 
}
@media (min-width: 1320px){
    .tab .menu li {
        width: unset !important;
        /* min-width: 225px; */
    }
    .header-right.Mallentrance{
        margin-left: 5.208333vw !important;
    }
}
@media (min-width: 1024px){
    header nav li .nav-item {
        padding: 0px 5px !important;
    }
    header .header-right {
        margin-left: 12px !important;
    }
}
@media (max-width: 1320px){
    .header-right.switch ,
    .header-right.Mallentrance{
        padding: 8px 0;
    }
}

.move{display: none !important;}
@media(max-width:992px){
    .pc{display: none !important;}
    .move{display: block !important;}
}

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper{
    display: flex;
}
.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev,
.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next{
    width: 20px;
    height: auto;
    margin: 0;
    position: relative;
}
.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev:before,
.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-next:before{
    top: calc(50% - 5px);
    transform: rotate(315deg);
    margin-left: -8px;
}

.analyzer-container .analzer-top .analzer-photo .photo-right-wrapper .photo-prev:before{
    margin-left: -1px;
}