@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;200;300;400;500;600;700&display=swap");
body{font-family:"Noto Sans SC","Microsoft YaHei","STHeiti Light","STHeiti","Helvetica Neue","Helvetica","Arial",sans-serif;font-style:normal;word-break:break-all;line-height:1.6;}
a{color:inherit;text-decoration:none;outline:0;}
a:focus,a:hover{color:#f00;text-decoration:none;outline:0;}
a,a:hover,.btn,.btn:hover{transition:all .3s;}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#eee;}
.img-responsive,.thumbnail{position:relative;overflow:hidden;}
img{max-width:100%;transition:all .3s;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;}
.white{background:#fff !important;}
.light-gray,.gray{background:#f8f8f8;}
.light-blue,.blue{background:#f0f4f7;}
.glyphicon-menu-right{margin-left:4px;font-size:14px;transition:all .3s;}
.btn:hover .glyphicon-menu-right,.thumbnail:hover .glyphicon-menu-right{transform:translateX(3px);transition:all .3s;}

.btn-dark{padding:8px 15px;border-color:#eee;border-radius:6px;background:transparent;color:#888;font-size:100%;}
.btn-dark:hover{border-color:#ddd;background:transparent;color:#707070;font-size:100%;}
.btn-shallow{padding:8px 15px;border-color:#eee;border-radius:6px;background:transparent;color:#999;font-size:100%;}
.btn-shallow:hover{border-color:#ddd;background:transparent;color:#707070;font-size:100%;}

.py-0{padding-top:0;padding-bottom:0;}.py-1{padding-top:.25rem;padding-bottom:.25rem;}.py-2{padding-top:.5rem;padding-bottom:.5rem;}.py-3{padding-top:1rem;padding-bottom:1rem;}.py-4{padding-top:1.5rem;padding-bottom:1.5rem;}.py-5{padding-top:3rem;padding-bottom:3rem;}.py-6{padding-top:6rem;padding-bottom:6rem;}
.pt-0{padding-top:0;}.pt-1{padding-top:.25rem;}.pt-2{padding-top:.5rem;}.pt-3{padding-top:1rem;}.pt-4{padding-top:1.5rem;}.pt-5{padding-top:3rem;}.pt-6{padding-top:6rem;}
.pb-0{padding-bottom:0;}.pb-1{padding-bottom:.25rem;}.pb-2{padding-bottom:.5rem;}.pb-3{padding-bottom:1rem;}.pb-4{padding-bottom:1.5rem;}.pb-5{padding-bottom:3rem;}.pb-6{padding-bottom:6rem;}
.pl-0{padding-left:0;}.pr-0{padding-right:0;}pl-1{padding-left:15px;}.pr-1{padding-right:15px;}
.my-0{margin-top:0;margin-bottom:0;}.my-1{margin-top:.25rem;margin-bottom:.25rem;}.my-2{margin-top:.5rem;margin-bottom:.5rem;}.my-3{margin-top:1rem;margin-bottom:1rem;}.my-4{margin-top:1.5rem;margin-bottom:1.5rem;}.my-5{margin-top:3rem;margin-bottom:3rem;}.my-6{margin-top:6rem;margin-bottom:6rem;}
.mt-0{margin-top:0;}.mt-1{margin-top:.25rem;}.mt-2{margin-top:.5rem;}.mt-3{margin-top:1rem;}.mt-4{margin-top:1.5rem;}.mt-5{margin-top:3rem;}.mt-6{margin-top:6rem;}
.mb-0{margin-bottom:0;}.mb-1{margin-bottom:.25rem;}.mb-2{margin-bottom:.5rem;}.mb-3{margin-bottom:1rem;}.mb-4{margin-bottom:1.5rem;}.mb-5{margin-bottom:3rem;}.mb-6{margin-bottom:6rem;}
.col-md-0{padding-left:15px;padding-right:15px;}
.container-fluid{width:90%;max-width:1600px;}
.service .img-responsive .img-rounded,
.resource .img-rounded,
.case .img-rounded,
.news .img-rounded{max-width:100%;border-radius:6px 6px 0 0;}

/* navbar */
.navbar-absolute-top{position:absolute;right:0;left:0;z-index:1000;}
.navbar-default{border-color:rgba(255,255,255,.2);background:transparent;font-size:18px;}
.navbar-default::before{content:"";position:absolute;height:100%;width:100%;top:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));}
.navbar-brand{position:relative;padding:25px 15px;}
.navbar-brand img{display:block;width:118.333px;height:40px;}
.navbar-default .navbar-nav>li>a{padding-top:35px;padding-bottom:35px;font-size:18px;}
.navbar-nav > li:hover .dropdown-menu{display:block;}
.navbar-nav>li>.dropdown-menu{left:-10px;right:auto;padding:10px;font-size:16px;background-color:rgba(0,0,0,.75);}
.navbar-nav > li .dropdown-menu ul li a{display:block;padding:10px 0;}
.navbar-default .dropdown-menu > li > a{padding:9px 15px;color:#fff;}
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-nav > li .dropdown-menu ul li a:hover{color:#f00;background:#000;border-radius:6px;}
.navbar-nav .contact{margin-left:60px;padding-top:35px;line-height:18px;font-size:18px;font-weight:500;color:#fff;}
.navbar-nav .glyphicon{top:-1px;margin-right:8px;padding:6px;border-radius:50%;font-size:12px;font-weight:bold;background:#1539ad;}

/* movable */
.movable{position:relative;height:100vh;overflow:hidden;}
.movable::before{content:"";position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.2));}
.movable .item{position:absolute;top:54%;transform:translateY(-50%);color:#fff;}
.movable h2{position:relative;line-height:1.2;color:#fff;font-size:48px;font-weight:500;}
.movable p{margin-top:30px;margin-bottom:50px;font-size:20px;}
.movable p:last-child{margin-top:0;margin-bottom:0;}
.movable .btn{position:relative;padding:10px 36px 13px 40px;font-size:16px;}
.movable .btn-default{border-color:#eee;background:transparent;color:#fff;}
.movable .btn-default:hover{background:#fff;color:#f00;}
.movable .video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;z-index:-9999;}

/* carousel */
.switch .item{height:100vh;}
.switch .video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-9999;}
.switch .item::before{content:"";position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.3));}
.switch .carousel-caption{width:70%;top:50%;transform:translateY(-50%);text-align:center;}
.switch .carousel-caption h2{position:relative;color:#fff;}
.switch .carousel-caption p{margin-top:20px;margin-bottom:50px;font-size:20px;}
.switch .carousel-caption p:last-child{margin-top:0;margin-bottom:0;}
.switch .carousel-caption .btn{position:relative;padding:10px 36px 13px 40px;font-size:16px;}
.switch .carousel-caption .btn-default{border-color:#eee;background:transparent;color:#fff;}
.switch .carousel-caption .btn-default:hover{background:#fff;color:#f00;}
.switch .carousel-control{opacity:.2;}
.switch .carousel-control:hover{opacity:.5;}
.switch .carousel-control.left,.switch .carousel-control.right{background-image:none;}
.switch .video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;z-index:-9999;}

/* banner */
.banner{position:relative;}
.banner::before{content:"";position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.3));}
.banner .banner-text{position:relative;padding-top:15%;padding-bottom:12%;color:#fff;text-align:center;}
.banner .banner-text h1,.banner .banner-text h2{font-size:48px;font-weight:500;}
.banner .banner-text p{margin-top:20px;margin-bottom:0;font-size:18px;}

/* section-header */
.section-header h3{position:relative;font-size:36px;font-weight:500;text-align:center;}
.section-header h3::before,.section-header h3::after{content:'';position:absolute;display:block;bottom:0;height:1px;}
.section-header h3::before{width:4em;background:#ccc;left:calc(50% - 2em);}
.section-header h3::after{width:1.5em;background:#f00;left:calc(50% - 0.75em);}
.section-header p{color:#555;font-size:16px;text-align:center;}

/* who am i */
.whoami .item{margin-bottom:20px;padding:50px 30px;height:180px;border-radius:6px;background:#eee;}
.whoami .item:last-child{margin-bottom:0;}
.whoami .item h4{display:initial;font-size:48px;font-weight:500;}
.whoami .item small{margin-left:10px;font-size:24px;}
.whoami .office-building{position:relative;padding-top:290px;padding-bottom:290px;border-radius:6px;background:#fff url(/upload/about/image/2024/office-building.jpg) no-repeat center bottom;background-size:cover;}
.whoami .establish{background:url(/assets/img/icon/establish.png) no-repeat right;background-size:70px;}
.whoami .patent{background:url(/assets/img/icon/patent.png) no-repeat right;background-size:70px;}
.whoami .staff{background:url(/assets/img/icon/staff.png) no-repeat right;background-size:70px;}
.whoami .laboratory{background:url(/assets/img/icon/laboratory.png) no-repeat right;background-size:70px;}
.whoami .utility-model{background:url(/assets/img/icon/utility-model.png) no-repeat right;background-size:70px;}
.whoami .customer{background:url(/assets/img/icon/customer.png) no-repeat right;background-size:70px;}

/* service */
.service{position:relative;}
.service .thumbnail:hover{background:#fcf8e3;}
.service .caption{padding:30px 20px 20px;text-align:center;}
.service .caption h4{margin-bottom:10px;line-height:28px;font-size:21px;font-weight:500;-webkit-line-clamp:1;}
.service .caption:hover h4{color:#f00;}
.service .caption p{margin-top:0;margin-bottom:0;height:50px;-webkit-line-clamp:2;}
.service .panel-footer{border-top-color:#eee;background:transparent;text-align:center;color:#333;}
.service .panel-footer .img-rounded{margin-right:10px;width:72px;height:36px;border:1px solid #eee;}
.service .panel-footer .img-rounded:last-child{margin-right:0px;}
.service .panel-footer p{height:36px;overflow:hidden;}
.service .thumbnail,.service .thumbnail:hover,
.service .img-rounded,.service .img-rounded:hover,
.service .caption,.service .caption:hover,
.service .panel-footer,.service .panel-footer:hover{transition:all .3s;}
.service .thumbnail .caption h4,
.service .thumbnail .caption p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

p.text-center{display:inline-block;margin-bottom:0;width:100%;}
p.text-center .glyphicon{opacity:.8;}

.white ul.list-group li:list-group{border-top-left-radius:6px;border-top-right-radius:6px;}
.white ul.list-group li{position:relative;display:block;margin-bottom:15px;padding:12px 15px;border-radius:6px;background:#eee;}
.white ul.list-group li:last-child{margin-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}


/* navigation */
.navigation{border-bottom:1px solid #eee;}

/* resource */
.resource{position:relative;}
.resource .thumbnail:hover{background:#fcf8e3;}
.resource .img-responsive .img-rounded{opacity:0.9;}
.resource .caption{padding:25px 20px;border-top:1px solid #eee;text-align:center;}
.resource .caption h4{height:60px;line-height:1.4;font-size:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.resource .caption:hover h4{color:#f00;}

.equipment .caption{padding:25px 20px;}
.equipment .caption h4{margin-bottom:20px;height:60px;line-height:1.42857143;font-size:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/* case */
.case{position:relative;}
.case .thumbnail:hover{background:#fcf8e3;}
.case .img-responsive .img-rounded{opacity:0.9;}
.case .caption{padding:25px 20px;border-top:1px solid #eee;text-align:center;}
.case .caption h4{height:60px;line-height:1.4;font-size:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.case .caption:hover h4{color:#f00;}

.case .caption .label-default{display:inline-block;margin-right:10px;padding:6px;background:rgba(0,0,0,0.08);color:#8a8a8a;font-size:90%;font-weight:normal;overflow:hidden;}
.case .caption .glyphicon{margin-right:4px;}
.case .caption .pull-right{margin-right:-7px;}

.case .caption small.label-default{display:inline-block;max-width:90px;font-size:13px;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.case .caption small.label-default .glyphicon{font-size:12px;}
.case .caption small.pull-right{margin-top:1px;font-size:14px;}
.case .caption small.pull-right .glyphicon{top:2px;font-size:13px;}

/* about */
.about-section{position:relative;padding-top:80px;padding-bottom:160px;background:#fff url(../img/company.jpg) no-repeat center;}
.about-section::before{content:"";position:absolute;height:100%;width:100%;top:0;background-image:linear-gradient(to bottom,rgba(0,51,153,.8),rgba(0,51,153,.4));}
.about-section h3{position:relative;color:#fff;font-size:36px;letter-spacing:1px;}

.company h4{margin-top:10px;margin-bottom:15px;color:#fff;font-size:28px;}
.company h4 span{position:relative;z-index:1;}
.company h4 span::after{content:"";position:absolute;z-index:-1;bottom:5px;left:0;width:100%;height:8px;border-radius:6px;background:#f00;background-image:linear-gradient(90deg,#f00 0,#6772ff 100%);}

.company p{line-height:1.8;color:#fff;text-align:justify;}
.company .btn-default{margin-top:30px;padding:10px 30px;color:#fff;background:transparent;border-color:#eee;}
.company .btn-default:hover{color:#f00;background:rgba(255,255,255,.8);}

.video{border-radius:6px;}
.video.thumbnail{margin-bottom:0;border:0px solid rgba(255,255,255,.2);background:rgba(255,255,255,.2);overflow:hidden;}
.video.thumbnail:hover{border:0px solid rgba(255,255,255,.4);}
.video .img-rounded{position:relative;width:100%;border-radius:6px;filter:brightness(90%);z-index:0;}
.video .img-rounded:hover{border-radius:6px;-webkit-transform:scale(1.02);transform:scale(1.02);transition:all .3s;}
.video .glyphicon{position:absolute;top:calc(50% - 21px);right:calc(50% - 21px);text-align:center;color:#fff;font-size:42px;z-index:1;}

.plate{position:relative;text-align:center;}
.plate .list-unstyled{margin-bottom:0;background:rgba(255,255,255,.99);border-radius:6px;overflow:hidden;}
.plate .list-unstyled h4{margin-bottom:10px;font-size:42px;color:#f00;letter-spacing:-4px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.plate .list-unstyled h5{font-size:18px;}
.plate .list-unstyled small{margin-left:5px;font-size:24px;font-weight:bold;color:#000;}
.plate .ascent{padding-top:30px;padding-bottom:30px;transform:translateY(-50%);}
.plate .panel{margin-top:30px;padding-top:30px;padding-bottom:30px;border:1px solid #eee;background:#f0f4f7;}

.about-background{padding-top:80px;padding-bottom:160px;background:#f5f5f5;}
.text-company p{line-height:1.75;font-size:18px;text-align:justify;}
.text-company p:last-child{margin-bottom:0;}

/* news */
.news,.culture,.routine{position:relative;}
.news .thumbnail .caption,
.news .thumbnail .item-caption,
.culture .thumbnail .caption,
.routine .thumbnail .caption{padding:25px;}
.news .img-responsive .img-rounded{opacity:0.9;}
.news .thumbnail .caption h4,
.news .thumbnail .item-caption h4{line-height:30px;color:#333;font-size:20px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news .thumbnail .caption h4{margin-top:20px;margin-bottom:20px;height:60px;}
.news .thumbnail .item-caption h4{margin-bottom:17px;}
.news .thumbnail .item-caption p{overflow:hidden;color:#333;text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news .thumbnail .time,
.news .thumbnail .more,
.resource .thumbnail .more,
.case .thumbnail .more,
.culture .caption .more{margin-bottom:0;color:#999;}
.news .thumbnail .glyphicon,.culture .caption .glyphicon{font-size:14px;}
.news .thumbnail .glyphicon-time{margin-right:6px;}
.news .thumbnail .limit{position:relative;margin-top:-26px;padding:17px 25px;border-top:1px solid #eee;background:#fff;}
.news .thumbnail .limit h4{margin-bottom:10px;height:60px;}
.news .page{display:table;width:100%;}

/*common */
.common{position:relative;}
.common .thumbnail{border-color:#eee;transition:all .3s;}
.common .thumbnail .caption{padding:25px;}
.common .thumbnail .caption h4{margin-bottom:10px;height:60px;line-height:30px;color:#333;font-size:20px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.common .caption .info-more{margin-bottom:0;color:#999;}
.common .thumbnail .glyphicon{font-size:90%;}
.common .thumbnail .glyphicon-time{margin-right:6px;}

/* epc */
.epc{padding-top:60px;padding-bottom:60px;color:#fff;background:#f5f5f5 url(../img/inzs-bg.jpg);text-align:center;overflow:hidden;}
.epc .img-rounded{width:64px;}

.what-EPC p.text-center{margin-bottom:20px;}
.what-EPC .panel{padding:50px 30px;border:1px solid #eee;background:#f0f4f7;text-align:center;}
.what-EPC .panel .img-rounded{margin-bottom:20px;width:80px;height:80px;}
.what-EPC .panel h4{position:relative;margin-bottom:20px;padding-bottom:10px;font-size:20px;}
.what-EPC .panel p{margin-bottom:0;}


/* ----------view---------- */
h1.mb-6{font-size:36px;text-align:center;}
h2.mb-5{font-size:32px;text-align:center;}
h3.mb-5{font-size:28px;text-align:center;}
h4.py-5{position:relative;}

.location .list-inline{margin-bottom:0;}
.location .list-inline li{display:table-cell;width:1%;white-space:nowrap;text-align:center;}
.location .list-inline a{display:block;padding:14px 10px;background:#ddd;color:#666;}
.location .list-inline a.active,.location .list-inline a:hover{background:#2761c4;color:#fff;}

.summary{position:relative;line-height:1.8;}
.summary .carousel{background:#f0f4f7;border-radius:6px;}
.summary .carousel-control{width:10%;}
.summary .img-rounded{padding:30px 60px;}
.summary .thumbnail{margin-bottom:0;border:none;}

.summary .caption{position:relative;text-align:justify;}
.summary .caption h1,.summary .caption h3{letter-spacing:1px;font-size:32px;}
.summary .caption h1:after{background:#f00;content:"";display:block;height:4px;margin:15px 0 0;width:1em;}
.summary .sketch{letter-spacing:.4px;}

.summary .item-content,.summary .caption ul{padding:30px 20px 20px;border-radius:6px;background:#f0f4f7;}
.summary .caption ul{list-style:none;margin-top:3rem;margin-bottom:5rem;padding:20px;}
.summary .caption ul li{padding-bottom:10px;}
.techspecs-row{padding-bottom:15px;}
.techspecs-rowheader, .techspecs-column{display:table-cell;vertical-align:top;}
.techspecs-rowheader{width:60px;font-weight:bold;color:#f00;}

.summary .btn{width:100%;letter-spacing:1px;border-radius:6px;font-weight:500;}
.summary .btn-danger:hover{background:transparent;color:#f00;}
.summary .btn-default{border-color:rgba(255,115,76,0.2);background:#fff0ec;}
.summary .btn-default:hover{border-color:#f00;background:#fff;color:#f00;}

.summary .list-inline{margin-top:30px;}
.summary .list-inline .glyphicon{margin-right:5px;font-size:90%;}
.summary .list-inline a{color:#666;}
.summary .list-inline a:focus, .summary .list-inline a:hover{color:#f00;text-decoration:none;}
.summary .list-inline > li + li::before{padding-left:15px;padding-right:15px;content:"";}

.overview{background:#f0f4f7 url(../img/overview.png) no-repeat center;   background-size: auto; background-size: cover;}
.overview .flex,.characteristic .flex,.tabpanel .flex{display:flex;}
.overview .caption{position:relative;top:50%;transform:translateY(-50%);padding:50px;background:rgba(255,255,255,.99);border-radius:6px;text-align:justify;}
.overview .number{position:absolute;top:50%;transform:translateY(-50%);font-size:72px;color:#f00;opacity:0.1;font-family:Helvetica Neue;}

.characteristic .panel{padding:30px 20px 40px;border-color:#eee;text-align:center;}
.characteristic .panel .img-rounded{width:48px;height:48px;}
.characteristic .caption,.parameter .caption{margin-top:10px;}
.characteristic .caption p,
.parameter .caption p{position:relative;padding-bottom:8px;margin-bottom:15px;color:#555;}
.inspect .panel h4{position:relative;padding-bottom:10px;margin-bottom:15px;}
.characteristic .caption p::before,
.parameter .caption p::before,
.what-EPC .panel h4::before,
.inspect .panel h4::before,
.item-contact .panel p::before,
.create .panel p::before{content:"";width:2em;height:4px;background:#ddd;background-image:linear-gradient(270deg,#00f9e5 0,#6772ff 100%);position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-radius:6px;}
.characteristic ul{position:relative;top:50%;transform:translateY(-50%);max-height:100%;text-align:justify;}
.characteristic ul li{margin-top:10px;margin-bottom:10px;}

/**/
.parameter .panel{padding:30px 15px 20px;border:1px solid #eee;text-align:center;}
.parameter .panel .img-rounded{width:48px;height:48px;}
.parameter .caption h4{position:relative;min-height:40px;word-wrap:break-word;}
.parameter .alignment{transform:translateY(-25%);}

.table-bordered{border-radius:6px;border-collapse:collapse;border-style:hidden;box-shadow:0 0 0 1px #ddd;}
.table-bordered>thead>tr>th{padding:14px 8px;font-weight:500;}
.table-bordered>tbody>tr>td{padding:12px 8px;}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{color:#444;border-color:#ddd;}
.table-bordered>thead>tr>th a,.table-bordered>tbody>tr>td a{border-bottom:1px dotted #f00;color:#011f5b;}
.table-bordered>thead>tr>th a:hover,.table-bordered>tbody>tr>td a:hover{color:#f00;}
.table-bordered th:first-child{border-top-left-radius:6px;}
.table-bordered th:last-child{border-top-right-radius:6px;}

.free .form-group label{font-weight:normal;}
.free .form-group .btn{margin-top:29px;}
.free .form-control{background:#fff;}
.glyphicon-asterisk{margin-right:5px;top:2px;color:#f00;font-family:inherit;}

.material .thumbnail{position:relative;border-color:#eee;}
.material .thumbnail .img-rounded{padding:30px;max-width:100%;}
.material .thumbnail .img-rounded:hover{transform:scale(1.02);}
.material .item-content{padding:0;text-align:center;}
.material .item-content h3,.material .learn-more h3{margin-top:0;margin-bottom:0;padding-bottom:40px;font-size:18px;text-align:center;}
.material .learn-more{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;}
.material .thumbnail:hover .learn-more{background:#fff;top:0;opacity:1;border-radius:6px;}
.material .thumbnail,.material .item-content,.material .learn-more,.material .img-rounded,
.material .thumbnail:hover,.material .thumbnail:hover .item-content,.material .thumbnail:hover .learn-more{transition:all .75s;}

/* news view */
.news h1.title{margin-bottom:20px;text-align:center;}
.news .other{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ddd;font-size:90%;text-align:center;}
.news .other .glyphicon{margin-right:5px;font-size:12px;color:#999;}
.news .other .glyphicon-time,.news .other .glyphicon-eye-open{margin-left:15px;}

.news .col-md-9{padding-right:30px;}
.content{line-height:1.8;text-align:justify;}
.content h2.pb-4{margin-top:2em;font-size:24px;text-align:center;}
.content h4{position:relative;display:inline;padding-bottom:10px;bottom:10px;line-height:2.6;z-index:1;font-weight:bold;}
.content h4::after{content:"";position:absolute;z-index:-1;bottom:10px;right:0;left:0;height:8px;border-radius:4px;background:#ebccd1;background-image:linear-gradient(180deg,#fff 0,#04f 100%);}
.content ol,.content ul{margin-bottom:20px;}
.content dl dt{margin-top:20px;margin-bottom:20px;}
.content dl dd{position:relative;margin-left:2em;margin-bottom:5px;z-index:1;}
.content dl dd::before{content:"";position:absolute;z-index:-1;bottom:12px;left:-15px;width:8px;height:8px;border-radius:6px;background:#999;background-image:linear-gradient(90deg,#6772ff 0,#00f9e5 100%);}
.content ul{margin-bottom:20px;}
.content ul::after{content:"";display:block;clear:both;}
.content img{display:initial;padding:0;max-width:100%;border:1px solid #eee;}
.content .col-xs-6 .img-rounded{margin-bottom:20px;}
.content video{margin-bottom:12px;width:100%;border-radius:6px;}
.content .img-package{color:#999;text-align:center;border-radius:6px;}
.content .img-package .img-rounded{margin-bottom:5px;}
.content .text-up{margin-top:-15px;color:#666;text-align:center;}
.content p:last-child{margin-bottom:0;}

.division{display:block;margin-right:-10px;margin-left:-10px;}
.division .img-rounded{margin-bottom:20px;}
.division .col-xs-12{padding-left:10px;padding-right:10px;}

.pager{clear:both;margin-top:50px;margin-bottom:0;}
.pagination{margin-top:20px;margin-bottom:0;}
.pager li{float:left;width:49%;padding:15px;border-radius:6px;}
.pager li.previous{margin-right:1%;text-align:left;}
.pager li.next{margin-left:1%;text-align:right;}
.pager li p{margin-bottom:5px;line-height:1.2;color:#666;}
.pager .previous > a,.pager .next > a{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}

.widget-title h3{position:relative;margin-top:5px;padding-bottom:10px;border-bottom:1px solid #ddd;color:#515c67;font-size:20px;}
.widget-title h3:before{content:"";position:absolute;bottom:-1px;left:1px;width:2em;height:2px;background:#11181f;}
.list-group .media{display:block;border-bottom:1px solid #f4f4f4;}
.list-group .media-left{display:block;margin-bottom:15px;padding-right:0;border:1px solid #eee;border-radius:6px;overflow:hidden;}
.list-group .media .media-object{max-width:100%;border-radius:6px;opacity:.9;}
.list-group a.media:nth-child(6){display:none;}
/* .list-group a.media:last-child{display:none;}*/


.sidebar .list-group-item{padding:15px 20px;border-color:#eee;}
.sidebar .list-group-item.disabled{cursor:auto;background:#f8f8f8;}
.sidebar .list-group-item h3{margin-top:5px;margin-bottom:5px;padding-left:10px;border-left:5px solid #f00;color:#333;font-size:inherit;}

/* idea 服务支持 */
.idea .panel{position:relative;border-color:#eee;text-align:center;color:#fff;}
.idea .item-caption{position:relative;}
.idea .item-caption h4{position:absolute;right:0;bottom:0;left:0;padding-top:10px;padding-bottom:10px;font-size:22px;background:rgba(6,106,201,.5);}
.idea .item-caption h4::before{content:"";display:inline-block;margin-right:5px;transform:translateY(-50%);width:1em;height:4px;border-radius:6px;vertical-align:middle;background:#ddd;background-image:linear-gradient(90deg,#6772ff 0,#00f9e5 100%);}
.idea .item-caption h4::after{content:"";display:inline-block;margin-left:5px;transform:translateY(-50%);width:1em;height:4px;border-radius:6px;vertical-align:middle;background:#ddd;background-image:linear-gradient(270deg,#6772ff 0,#00f9e5 100%);}
.idea .item-card{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:rgba(6,106,201,.8);}
.idea .item-card p{margin-bottom:0;padding:15px;}

.idea .caption{position:absolute;right:0;bottom:0;left:0;padding-top:50px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.4));}
.idea .caption h4{padding-bottom:10px;font-size:20px;}
.idea .caption h4::before{content:"";display:inline-block;margin-right:5px;transform:translateY(-50%);width:1em;height:4px;border-radius:6px;vertical-align:middle;background:#ddd;background-image:linear-gradient(90deg,#6772ff 0,#00f9e5 100%);}
.idea .caption h4::after{content:"";display:inline-block;margin-left:5px;transform:translateY(-50%);width:1em;height:4px;border-radius:6px;vertical-align:middle;background:#ddd;background-image:linear-gradient(270deg,#6772ff 0,#00f9e5 100%);}
.idea .caption p{margin-bottom:30px;height:48px;line-height:1.5;}

/* 服务流程 */
.process .explain{margin-bottom:20px;padding-left:10%;padding-right:10%;text-align:center;}
.item-process{margin-bottom:0;padding-left:0;list-style:none;overflow:hidden;}
.item-process .panel{position:relative;text-align:center;background:transparent;}
.item-process .panel::after{content:"";position:absolute;top:42%;right:-20px;transform:translateY(-50%);width:10px;height:18px;background:url(/assets/img/icon/right-arrow.png) no-repeat;background-size:100%;}
.item-process .panel.last-child::after{display:none}
.item-process .img-rounded{margin-bottom:20px;padding:30%;border:1px solid #eee;border-radius:6px;background:rgba(255,255,255,.8);}
.process .btn{margin-left:10px;margin-right:10px;padding:8px 30px;border-radius:6px;}

.principle .panel{overflow:hidden;border-color:#eee;background:#f0f4f7;transition:all .3s;}
.principle .caption{padding:30px;text-align:justify;}
.principle .caption h4{margin-bottom:15px;color:#333;font-size:20px;text-align:center;}
.principle .caption ul{display:-webkit-box;overflow:hidden;padding-left:0;margin-bottom:0;height:108px;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#555;-webkit-line-clamp:4;}
.principle .caption ul li{list-style:none;margin-bottom:2px;padding-left:20px;background:transparent url(../img/tick.png) no-repeat 2px 8px;background-size:12px;}

.advantage .thumbnail{border:none;background:#f0f4f7;transition:all .3s;}
.advantage .caption{padding:30px;text-align:center;}
.advantage .caption:hover h3,.advantage .caption:hover h4{color:#f00;}
.advantage .caption h4{font-size:21px;}
.advantage .caption p{margin-top:15px;margin-bottom:25px;}
.advantage .caption p:last-child{margin-top:0;margin-bottom:0;}
.advantage .btn-default{padding:10px 30px;border-color:#ddd;background:transparent;color:#666;}

/* faq */
.faq .panel{display:block;border-color:#eee;}
.faq .panel h4{padding:15px 30px;}
.faq .caption{padding:15px 30px;background:#f5f5f5;}
.faq .caption p{height:58px;line-height:1.8;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.faq .caption .info-more{color:#8a8a8a;}
.faq .caption .glyphicon-time{margin-right:5px;font-size:14px;}
/* ----------company---------- */
.tabpanel .media-list{position:relative;top:50%;transform:translateY(-50%);}

/* leader */
.leader .panel,.history .panel{border-color:#eee;background:rgba(6,106,201,.03);transition:all .3s;}
.leader .caption,.history .caption,.honor .caption{padding:20px 25px;text-align:justify;}
.leader .caption h4,
.patent .caption h4,
.honor .caption h4,
.leader .caption p,
.history .caption p,
.culture .caption p{display:-webkit-box;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.leader .caption h4,
.history .caption h4{margin-bottom:10px;color:#333;font-size:18px;-webkit-line-clamp:1;}
.leader .caption p,
.history .caption p,
.patent .caption h4{margin-bottom:0;min-height:52px;color:#555;-webkit-line-clamp:2;}

/* intro */
.create .panel,.leader .panel,.honor .panel,.patent .panel{overflow:hidden;}
.create .caption{position:relative;padding:20px 25px 30px;box-shadow:0 20px 30px rgba(6,106,201,.05);text-align:center;}
.create .caption .item-before{position:absolute;top:0;left:0;right:0;line-height:40px;transform:translateY(-100%);text-align:center;color:#f00;font-size:21px;font-weight:bold;background:rgba(255,255,255,.5);}
.create .panel p{position:relative;margin-bottom:20px;padding-bottom:6px;font-size:18px;}

/* honor */
.honor .panel{border-color:#eee;transition:all .3s;}
.honor .panel img{padding:20px;}
.honor .caption{border-top:1px solid #eee;text-align:center;}

/* course */
.media-list{position:relative;margin-bottom:30px;}
.media-list::before{content:"";width:1px;background-image:linear-gradient(180deg,#6772ff 0,#00f9e5 100%);position:absolute;top:7px;bottom:4px;left:7px;transform:translateX(-50%);border-radius:6px;}
.media-list .media::before{content:"";margin-top:10px;width:20px;height:1px;background-image:linear-gradient(270deg,#6772ff 0,#00f9e5 100%);position:absolute;left:7px;transform:translateY(-50%);border-radius:6px;}
.media-list .media-left{position:relative;padding-right:30px;background:url(/assets/img/icon/circle.png) no-repeat left 3px;background-size:15px;}
.media-list .media-left.black{position:relative;padding-right:30px;background:url(/assets/img/icon/black-circle.png) no-repeat left 3px;background-size:15px;}
.media-list .media-body h4{margin-bottom:8px;}
.media-list .media p{margin-bottom:0;}
.media-list .media:last-child{padding-bottom:0;}

/* qualification */
.patent .caption{padding:20px 25px;border-top:1px solid #eee;text-align:center;}
.honor .caption p{display:none;margin-bottom:0;color:#555;}
.patent .caption p{display:none;margin-bottom:0;color:#555;}
.honor .caption h4,
.patent .caption h4{margin-bottom:0;}
/* culture */
.culture h4{position:relative;padding-bottom:10px;margin-bottom:10px;z-index:1;}
.culture h4::after{content:"";position:absolute;z-index:-1;bottom:5px;left:0;width:4em;height:8px;border-radius:6px;background:#ddd;background-image:linear-gradient(180deg,#fff 0,#04f 100%);}
.culture .caption p{text-align:justify;-webkit-line-clamp:3;}
.culture .caption h4,
.culture .caption P.info-more{text-align:center;}
.culture .caption h4::after{left:50%;transform:translateX(-50%);}

.culture .idea-width dt{font-weight:500;}
.culture .idea-width dd{margin-bottom:5px;margin-left:80px;}
.culture dt{float:left;}
.culture dd{margin-bottom:10px;margin-left:48px;text-align:justify;}

/* job */
.work-in{line-height:1.72;text-align:justify;}
.work-in p:last-child{margin-bottom:0;}
.work-in .img-package{padding-bottom:13px;border-radius:6px;text-align:center;background:rgba(6,106,201,.2);}
.work-in .img-rounded{margin-bottom:12px;}
.carousel-work .carousel-caption{padding-bottom:40px;font-size:18px;}

.welfare{display:table;width:100%;}
.welfare .panel{position:relative;margin-bottom:0;padding:60px 70px 50px 30px;background:#f0f4f7;}
.welfare .panel h4{margin-bottom:30px;font-size:21px;}
.welfare .panel .welfare-icon{position:absolute;right:20px;top:-15px;width:80px;height:80px;transition:all ease .75s;}
.welfare .panel:hover .welfare-icon{top:-25px;}
.welfare .panel p{margin-bottom:0;color:#444;text-align:justify;}

.panel-group{display:table;width:100%;}
.panel-group .panel{margin-bottom:20px;border:none;}
.panel-group .panel-heading{padding:0;}
.panel-group .panel-title{position:relative;}
.panel-group .panel-title > a{display:block;padding:25px;}
.panel-group .panel-title .glyphicon{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;}
.panel-group .panel-body{padding:10px 25px 25px;}
.panel-group .panel-body dd{line-height:1.8;}
.panel-group .panel-body dt{margin-top:15px;margin-bottom:5px;}
.panel-group .panel-body .glyphicon{margin-right:5px;}
.panel-group .panel:last-child{margin-bottom:0;}

/* contact */
.item-contact .panel{padding:40px 10px;border:1px solid #eee;text-align:center;background:#f0f4f7;}
.item-contact .img-rounded{width:48px;height:48px;}
.item-contact p{position:relative;margin-top:10px;padding-bottom:6px;font-size:18px;}
.item-contact h4{font-size:21px;word-break:break-all;}
.item-contact abbr{padding-right:20px;background:url(/assets/img/icon/dialogue.png) no-repeat right 0px;background-size:18px;}

.item-form .form-group{margin-bottom:20px;}
.item-form .form-group label{font-weight:normal;}
.item-form .form-control{padding-top:10px;padding-bottom:10px;background:#f0f4f7;}
.item-form .btn{padding:8px 50px;}
.item-form .form-textarea{resize:none;height:240px;}

.form-list{padding:50px;border:1px solid #f0f4f7;border-radius:6px;}
.f-padding{padding:30px;background:#fff;border-radius:6px;}

.form-radio{padding:6px 12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:6px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);cursor:pointer;}
.form-radio:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
input[type="checkbox"], input[type="radio"] {margin-right:4px;}
/* inspect */
.inspect .panel{position:relative;padding:100px 20px;border:1px solid #eee;text-align:center;background:#f0f4f7;}
.inspect .panel-icon{display:inline-block;margin-bottom:5px;margin-right:10px;width:24px;height:24px;}
.inspect .panel h4{margin-top:0;margin-bottom:20px;font-size:24px;}
.inspect .panel p{margin-bottom:0;font-size:18px;}
.inspect .btn{margin-left:10px;margin-right:10px;padding:8px 28px 8px 30px;border-radius:6px;}

.item-map{border-radius:6px;overflow:hidden;}
.map-content{width:100%;height:600px;border:1px solid #eee;border-bottom:none;}
.map-content .amap-marker-content{width:28px;height:42px;background:url(/assets/img/icon/map-marker.png) no-repeat center;background-size:cover;box-sizing:border-box;}
.map-content .marker-route{position:relative;top:-120px;left:-146px;width:320px;height:128px;background: url(/assets/img/map-tag.png) no-repeat center top;padding:0;}
.amap-logo,.amap-copyright{display:none !important;}

.route{text-align:center;}
.route .col-md-4{padding:0;}
.route .panel{margin-bottom:0;padding:30px;border:1px solid #eee;background:#fff;border-radius:initial;}
.route .panel.railway{border-left:none;border-right:none;}
.route .panel h4{margin-bottom:10px;}
.route .panel .travel{display:inline-block;margin-bottom:5px;margin-right:10px;width:24px;height:24px;}
.route .panel p{margin-bottom:0;color:#666;}

/* footer */
.footer{position:relative;background:#222;color:#ccc;}
.footer ul{list-style:none;padding-left:0;}
.footer li{padding-bottom:10px;}
.footer li a{color:#ccc;}
.footer li a:hover,.footer li.divider a:hover{color:#c00;}
.footer li.divider{padding-bottom:15px;font-size:18px;font-weight:500;}
.footer li.divider a{color:#ddd;}
.footer .list-unstyled{color:#999;}
.footer .list-unstyled h4{margin-bottom:5px;line-height:1;font-size:24px;white-space:nowrap;}
.footer .list-unstyled .glyphicon{margin-right:5px;padding:4px 3px 2px;top:-1px;font-size:50%;border:1px solid #999;border-radius:50%;}
.footer .list-unstyled .img-rounded{width:120px;opacity:0.8;}

/* copyright */
.copyright{background:#111;color:#999;text-align:center;}
.copyright ul.list-inline{margin-left:0;margin-bottom:0;}
.copyright ul.list-inline li{display:inline-block;}
.copyright ul.list-inline > li + li::before{padding-left:5px;padding-right:5px;color:#036;content:"";}
.copyright ul.list-inline .gawb{padding-left:20px;background:transparent url(../img/gawb.png) no-repeat 0px 5px;background-size:14px;}
.copyright a{color:#999;}
.copyright a:hover{color:#c00;}

.back-top{cursor:pointer;position:fixed !important;bottom:40px;right:40px;display:block;z-index:99;visibility:hidden;opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all 0.3s;transition:all 0.3s;background:rgba(6,106,201,.2);color:#066ac9;border-radius:10%;width:50px;height:50px;line-height:50px;text-align:center;}
.back-top .glyphicon{font-size:1.6rem;vertical-align:middle;}
.back-top:hover {background:#066ac9;color:#fff;}
.back-top.back-top-show{visibility:visible;opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);}

.breadcrumb .glyphicon{margin-right:5px;color:#666;font-size:90%;}

.service a:hover img,
.resource a:hover img,
.case a:hover img,
.news a:hover img,
.common a:hover img,
.routine a:hover img,
.problem a:hover img{transform:scale(1.02);transition:all .3s;}
.case .thumbnail:hover h4,
.news .thumbnail:hover h4,
.common .thumbnail:hover h4,
.routine .thumbnail:hover h4,
.service .thumbnail:hover h4,
.resource .thumbnail:hover h4,
.problem .thumbnail:hover h4,
.faq .panel:hover h4{color:#f00;}
.case .thumbnail:hover .info-more,
.news .thumbnail:hover .info-more,
.common .thumbnail:hover .info-more,
.routine .thumbnail:hover .more,
.service .thumbnail:hover .btn,
.problem .thumbnail:hover .more,
.faq .panel:hover .info-more{color:#666;}

@media (max-width:767px){
body{overflow-x:hidden;}
.container-fluid{padding-right:10px;padding-left:10px;width:100%;}
.py-6{padding-top:5rem;padding-bottom:5rem;}
.panel{margin-bottom:10px !important;}
.container{padding-right:10px;padding-left:10px;}
.row{margin-right:-10px;margin-left:-10px;}
.col-xs-12{padding-right:10px;padding-left:10px;}
p.text-center .btn-default,p.text-center .btn-warning{margin-top:5px;font-size:13px;}
p.text-center .btn-default .glyphicon{font-size:12px;}

.narrow .row{margin-right:-5px;margin-left:-5px;}
.narrow .col-xs-6{padding-right:5px;padding-left:5px;}
.narrow .caption,.narrow .thumbnail .caption{padding:15px 10px !important;}
.narrow .caption h4{margin-bottom:10px;height:40px;font-size:14px;}
.narrow img{border-top-left-radius:4px;border-top-right-radius:4px;}
.patent.narrow .caption h4{margin-bottom:0;height:30px;min-height:auto;line-height:1.2;}

.breadcrumb{padding:15px 10px;}

.navbar-top .container{font-size:14px;}
.navbar-top ul{width:100%;justify-content:space-between;}
.navbar-top ul.pull-left{display:none;}
.navbar-top .pull-right > li + li::before{padding-left:0;padding-right:18px;color:#5b73af;content:"|";}
.container > .navbar-collapse,.container > .navbar-header{margin-right:-10px;margin-left:-10px;}

.thumbnail{margin-bottom:10px;}
.thumbnail:hover{transform:initial;}

.navbar-brand{padding:15px 10px;}
.navbar-brand img{width:88.3px;height:30px;}
.navbar-default .navbar-toggle{margin:0;padding:23px 10px;border-color:#666;border-width:0;}
.navbar-default .navbar-toggle .icon-bar{background-color:#ddd;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}
.navbar-default .navbar-collapse{border-top:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);}
.navbar-default .navbar-nav{margin:0 -15px;}
.navbar-default .navbar-nav > li > a{padding:15px 10px;border-top:1px solid #666;font-size:16px;}
.navbar-nav > li .dropdown-menu{position:relative;top:-10px;left:auto;display:block;float:inherit;padding-left:25px;list-style:circle;background-color:transparent;border:none;border-radius:0;color:#ccc;-webkit-box-shadow:0 0 1px rgba(0,0,0,.175);box-shadow:0 0 1px rgba(0,0,0,.175);}
.navbar-default .dropdown-menu > li::marker{}
.dropdown-menu .divider{display:none;}
.navbar-default .dropdown-menu > li > a{padding:10px 0;}
.navbar-default .navbar-nav > .active > a::after{left:10px;right:10px;bottom:-1px;height:1px;}
.navbar-nav .contact{margin-left:10px;padding-left:10px;border-top:1px solid #666;}

.movable{height:75vh;}
.movable .item{left:10px;right:10px;}
.movable .video{width:auto;height:75vh;}
.movable h2{font-size:36px;}
.movable p{font-size:14px;}
.movable .btn{padding:8px 15px 9px;border-color:#ccc;font-size:14px;}

/* banner */
.banner .banner-text{padding-top:160px;padding-bottom:100px;}
.banner .banner-text h1,.banner .banner-text h2{font-size:24px;}
.banner .banner-text p{margin-top:10px;margin-bottom:0;font-size:14px;}

.section-header h3{font-size:28px;}
.section-header p{font-size:14px;}

.whoami .item{margin-bottom:10px;padding:20px 10px;height:auto;}
.whoami .item dl{margin-bottom:0;}
.whoami .item h4{font-size:22px;}
.whoami .item small{font-size:16px;}
.whoami .establish,.whoami .patent,.whoami .staff,.whoami .laboratory,.whoami .utility-model,.whoami .customer{background-size:44px;}
.whoami .office-building{padding-top:125px;padding-bottom:125px;}

.item-process{margin-bottom:20px;}
.item-process .img-rounded{margin-bottom:10px;border:1px dotted #001e64;background:#d0e1ee;}
.item-process .panel h4{font-size:14px;}
.item-process .col-xs-4:nth-child(3)::after{display:none;}

/* .routine */
.routine .row{margin-right:-5px;margin-left:-5px;}
.narrow .col-xs-12,.routine .col-xs-6{padding-right:5px;padding-left:5px;}
narrow
.routine .caption{padding:15px 10px !important;}

.create .col-md-3{width:100%;}
.breadcrumb > li{display:inline;}

.summary .glyphicon-menu-left,.summary .glyphicon-menu-right{font-size:20px;}
.summary .caption{height:auto;}
.summary .btn{padding-left:15px;padding-right:15px;}
.summary .btn-default{margin-left:0;margin-right:0;}
.summary .list-inline{position:static;margin-bottom:0;text-align:center;}
.summary p:last-child{margin-bottom:0;}
.characteristic.narrow .caption,.parameter.narrow .caption{padding:0 10px !important;}
.characteristic ul{position:static;transform:initial;padding-left:15px;}
.characteristic .panel,.parameter .panel{padding:30px 20px;}
.parameter .caption h4{min-height:20px;}

.location .list-inline{overflow-x:scroll;padding-bottom:10px;}
.location .list-inline a{padding:10px;}

.techspecs-rowheader{width:50px;}
.summary .item-content{padding:20px 20px 10px;}
.summary .caption .row .col-xs-4,
.summary .caption .row .col-xs-8{padding-right:10px;padding-left:10px;}


.overview .flex,.characteristic .flex,.tabpanel .flex{display:block;}
.overview .caption{padding:20px;transform:none;}
.tabpanel .media-list{transform:none;}
.overview .flex .img-rounded{padding-top:30px;}

.table-responsive{padding-bottom:5px;}
.table-responsive>.table{margin-bottom:5px;}

h1.mb-5,h1.mb-6{margin-bottom:4rem;font-size:24px;}
h3.mb-5{font-size:24px;}
h3.mt-0.mb-5{margin-top:2rem;}
.clearfix .pull-right{margin-top:3px;}

.case .thumbnail .caption,.news .thumbnail .caption,.news .thumbnail .item-caption{padding:15px 10px;overflow:hidden;}
.news .thumbnail .caption h3,.news .thumbnail .item-caption h3{line-height:24px;color:#333;font-size:100%;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.free .col-sm-3{padding-right:10px;padding-left:10px;}

/* news */
.news .thumbnail .caption h3{margin-top:10px;margin-bottom:10px;height:50px;}
.news h1.title{line-height:1.2;font-size:24px;}

.content{font-size:15px;}
.content .row{margin-right:-10px;margin-left:-5px;}
.content h2.pb-4{margin-top:0;font-size:18px;}
.content ul{padding-left:2em;}
.content ul li{margin-bottom:10px;line-height:1.7;}
.content .col-xs-6{padding-right:5px;padding-left:5px;}
.content .col-xs-6 .img-rounded{margin-bottom:10px;}

.widget-title h3{font-size:18px;}
.widget-title h3::before{width:1.83em;}
.list-group .media-left{display:table-cell;}
.list-group .media .media-object{width:96px;max-width:none;height:64px;}
.list-group .media .media-body{padding-left:15px;}
/* */
.resource .card{margin-bottom:10px;background:#fff;border-radius:6px;}
.resource .card::before,.resource .card-overlay{position:relative;}
.resource .card .img-rounded{border-radius:6px 4px 0 0;}
.resource .card-overlay .card-text{margin-bottom:0;padding:15px 10px;color:#333;}
.resource .card-overlay h4{font-size:14px;}
.resource .card-overlay .delayed{display:none;}
.resource .card-overlay:hover{transform:translateY(0px);}

/* case */
.case{overflow:hidden;}
.case .carousel-control.left{left:-15px;bottom:10px;}
.case .carousel-control.right{right:-15px;bottom:10px;}
.case .carousel-control .glyphicon-menu-left,.case .carousel-control .glyphicon-menu-right{top:52%;padding:8px;font-size:18px;}

.case .thumbnail h3{margin-bottom:10px;height:40px;font-size:100%;}
.case .caption h4{margin-bottom:10px;height:40px;line-height:1.42857143;-webkit-line-clamp:2;}
.case .caption span.label-default,.case .caption small.label-default{padding:6px;font-size:11px;}
.case .caption small:nth-last-child(2){margin-right:0;}
.case .caption .glyphicon{display:none;margin-right:0;}
.case .caption .pull-right{display:none;}



.summary .caption h1, .summary .caption h3{padding-top:2.5rem;letter-spacing:.5px;font-size:21px;}
.summary .caption h1::after{margin:10px 0 0;}

/* service */
.principle .caption ul{height:98px;}
.principle .caption ul li{background:transparent url(../img/tick.png) no-repeat 2px 6px;background-size:12px;}
.problem .thumbnail .caption h4{height:40px;line-height:1.42857143;font-size:14px;}
.problem .pull-right,.news .thumbnail .limit .pull-right{display:none;}

.idea .caption p{margin-bottom:25px;height:auto;}

/**/
.news .thumbnail .limit{margin-top:0;}
.news .thumbnail .limit h4{margin-bottom:10px;height:40px;line-height:1.42857143;font-size:14px;}
.news .thumbnail .caption h4{margin-top:10px;margin-bottom:10px;height:40px;line-height:1.42857143;font-size:14px;}
.common .thumbnail .caption h4{margin-bottom:10px;height:40px;line-height:1.42857143;font-size:14px;}
.common .thumbnail .pull-right{display:none;}
.news .col-md-9{padding-right:10px;}

.faq .panel h4{padding:15px 10px;}
.faq .caption p{height:50px;}

/* company */
.about-section{padding-top:5rem;padding-bottom:130px;}
.company h3,.company h4,.company p:nth-child(2),.company p:nth-child(4){display:none;}
.company .btn-default{margin-top:0;padding:8px 15px;font-size:14px;}


.company p{text-align:center;}
.text-company p{font-size:100%;}

.plate{margin-top:20px;}
.plate .container{padding-right:5px;padding-left:5px;}
.plate .list-unstyled{margin-right:5px;margin-left:5px;background:rgba(255,255,255,.9);}
.plate .col-xs-6{padding-right:5px;padding-left:5px;}
.plate .panel{margin-top:0;padding-top:20px;padding-bottom:20px;}
.plate .list-unstyled h4{font-size:28px;letter-spacing:-2px;}
.plate .list-unstyled small{font-size:18px;}
.plate .list-unstyled h5{font-size:14px;}
.plate.blue{margin-top:0;margin-bottom:-60px;}
.plate.blue .col-xs-6{margin-bottom:30px;}
.plate .ascent{padding-bottom:0;}

.leader .caption h4,.history .caption h4{text-align:center;}
.leader .caption p, .history .caption p{min-height:44.8px;}

/**/
.honor .caption p{min-height:68px;}
/* inspect */
.inspect .panel{padding:40px 20px;}
.inspect .panel h4{font-size:18px;}
.inspect .panel p{font-size:16px;}

/*course*/
.work-in p:last-child{margin-bottom:20px;}
.work-in .row{margin-right:-5px;margin-left:-5px;}
.work-in .col-xs-6{padding-right:5px;padding-left:5px;}

.media-list .media{padding-bottom:0;}
.media-list .media h4{font-size:16px;}
.media-list .media p{margin-bottom:0;}

/*在招岗位*/
.panel-group .panel-title > a{padding:20px 15px;}
.panel-group .panel-title .glyphicon{right:15px;}
.panel-group .panel-body{padding:10px 15px 15px;}
.panel-group .panel-title{font-size:16px;}
/*福利待遇*/
.welfare .panel{padding:20px;}
.welfare .panel h4{margin-bottom:20px;font-size:18px;}
.welfare .panel .welfare-icon{top:10px;width:40px;height:40px;}
.welfare .panel:hover .welfare-ico{top:15px;}
/*联系DB电竞*/
.item-contact .panel{padding:25px 10px;height:180px;}
.item-contact .img-rounded{width:42px;height:42px;}
.item-contact p{font-size:15px;}
.item-contact h4{font-size:16px;}
.item-map{overflow:inherit;}
.map-content{height:400px;}
.map-content .marker-route{top:-96px;background-size:80%;}
.route .col-xs-12{padding-right:0;padding-left:0;}
.route .panel{padding:20px;margin-bottom:-1px !important;}
.route .panel.railway{border:1px solid #eee;}
.form-list{padding:0;border:none;}

/**/
.service .caption h3{font-size:18px;}
.service .caption p{margin-bottom:5px;color:#333;font-size:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.service .caption p:last-child{display:none;}
.service .thumbnail{padding:0px;}
.service .img-responsive .img-rounded{width:100%;border-radius:6px 4px 0 0;}
.service .caption h4{padding-bottom:0px;height:30px;}

.service .thumbnail .panel-footer{padding:15px 10px;background:transparent;text-align:center;}
.service .thumbnail .panel-footer .img-rounded{margin-right:5px;width:38px;height:20px;border:1px solid #eee;}
.service .thumbnail .panel-footer .img-rounded:nth-child(3){margin-right:0px;}
.service .thumbnail .panel-footer p{margin-bottom:0;height:auto;overflow:hidden;}
.service .col-md-4:nth-child(4),.case .col-md-4:nth-child(4),.news .col-md-4:nth-child(4),.donot .col-md-4:nth-child(4){display:block;}


.footer .col-md-10{display:none;}
.footer .col-xs-6,.footer .list-unstyled{width:100%;}
.footer .list-unstyled{padding-left:0;}
.footer .bottom-logo{width:160px;}

.pager{margin-bottom:20px;}
.pager li{border:1px solid #eee;}


.back-top{bottom:10px;right:10px;width:40px;height:40px;line-height:40px;}
}
@media (min-width:960px){
.news .thumbnail .caption{padding:20px;}
.news .thumbnail .caption h4{margin-top:15px;margin-bottom:15px;height:60px;font-size:18px;}
}
@media (min-width:1200px){
body{font-size:15px;}
.switch .carousel-caption h2{font-size:54px;}
.about-section{padding-bottom:120px;}
.company h3{margin-top:5px;margin-bottom:10px;}
.company p.mb-6{margin-bottom:4rem;}
.company .btn-default{margin-top:20px;}
.text-company p{font-size:15px;}

.summary .btn{padding:10px 20px;}
.summary .list-inline{bottom:0;}

.overview .caption{padding:30px 50px;}
.overview h4.py-5{padding-top:2.5rem;padding-bottom:2.5rem;}
.overview .number{font-size:64px;}
.overview .flex p{margin-bottom:10px;}
.news .thumbnail .caption{padding:25px;border-top:1px solid #eee;}
.news .thumbnail .caption h4{margin-top:20px;margin-bottom:20px;height:60px;font-size:20px;}
}
@media (min-width:1600px){
body{font-size:16px;}
.about-section{padding-bottom:140px;}
.company h3{margin-top:10px;margin-bottom:15px;}
.company p.mb-6{margin-bottom:6rem;font-size:120%;}
.company .btn-default{margin-top:30px;}
.text-company p{font-size:17.5px;}

.summary .item-content{margin-bottom:5rem;}
.summary .btn{padding:15px;font-size:18px;}

.overview .caption{padding:50px;}
.overview h4.py-5{padding-top:3rem;padding-bottom:3rem;}
.overview .number{font-size:72px;}
.overview .flex p{margin-bottom:20px;}
}