@charset "UTF-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0}
section,article,aside,header,footer,nav,dialog,figure{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal;font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;  font-family: "microsoft yahei"; }
q:before,q:after{content:""}
abbr,acronym{border:0}
select,input,button,button img,textarea,img{margin:0;vertical-align:middle}
input[type=radio],input[type=checkbox]{margin-right:5px}
b{font-weight:bold}
label{font-weight:normal}
a,a:link,a:hover,a:visited,a:active{text-decoration:none;cursor: pointer;}
*, *::before, *::after { box-sizing: border-box;  }
textarea{resize: none}
input,input:focus,textarea:focus,select:focus{outline: none;}

html,body{font-size: 16px;line-height: 1.6; font-family: "microsoft yahei"; font-weight: 400; }
body{padding-top:50px;}
.row-collapse [class*=col-]{ padding-left: 0; padding-right: 0;}
.text-truncate{ word-wrap: normal; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.img{display: block; width: 100%;}
.button{display: block; text-align: center; font-size: 1rem; padding: 7px 10px; text-transform: uppercase; }
.button.xs{width: 50%;margin: 5% auto;}
.button-orange.full{background: #f76d15; color: #fff;}
.button-orange.full:link,.button-orange.full:hover,.button-orange.full:visited,.button-orange.full:active{color: #fff;}
.button-orange{border: 1px solid #f76d15; color: #f76d15;}
.button-orange:link,.button-orange:hover,.button-orange:visited,.button-orange:active{color: #f76d15;}
.button-white{border: 1px solid #fff; color: #fff;}
.button-white:link,.button-white:hover,.button-white:visited,.button-white:active{color: #fff;}
.gray {  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;  }
.c-gray,.c-gray:link,.c-gray:hover,.c-gray:visited,.c-gray:active{color: #171717;}

/* bootstrap */
.navbar-brand{width: 94px;height: 50px;padding-top: 10px;padding-bottom: 10px;}
.navbar-brand img{ width: 100%;display: block;}
.navbar-nav{margin: 0 -15px;}
.navbar-default .navbar-nav>li>a{color: #000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color: #fff; background: #f76d15;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #fff; background: #f76d15;
}
/*end*/
#banner .fp-tableCell{vertical-align: top;}
#factory{background: url("../images/bg1910x1000.jpg") no-repeat center center; background-size: cover;}
#country{background: url("../images/bg2.jpg") no-repeat center center; background-size: cover;}
.content .tlt{font-size: 1.3rem;color: #f76d15;margin-bottom: 5%;}
.content .info{font-size: .875rem;color: #171717;margin-bottom: 5%;}

.swiper-slide{display: block;}
.swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet{background: #fff;}
.fast-nav{display: block;text-align: center;font-size: .875rem;color: #fff;padding: 10px 0;}
.fast-nav:link,.fast-nav:hover,.fast-nav:visited,.fast-nav:active{color: #fff;}
.fast-nav span{ margin: 0 5px;}
.fast-nav img{display: inline-block; width: 40px; margin: 0 15px;}
.fast-nav .en{font-size: 1.1rem; font-weight: bold; text-transform: uppercase;}
.fast-nav.left{background: #fdb055;}
.fast-nav.right{background: #f76d15;}

.panel-orange{border: 1px solid #f76d15;}
.panel-orange .panel-heading{background: #f76d15;color: #fff;font-size: 1rem;}
.panel-orange .panel-heading img{height: 30px;position: absolute;top: 9px;}
.panel-orange .panel-body .info{color: #404040;font-size: .875rem;}
.panel-orange .panel-body .info.over-height{ height: 47px; overflow: hidden;}

.thumbnail{display: block;padding: 0;border-radius: 0;}
.caption .tlt{font-size: 1rem;color: #313131;margin-bottom: 10px;}
.caption .info{font-size: .875rem;color: #7e7e7e;height: 43px;overflow: hidden;}
.thumbnail:hover{background: #f76d15; color: #fff;border: 1px solid #ddd;}
.thumbnail:hover .caption .tlt , .thumbnail:hover .caption .info{color: #fff;}

.footer{ width: 100%; text-align: center;margin-top: 50px;}
.footer-top{background: #505050;padding: 1.25rem;color: #fff;font-size: .875rem;}
.footer-top a.tel{color: #fff;font-size: 1rem; display: block;}
.footer-top a.tel img{ display: inline-block; margin-right: 10px;width: 24px;}
.footer-top p{margin-top: 15px;}
.footer-top p img{ display: inline-block; width: 100px; margin: 0 10px;}
.footer-btm{background: #3e3e3e;padding: 1rem;font-size: .875rem;color: #fff;line-height: 2;}
.ft-navbar{display:none;}
.ft-navbar li{ display: inline-block;}
.ft-navbar li a{display: block; font-size: .875rem;color: #979797; margin: 0 10px;}
.footer.wall{ margin-top: 0;}
/*时间轴*/
html.fp-enabled{padding-top: 50px;}
.process-timeline{ width: 100%;position: relative; overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top: 50%;left:0;margin-top: -2px;background: #9f9f9f;height: 4px;width:100%;display:block;}
.process-arrow{position: absolute;top: 47%;background: #f76d15;color: #fff;padding: 4px 3px 0;z-index: 12;cursor: pointer;}
.process-arrow i{line-height: 0; font-size: 36px;padding: 10px 8px;}
.process-arrow-prev{left: 0;}
.process-arrow-next{right: 0;}
.process-timeline .process-body{position: relative;height: 100%;}
.process-timeline .process-row{cursor:move;display: inline-block;width: 200px;height: 420px;float: left;margin: 0;position: relative;overflow:hidden;z-index: 2;}
.process-timeline .process-row .process-time{position: absolute;top: 46%;left: 35.5%;}
.process-timeline .process-row .process-time  i{font-size: 40px;color: #9f9f9f;}
.process-timeline .process-row .process-content{color: #656565;font-size: .875rem;position: absolute;}
.process-timeline .process-row .process-content .tlt{font-size: 1.125rem;color: #c2c2c2;font-weight: bold;width: 35%;float: left;}
.process-timeline .process-row:nth-child(odd) .process-content{top: 30px;}
.process-timeline .process-row:nth-child(even) .process-content{bottom: 40px;}
/*end*/
.scrollbar-nav>ul.container{padding-left: 0;padding-right: 0;}
.scrollbar-nav{background: #eee; margin-bottom: 3%;}
.scrollbar-nav li {display: inline-block;}
.scrollbar-nav li.active a{background: #f76d15;color: #fff;}
.scrollbar-nav li a{display: block;text-align: center;font-size: .75rem;padding: 10px 0;color: #525252;margin: 0 1px;background: #dcdcdc;}

.breakpoint{ position: relative; top: -90px;  visibility: hidden;}
.even-top{position: relative;text-align: center;}
.even-top hr{width: 100%;position: absolute;top: 26px;}
.even-top .tlt{display: inline-block;text-align: center;background: #fff;line-height: 1.6;position: relative;z-index: 2;padding: 0 5px;}
.even-top .tlt span{display: block;text-transform: uppercase;color: #c0c0c0;font-size: .75rem;}
.even-top .tlt .name{font-size: 1.125rem;color: #f76d15;font-weight: bold;}
.even-top .tlt .l{height: 2px;width: 50px;background: #f76d15;margin: auto;margin-top: 2px;}

.even-info{padding-top: 8%;padding-bottom: 8%;}

.sanqi-introduce>.row{margin-bottom: 10px;}
.sanqi-introduce .button{color: #f76d15;font-size: .875rem;padding: 3px;}
.sanqi-introduce .info{font-size: .875rem;color: #404040;line-height: 2;}

.feat-panel .div-head{border: 1px solid #f76d15; border-right: 0; border-bottom: 0;margin-bottom: 1.125rem;}
.feat-panel .div-head li a{display: block;font-size: .875rem;padding: 10px;border-right: 1px solid #f76d15;border-bottom: 1px solid #f76d15; color: #f76d15; text-align: center;}
.feat-panel .div-head li.active a{background: #f76d15;color: #fff;}
.feat-panel .div-main{font-size: .875rem;color: #3e3e3e;}
.feat-panel .div-main img{display: inline-block;}

.banner-once{width: 100%; height: 200px; background-size: cover; background-position: center center;}

.mech-content{ margin-bottom: 1.125rem;}
.lg-tlt{text-align: center;font-size: 1.125rem; margin-bottom: 15px; color: #f76d15;}
.mech-content .xs-tlt{font-size: .875rem;color: #f76d15;margin-bottom: 10px;}
.lg-info{font-size: .875rem;color: #171717;margin-bottom: 20px;}
.lg-info img{display: block;width: auto !important;max-width: 100% !important;margin-top: 5px!important;margin-bottom: 5px!important;}
.mech-content .lg-info img{width: auto; max-width: 100%; display: block; margin: 5px auto;}

.list-dot{border: 1px solid #f76d15;padding: 15px;margin-bottom: 5%;min-height: 260px;}
.list-dot.black{ border: 1px solid #979797; min-height: 130px;}
.list-dot h3{font-size: .875rem; color: #171717; margin-bottom: 10px;font-weight: bold;}
.list-dot .infos{ font-size: .75rem; color: #171717;}
.list-dot .infos p{margin: 5px 0;}
.list-dot .infos p img{display: inline-block; margin-right: 10px;width: 10px;}

.list-dot.circle{margin-top: 14%;padding-top: 16%;margin-bottom: 10%;}
.circle .research-item{width: 30%;position: absolute;top: -5%;left: 50%;margin-left: -15%;}


.cotry-content .process{ margin: 0;}
.swiper-content{position: relative;padding:  0 10px;}
.swiper-content .swiper-button-next,.swiper-content  .swiper-button-prev{background: #e9e9e9;border-radius: 100%;padding: 0 10px;width: 40px;height: 40px;text-align: center;}
.swiper-content .swiper-button-next{ right: 0px;}
.swiper-content .swiper-button-prev{ left: 0px;}
.swiper-content .btn-swip i{font-size: 36px;color: #c2c2c2;line-height: 38px;}

.online{display: block; border: 1px solid #979797; padding: 15px; margin-bottom: 1.125rem;position: relative;}
.pic{height: 60px;position: relative;max-width: none;max-height: none;overflow: hidden;}
.pic img{display: block;width: 100%;_width: 100%;_height: auto;position: absolute;top: 50%;left: 50%;-moz-transform: perspective(1px) translate(-50%,-50%);-webkit-transform: perspective(1px) translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: perspective(1px) translate(-50%,-50%);vertical-align: top;}
.online .title{display: none;position: absolute;bottom: -1px;width: 100%;background: #f76d15;color: #fff;font-size: .75rem;left: 0;padding: 5px;}

/*分页 */
.M-box,.M-box1,.M-box2,.M-box3{position:relative;zoom:1;text-align: center;}
.M-box1:after,.M-box1:before,.M-box2:after,.M-box2:before,.M-box3:after,.M-box3:before,.M-box:after,.M-box:before{content:"";display:table}
.M-box1:after,.M-box2:after,.M-box3:after,.M-box:after{clear:both;overflow:hidden}
.M-box span,.M-box1 span,.M-box2 span,.M-box3 span{display: inline-block;margin:0 5px;width:38px;height:38px;line-height:38px;color:#bdbdbd;font-size:14px;}
.M-box .active,.M-box1 .active,.M-box2 .active,.M-box3 .active{display: inline-block;text-align:center;margin:0 5px;width:38px;height:38px;line-height:38px;background: #f76d15;color:#fff;font-size:14px;border: 1px solid #f76d15;}
.M-box a,.M-box1 a,.M-box2 a,.M-box3 a{display: inline-block; text-align: center; margin:0 5px;width:38px;height:38px;line-height:38px;background:#fff;border:1px solid #ebebeb;color:#bdbdbd;font-size:14px;}
.M-box a:hover,.M-box1 a:hover,.M-box2 a:hover,.M-box3 a:hover{color:#fff;background:#f76d15}
.M-box .next,.M-box .prev,.M-box1 .next,.M-box1 .prev{font-family:Simsun;font-size:16px;font-weight:700}
/*end*/

.book{ padding-top: 4%;}
.book-top{margin-bottom: 5%;}
.book-top .form-question{background: none; border: 1px solid #ddd; padding: 0;margin: 0;}
.book-top .form-question .form-input{width: 80%;}
.book-top .form-question .form-input input{padding: 5px 10px;}
.book-top .form-question .form-buttom{ width: 20%; background: #f76d15; padding: 5px 15px;}
.breadcrumb{font-size: .875rem;background: none;color: #9d9d9d;padding: 0;margin-bottom: 10px;}
.breadcrumb li.active,.breadcrumb li a{color: #171717;}
.common{margin-bottom: 3%;}
.common .list-group-item{margin-bottom: 10px;}
.list-group-item{padding: 0; border: 0; margin-bottom: 1px;}
.list-group-item-heading{ display: block; background: #e1e1e1;padding: 15px;font-size: 1rem;color: #3b3b3b;margin-bottom: 0;cursor: pointer;position: relative;}
.list-group-item-heading .pdf{display: none;}
.list-group-item-heading .pdf .button{padding: 3px 10px;display: inline-block;margin-left: 10px;font-size: .875rem;}
.list-group-item-heading .pdf .button img{display: inline-block; width: 18px; margin-right: 5px;}
.list-group-item-info{background: #fff;font-size: .875rem;padding: 2% 1%;color: #5e5e5e;}
.list-group-item-info .hide{display: none;}

.list-group .list-group-item:hover .list-group-item-heading{background: #f76d15; color: #fff;}
.list-group .list-group-item:hover .list-group-item-heading .pdf{display: block;}

.clinicales{margin-bottom: 5%;}
.clinical{ display: block; background: #787878; color: #fff; padding: 15px 10px; text-align: center; font-size: 1rem;margin-bottom: 20px;}
.clinical .button{display: none; float: right; font-size: .75rem; padding: 2px 10px;}
.clinical:hover {background: #f76d15;color: #fff;}
.clinical:hover .button{display: inline-block;}
.clinical-drop .item{display: block; position: relative; padding: 15px 10px;background: #e6e6e6; color: #3f3f3f;text-align: center; font-size: 1rem;margin-bottom: 1px;}
.cover{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(247,109,21,.8);}
.cover .cover-main{padding: 15px 10px; color: #fff; font-size: 1rem;}
.clinical-drop .item:hover .cover{display: block;}

.doctor-class{display: none; text-align: center;}
.doctor-class .tlt{font-size: 1rem;color: #252525;margin-bottom: 1.125rem;}
.doctor-class .btn-sm-black{display: inline-block;font-size: .875rem;color: #171717;padding: 5px 25px;margin: 5px;}

.research-group{ width: 80%; margin: auto; text-align: center;}
.research-item{ display: block; position: relative;}
.research-item-cell{position: absolute;top: 0;left: 0;height: 138px;font-size: .75rem;text-align: center;display: table;color: #fff;width: 100%;padding: 0 6px;}
.research-item-cell:link,.research-item-cell:hover,.research-item-cell:visited,.research-item-cell:active{color: #fff;}
.research-item .cell{display: table-cell;vertical-align: middle;word-break: break-all;}
.cell .button{padding: 0;font-size: .75rem;display: inline-block;}

.acas-panel .div-head{text-align: center;margin-bottom: 30px;}
.acas-panel .div-head li{display: inline-block;}
.acas-panel .div-head li a{display: block; font-size: .875rem; color: #f76d15; padding: 8px 15px;border: 1px solid #f76d15;}
.acas-panel .div-head li.active a{background: #f76d15;color: #fff;}

.stroke-group{text-align: center;margin: 30px 0; padding: 25px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.strole-group-item{display: inline-block; padding: 10px 5%; font-size: 1rem; margin:10px;}
.strole-group-item i{font-size: 1.125rem; margin-left: 10px;}
.strole-group-item:hover{background: #f76d15; color: #fff;}

.form-question{background: #f76d15; padding: 10px 15px; margin: 20px 0;}
.form-question .form-input{ width: 90%;}
.form-question .form-buttom{ width: 10%;text-align: center;}
.form-input input{ border: none; background: #fff;width: 100%;}
.form-buttom input{border: none; background: none;color: #fff; font-size: .875rem; text-align: center;}

.news-info{}
.news-info-hd{padding:3% 5%;background-color: #f2f1f1;margin-bottom: 20px; font-size: .875rem; color: #333;}
.news-info-hd>h3 {  color: #111111;  font-size: 1.125rem;  margin-bottom: 10px;  line-height: 30px;  font-weight: normal;  }
.right-hd {  padding: 5%;  background-color: #f76d15;  color: #FFffff;  font-size: 16px;  font-weight: normal;  }
.ns-list>li>a {  background-color: #f2f1f1;  padding: 4%;margin-bottom: 1px;  color: #111111;  display: block;  font-size: 16px;  }

.modals{display:none;background: rgba(0,0,0,.5);text-align: center;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
}
.modals-dialog{padding: 10px; border-radius: 10px;

    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36%;
    width: 270px;
    max-width: 100%;
    background: #f8f8f8;
}
.modal-dialog-main{text-align: center;font-size: 1rem; color: #4e4e4e;}
.modal-dialog-main img{display: block; margin: 10px auto;}
.modal-dialog-main h3{ font-size: 1.125rem; margin-bottom: 15px;}
.modal-dialog-foot .button-orange{width: 30%; margin: 20px auto;border-radius: 5px;}

/* 栅格系统 */
.avg-xs-2 > li {
    width: 50%;
}
.avg-xs-3 > li {
    width: 33.33%;
}
.avg-xs-4 > li {
    width: 25%;
}
.avg-xs-5 > li {
    width: 20%;
}
.avg-xs-6 > li {
    width: 16.66%;
}
[class*="avg-"] > li {
    display: block;
    height: auto;
    float: left;
}
@media (min-width: 320px) and (max-width: 374px) {
    .research-item-cell{height: 98px;}
}
@media (min-width: 768px) {
    .navbar-brand{padding-top: 7px;padding-bottom: 7px;width: 108px;}
    .navbar-default .navbar-nav>li>a{padding:15px 10px;}
    .research-item-cell{height: 239px;font-size: 1rem;}
    .fast-nav.left{text-align: right;}
    .fast-nav.right{text-align: left;}
    .panel-orange .panel-body .info.over-height{height: auto;}
    .process-timeline .process-row{ width: 300px; height: 520px;}
    .scrollbar-nav>ul.container{padding-left: 15px;padding-right: 15px;}
    .scrollbar-nav li a{font-size: .875rem;}
}
@media (min-width: 992px) {
    .avg-md-2 > li {
        width: 50%;
    }
    .avg-md-3 > li {
        width: 33.33%;
    }
    .avg-md-4 > li {
        width: 25%;
    }
    .avg-md-5 > li {
        width: 20%;
    }
    .avg-md-6 > li {
        width: 16.66%;
    }

    .content .tlt{font-size: 1.6rem;color: #f76d15;}
    .content .info{font-size: .875rem;color: #171717;}

    .banner-once{height: 245px;}
    .online{padding: 30px 25px;}
    .M-box,.M-box1,.M-box2,.M-box3{text-align: right;}
    .form-question{margin: 0;}
    .research-item-cell{height: 188px;}
    .button.xs{width: 20%;}
    .panel-orange{min-height: 231px;}
    .panel-orange .panel-body .info.over-height{height: auto;}
    .thumbnail .caption{padding: 10px;}
    .caption .info{height: 63px;}
    .even-info{ padding-top: 4%; padding-bottom: 4%; }
    .list-dot.circle{padding-top: 26%;min-height: 407px;}
    .circle .research-item{width: 40%; margin-left: -20%;}
    .circle .research-item .research-item-cell{height: 129px;}

    .book-top{margin-bottom: 2%;}
    .book-top .form-question{position: relative; top: -7px;}
    .modals-dialog{margin-top: 24%; width: 320px}
    .process-arrow i{font-size: 30px;}
}
@media (min-width: 1200px) {
    .avg-lg-2 > li {
        width: 50%;
    }
    .avg-lg-3 > li {
        width: 33.33%;
    }
    .avg-lg-4 > li {
        width: 25%;
    }
    .avg-lg-5 > li {
        width: 20%;
    }
    .avg-lg-6 > li {
        width: 16.66%;
    }
    html,body{font-size: 16px;}
    body{padding-top: 71px;}
    html.fp-enabled{padding-top: 71px;}
    .navbar-default{padding: 0 30px;}
    .navbar-brand{width: 124px;height: 70px;padding-top: 13px;padding-bottom: 13px;}
    .navbar-default .navbar-nav>li>a{line-height: 28px;padding: 21px 20px;font-size: 16px;}

    .banner-once{height: 400px;}
    .research-item-cell{height: 228px;}
    .form-question{margin: 0;}

    .thumbnail .caption{padding: 15px;}
    .caption .info{height: 62px;}
    .right-hd{padding: 7%;}
    .ns-list>li>a{padding: 5%;}
}
/*end*/