.keTitle{  background: #fff; position:fixed; width: 100%; left: 0; top: 0; z-index: 10; padding:0% 3%; height:2.6rem; overflow: hidden; }
.keTitle h1{ width: 67%; margin-top: 3%; margin-right:5%;float: left;}
.keTitle h1 img{ width: 100%}
.keTitle span {width: 20%; overflow: hidden; display: inline-block; margin-top: 7%;}
.keTitle span img{ width: 1.2rem; height: .8rem; margin-left: 20%; padding-left: 40%;}
.page0{ width: 100%;height: 88%;}
.st-screen{  width: 100%; background: url("../images/img_10.png") bottom no-repeat; background-size: 100% 100%; height: 100%;}
/*.st-screen img{ height: 112%; width: 100%; margin-top: -12%;}*/
.st-screen_01 span{ position: absolute; left: 38%; bottom: 10%;}
.st-screen_01 span img{ width: 45%;}

.st-gauge{ display:block}
.st-product{ background: url("../images/bj.png");height: 100%; width: 100%; background-size: 100% 100%;}
.sts-title{ text-align: center;display: inline-block; margin-top: 3rem; width: 100%;}
.sts-title img{ width: 48%; margin-bottom: 5px;}

.st-content{ background: #fff;width: 92%; margin-left: 4%; height: 69%; border-radius: 8px; overflow: hidden;}
.st-productdetails ul { padding-top: 5%;}
.st-productdetails ul li{ width: 47%; overflow: hidden; margin-left: 2%; text-align: center; display: inline-block; margin-top:7%;}
.st-productdetails ul li p{float: left; width: 100%;}
.st-productdetails ul li p img{ width: 2.2rem;margin-bottom: 4%; }
.st-productdetails ul li p.title{ font-weight: bold; color: #656565; font-size: .75rem; margin-bottom: .2rem;  text-align: center;}
.st-productdetails ul li p.label{ -webkit-line-clamp: 1; color: #6f747a;text-transform:uppercase; font-size: .35rem;}
.st-productdetails ul li p.text{ font-size: 0.5rem;-webkit-line-clamp: 3; line-height: .69rem; margin-top: .1rem; color: #686868;letter-spacing:-1px; }
.st-productdetails ul li p.text font{color: #02aaf9; padding-right: 2px; float: right;}
.st-productdetails span img{ width: 100%; height: 31%; margin-top: 4%;}
.animate-arrow{ display: inline-block;width: 12%;margin-left: 44%; height: 28px; margin-top: 5%;}
.animate-arrow img{ width: 85%;}
.journalism ul li {padding-bottom: .6rem !important;; margin-bottom: .4rem !important;}

.conceal{ word-break:break-all; display:-webkit-box;   -webkit-box-orient:vertical; overflow:hidden;}
/*新闻*/
.st-journalism ul,.st-introduction ul,.st-recruitment ul,.st-About ul{ margin: 3%; padding:3%; width: 88%; height: 89%; border: 1px solid #d3d0dd;border-radius: 8px; overflow: hidden;}
.st-journalism ul li,.st-journalism01 ul li{ margin-bottom: .2rem; border-bottom: 1px solid #f1f1f1; padding-bottom: .4rem; margin-top: 1px;  position: relative;  padding-left: 4.8rem;}
.st-journalism ul li:last-of-type,.st-journalism01 ul li:last-of-type{border-bottom: none;}
.st-journalism ul li p.icon,.st-journalism01 ul li p.icon{     position: absolute;left: 0;top:4px;width:4.5rem; height: 4.5rem; overflow: hidden; }
.st-journalism ul li p.icon img,.st-journalism01 ul li p.icon img{ width: 100% ;height: 100%;}
.st-journalism ul li span,.st-journalism01 ul li span{ display: block; overflow: hidden; box-sizing: border-box; padding-left: 5px; overflow: hidden; line-height: 1;}
.st-journalism ul li span p,.st-journalism01 ul li span p{ line-height: .9rem;}
.st-journalism ul li span p.title,.st-journalism01 ul li span p.title{ font-weight: bold; margin-top: -2px; font-size: .6rem; -webkit-line-clamp:1;}
.st-journalism ul li span p.time{ color: #969696;}
.st-journalism ul li span p.text{ -webkit-line-clamp:2;height: 1.7rem; }
.st-journalism ul li span p.details,.st-journalism01 ul li span p.details{ border: 1px solid #e6e6e6; margin-top: .1rem; font-size: 12px; line-height: 22px; text-align: center; width: 65px;height: 22px;}
.st-journalism ul li span p.details a,.st-journalism01 ul li span p.details a{color: #333;}


/*公司简介*/
.st-introduction ul li p img{ width: 98%; margin-left: 1%; height:6.8rem; margin-bottom: 6px; border-radius: 8px;overflow: hidden;}
.st-introduction ul li p.text{ line-height: .9rem; font-size: .55rem; margin-top: .1rem; text-indent:25px;}

/*招聘*/
.st-recruitment p.title{ background: url("../images/name.png") bottom left no-repeat ; margin-bottom: 12px; width: 60%;overflow: hidden; height: 2rem; background-size: auto 67%;}
.st-recruitment p.title em{ padding-left: 20px; color:#1394dd;font-style: normal; font-weight: bold; padding-left: 43px;line-height: 2.5rem ; font-size: .75rem;}
.st-recruitment p.text{ padding-left: 42px; margin-bottom: 4px;letter-spacing:-1px; font-size: .5rem;}
.st-recruitment ul span{ margin-left: -3.5%; width:108%;overflow: hidden; margin-top: 10px; display: inline-block;}
.st-recruitment ul span img{width: 100%;}
.st-recruitment_1 p.title{font-size: .7rem; margin-bottom: 0px; background: none; font-weight: bold;}
.st-recruitment_1 p.title em{font-style: normal; padding-left: 0px;}
.st-recruitment_1 p.text{ padding-left: 0px;}
.st-recruit em{ color: #02ade9 ; line-height: 1.5rem;}
.st-recruit ul li{ width: 100%; margin-bottom: .8rem;  display: inline-block;}
.st-recruit ul li p{ line-height: 1.2rem;}
.st-recruit ul li p span,.st-recruit ul li p font{ color: #999;}
.st-recruit ul li p samp{ width: 66%;vertical-align: baseline; display: inline-block;}





/*关于我们*/
.st-About ul{ height: 88%;}
.st-About ul {background: url("../images/banner_02.png") no-repeat bottom 12px right 6px; background-size: 80%; padding-top: 20px; }
.st-About ul li{ line-height: 1.4rem; font-size: .65rem;}
.st-About ul li span{ width: 20%; text-align: right; float: left;}
.st-About ul li p{ display: inline-block; width: 78%;}


.transparency{width: 100%; height: 100%; overflow: hidden;background-color: rgba(0,0,0,0.7); z-index: 11; position: fixed; left: 0; top: 0;}
.st-navigation{ position: fixed; right: 0; top: 0; width: 32%; height: 100%;z-index: 999; background-color: rgba(0,0,0,0.5);}
.st-navigation ul {  margin-top: 60px;}
.st-navigation ul li { color: #c0c0c0;    opacity: 1 !important;display: block; line-height: 62px; font-size: .7rem; text-align: center; width: 100%; border-bottom: 1px solid #6b6b6b}
.st-navigation ul li a{color: #c0c0c0;}
.st-navigation span{background: #eaeaea;position: absolute; top: 0; width: 100%; height: 2.6rem; display: inline-block;}
.st-navigation span img{width: 60%; padding: 10% 20%;}


/*底部*/


.st-container {position: fixed;bottom: 3%;left: 0%;transform: translate(-50%, -62%);z-index: 6; width: 12%; text-align: center; margin-left: 53%;height: 28px;}
.st-container div, .st-container span {position: absolute;}
.st-container .chewing { -webkit-animation: bounce 0.6s ease-in-out infinite;}
@keyframes bounce {
    0% {
        bottom: 0;
    }
    65% {
        bottom: 8px;
    }
    100% {
        bottom: 0;
        border-radius: 49% 47% 42% 40%/60% 60% 40% 40%;
    }
}

/*产品*/
.st-headline{ padding-top: 12px; padding-left: 10px; background: url("../images/bj_01.png") repeat-x top;  height: 85px;}
.st-headline span{ margin: 3%; display: inline-block; width: 10%;}
.st-headline span img{ width: 30%;}
.st-headline h1{ width: 65%; font-size: 17px; color: #fff; letter-spacing:1px; text-align: center; font-weight: normal; display: inline-block;}

.st-content_chunk{ background: #fff;min-height: 80%; -webkit-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: darkgrey -1px 2px 14px -4px ;width: 90%; margin: 5%; border-radius: 10px; position: absolute; top:45px ; overflow: hidden;}
.st-journalism01{ margin: 3%; padding:3%; width: 88%; height: 89%; display: inline-block;}
.st-journalism01 ul li span p.text{ font-size: .45rem; -webkit-line-clamp:3;height: 2.7rem; }
.st-journalism01 ul li{ padding-bottom: 15px; margin-bottom: 12px;}

.st-specific{padding: 3%; width: 94%; border: none}
.st-specific h2{ font-size: .7rem; line-height: 2rem; text-align: center;}
.st-specific p{ font-size: .6rem; line-height: 26px;}
.st-specific samp img{ width: 100%; border-radius: 8px;}
/*.st-specific span{ float: right; width: 100%; color: #999; text-align: right; padding-bottom: 5px;}*/
.st-specific img{width:100%; padding-top: 10px;}
.st-specific span{font-size: .6rem !important;}


.message-content{ float: left;width: 92%;padding: 5% 4% 0% 4%;}
.message-content ul li {float: left; width: 100%; line-height: 32px; margin-bottom: 6px; }
.message-content ul li samp{ float: left; width: 20%; font-size: 14px;}
.message-content ul li i{color: red;}
.import-content,.import-introduce{ width: 78%; color: #888888; border: 1px solid #DDDDDD; padding-left: 4px; line-height: 24px; height: 24px;}
.message-content ul li p{float: left; margin-right: 10px;}
.import-introduce{ height: 100px;width: 98%;}
.uploading{float: left; width: 100%; height: 30px;}
.uploading p{ margin-right: 16px; float: left;  color: #188eee; font-weight: bold;position: relative;}
.uploading p a{ color: #02ade9;}
.uploading p samp {float: left;}
.uploading p samp img{ float: left; width: 20px; margin-right: 2px;}
.uploading span{ width: 60%;}
.uploading span a{ text-decoration: underline; float: left;    max-width: 80%;  height: 19px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.uploading span samp{ float: left;}
.uploading span samp img{width: 20px; margin-left: 4px;}
.list-submit{  width: 80%; margin-left: 10%; line-height: 36px; color: #FFFFFF; margin-top: 20px; border-radius: 4px; float: left;background: #188eee;  text-align: center;margin-left: 35%; width:30%; margin-right: 35%; background: #02ade9;    margin-bottom: 20px;}
.list-submit a{color: #fff;}
#fileupload { opacity: 0;position: absolute;top: 0; left: 0; width: 100px; height: 30px;}
#form_add_resume{    border-top: 1px solid #f3f3f3;  display: flow-root;  padding: 5%;}

/*产品介绍*/
.product-presentation{ padding: 3%; margin-bottom: 10px; width: 96%;}
.product-presentation p.st-picture img{ width: 100%;}
.product-presentation p.st-title{font-weight: bold; padding-bottom: 10px; text-align: center;}
.product-presentation p.st-introduce em{color: #8e8e8e;    font-style: inherit;}
.product-presentation p{ display: inline-block; line-height: 26px; width: 100%;}
.product-presentation p.st-trait{color: #8e8e8e;}
.product-presentation p.st-d1{display: inline-block;width: auto;   padding-left: 2px;}