@charset "utf-8";

 .product-box{width:100%;background:#f1f8ff;padding:.8em 0}
 .product-class{width:100%;border-bottom: 1px solid #1083f0;position: relative;padding-bottom: .8em;font-size: .75em;}
 .product-class i{width:0;height:0;border:6px solid transparent;border-top:6px solid #1083f0;position: absolute;bottom:-13px;left:11%;transition:.2s all ease-out} 
 .product-class span{width:100%;} 
 .product-class span b{width:22%;margin:0 1.5%;padding-top:2.5em;float:left;color: #1182f0;line-height: 150%;opacity:.5;transition:.2s all;font-weight:normal}
 .product-class span b.pro-class1{background: url(../../images/mobileimages/product-ico.png) center .2em no-repeat;background-size: 2.5em auto;} 
 .product-class span b.pro-class2{background: url(../../images/mobileimages/product-ico.png) center -7.8em no-repeat;background-size: 2.5em auto;}
 .product-class span b.pro-class3{background: url(../../images/mobileimages/product-ico.png) center -15.5em no-repeat;background-size: 2.5em auto;}
 .product-class span b.pro-class4{background: url(../../images/mobileimages/product-ico.png) center -23.5em no-repeat;background-size: 2.5em auto;}

 .product-class span b.pro-current{opacity:1}
 .product-list{width:86%;padding:1em 7%;text-align: left;font-size:.7em;}
 .product-list span{line-height:180%;margin:.2em 0;width:100%;float:left;position: relative;}
 .product-list span i{width:1.4em;height:1.8em;position:absolute;top:0;left:0;background: url(../../images/mobileimages/titleico.png) right center no-repeat;background-size:auto .6em;float:left;margin-right:.5em}
 .product-list span b,.product-list span a{font-weight: normal;float:left;width:100%;padding-left:2em;box-sizing: border-box;}
 .product-list span:hover a{color:#1182f0}

 .product-info{width:90%;text-align: left;line-height: 180%;font-size: .7em;padding:1.5em 5%;background: #fff;}
 .product-info .pro-title{font-size:1.2em;color:#1082f2;padding:.5em 0;display: inline-block;text-align: center;width:100%}
 .product-info p{text-indent: 2em;padding:.3em 0}
 .product-info img{max-width: 100%;display: inline-block;}
 
 .pro-title-tip{width:90%;padding:.5em 5%;}
 .pro-title-tip a{width:100%;float:left;line-height: 200%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#1182f0}
 .pro-title-tip a.title-next{opacity:.5}
 .pro-title-tip a:hover{opacity:.5}
 .pro-title-tip a.title-next:hover{opacity:1}
 
/*---------------------------------product end------------------------------------*/

.news-bar,.news-box,.hire-bar{width:92%;padding:0 4% .5em 4%;}
.news-bar ul{width:100%;border-top:1px solid #d8d8d8;}
.news-bar ul li{border-bottom:1px solid #d8d8d8;padding:.8em 0 .8em 6.5em;float:left;position: relative;width:100%;box-sizing: border-box;transition: .2s all;}
.news-bar ul li img{height:3.6em;float:left;background: #9fccf9;position: absolute;left:0;top:1em;width:5.98em}
.news-bar ul li  p{text-align: left;width:100%;float:left}
.news-bar ul li  p a,.news-bar ul li  p span{width:100%;line-height: 150%;float:left}
.news-bar ul li  p a{font-size: .8em;color:#0c79e8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.news-bar ul li  p span.news-info{color:#999;font-size:.6em;}
.news-bar ul li  p span.news-info i{display: inline-block;padding-left:2em}
.news-bar ul li  p span.news-info i.view{background: url(../../images/mobileimages/news-ico.png) left -10.3em no-repeat;background-size: 1.8em auto;}
.news-bar ul li  p span.news-info i.thumb{background: url(../../images/mobileimages/news-ico.png) left -6.5em no-repeat;background-size: 1.8em auto;}
.news-bar ul li  p span.news-des{font-size:.65em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;color:#666;overflow: hidden;}
.news-bar ul li:hover{background:#fafafa;}

.news-box{line-height: 150%;text-align:left}
.news-title,.news-title{width:100%;float:left}
.news-title{font-size: .8em;color:#333;}
.news-post{font-size:.7em;color:#999;border-bottom:1px dotted #999;padding-bottom:.3em}
.news-post i{display: inline-block;padding-left:2em}
.news-post i.view{background: url(../../images/mobileimages/news-ico.png) left -10em no-repeat;background-size: 1.8em auto;}
.news-post i.thumb{background: url(../../images/mobileimages/news-ico.png) left -6.3em no-repeat;background-size: 1.8em auto;}
.news-cont{width:100%;font-size:.7em;}
.news-cont p,.about-box p{padding:.2em 0;display: inline-block;text-indent:2em;}
.news-cont img{max-width:100%;display: inline-block;}

.give-thumbs{width:100%;padding:.8em 0;font-size:.7em;text-align: center;border-top:1px dotted #999;margin-top:.8em;line-height: 200%;}
.give-thumbs span{displayinline-block;color:#ff5757;padding-left:2.5em;background: url(../../images/mobileimages/news-ico.png) left .1em no-repeat;background-size: 2em;}
.give-thumbs span.visited{background: url(../../images/mobileimages/news-ico.png) left -4em no-repeat !important;background-size: 2em !important;}

.about-box{text-align:left;line-height: 180%;width:92%;padding:.3em 4%;font-size: .7em;}
.about-box p{padding:.2em 0;display: inline-block;text-indent:2em;}

.culture,.history{width:92%;padding:1em 4%;background: #fbfbfb;display: inline-block;}
.culture .culture-des{width:100%;}
.culture .culture-des p{width:96%;padding:1em 2%;float:left;font-size:.7em;color:#1182f0;line-height: 150%;}
.culture .culture-des p span{width:100%;padding-left:4.8em;float:left;box-sizing: border-box;text-align: left;}
.culture .culture-des p span b{font-weight:normal;width:100%;float:left}
.culture .culture-des p span.culture1{background: url(../../images/mobileimages/culture.jpg) left top no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture2{background: url(../../images/mobileimages/culture.jpg) left -7.5em no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture3{background: url(../../images/mobileimages/culture.jpg) left -15em no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture4{background: url(../../images/mobileimages/culture.jpg) left -22.4em no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture5{background: url(../../images/mobileimages/culture.jpg) left -29.8em no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture6{background: url(../../images/mobileimages/culture.jpg) left -37.3em no-repeat;background-size: 3.6em auto;}
.culture .culture-des p span.culture7{background: url(../../images/mobileimages/culture.jpg) left -44.9em no-repeat;background-size: 3.6em auto;}


.honor{width:96%;padding:1em 2%;background: #fff;display: inline-block;}
.honor ul,.history ul{width:100%;float:left}
.honor ul li{width:42%;margin-left:2%;padding:2%;border:1px dotted #1182f0;float:left;margin-bottom:3%}
.honor ul li img{width:100%;height:69%;float:left}

.history ul li{width:100%;float:left;line-height: 120%;margin-top:-.5em}
.history ul li span{width:50%;box-sizing: border-box;float:left;position: relative;}
.history ul li.history-right span{border-left:1px solid #e3eefa;text-align: left;margin-left:50%;}
.history ul li.history-left span{border-right:1px solid #e3eefa;text-align: right;margin-left:1px}
.history ul li span b{width:94%;font-size:.8em;color:#1182f0;float:left}
.history ul li span a{font-size:.7em;color:#666;width:94%;float:left}

.history ul li.history-right span b,.history ul li.history-right span a{padding-left:6%}
.history ul li.history-left span b,.history ul li.history-left span a{padding-right:6%}
.history ul li span i{position:absolute;top:0;width:1.4em;height:1.4em;background: url(../../images/mobileimages/rectang.png) center no-repeat;background-size:auto 1.3em;}
.history ul li.history-right span i{left:-.75em;}
.history ul li.history-left span i{right:-.7em;}

.hire-bar ul{width:100%;padding-bottom:.8em;float:left;font-size: .8em;border-top:1px solid #1182f0;}
.hire-bar ul li{padding:.8em 0;border-bottom:1px solid #1182f0;position: relative;float:left;width:100%}
.hire-bar ul li a{position: absolute;right:1em;top:.8em;padding:0 1em;line-height: 180%;font-size:.9em;border:1px solid #0c79e8;color:#0c79e8;border-radius:4px;transition: .2s all;}
.hire-bar ul li a:hover{color:#fff;background: #0c79e8;}

.hire-bar ul li p{padding-left:5%;width:90%;float:left;text-align: left;line-height: 150%;}
.hire-bar ul li p b,.hire-bar ul li p span{width:100%;float:left;font-size: .9em;}
.hire-bar ul li p b{color:#1182f0;}

.join-detail{width:92%;padding:.4em 4%;}
.join-detail .post-info{line-height: 120%;border-top:1px dotted #1182f0;width:100%;display: inline-block;padding-top:.6em}
.join-detail .post-info b,.join-detail .post-info span{float:left;}
.join-detail .post-info b{font-size:.8em;color:#1182f0;width:100%;}
.join-detail .post-info span{font-size:.7em;text-align:left;width:90%;padding-left:10%}

.join-detail .post-require{font-size: .7em;line-height: 180%;width:90%;float:left;text-align: left;padding:0 5% .2em 5%;margin-top:-.5em}
.join-detail .post-require span{}