@charset "utf-8";
.box-bg{ background-color: #f5f7fa; padding: 70px 0;}
.box-bg02{background-color: #fff; padding: 70px;}
.box-bg h2{line-height: 1.2; font-size: 50px;}
.ml50{margin-left: 50px;}
*{box-sizing:border-box}
/*.header{height:78px;}*/
.header .logo a{height:58px;}
.banner{width: 100%; color: #fff; }
.banner .item_info h2{font-size: 56px; padding-top: 70px;font-weight: 700; line-height: 54px;margin-top:0;}
.banner .item_info p{font-size: 22px; line-height: 28px;}

.item_services{position:relative; width: 100%; /*height: 106px;*/ background-color: #fff; -webkit-box-shadow: 2px 2px 4px rgba(83, 100, 122, 0.35); -moz-box-shadow: 2px 2px 4px rgba(83, 100, 122, 0.35); box-shadow: 2px 2px 4px rgba(83, 100, 122, 0.35);}
.item_services li{/*width: 25%;*/ float: left; text-align: center; line-height: 106px; height: 100%;}
.item_services a{font-size: 22px;}
.item_services .a_icons{width: 63px; height: 45px; margin-right: 5px; background: url('../img/orderonline/a_icons.png') no-repeat; display: inline-block; vertical-align: middle;}
.item_services .a_icons01{background-position: 0 0;}
.item_services .a_icons02{background-position: -63px 0;}
.item_services .a_icons03{background-position: -126px 0;}
.item_services .a_icons04{background-position: -189px 0;}
.item_services li.selected{height: 109px; border-bottom: 4px solid #008C95;}
.item_services li.selected a{ color: #ff9900;}
.item_services li.selected .a_icons01{background-position: 0 -45px;}
.item_services li.selected .a_icons02{background-position: -63px -45px;}
.item_services li.selected .a_icons03{background-position: -126px -45px;}
.item_services li.selected .a_icons04{background-position: -189px -45px;}

.a_news{padding-bottom: 40px;}
.a_news h3{font-size: 20px;font-weight:normal}
.a_news .item-l{width: 100%; padding: 20px;background-color: #fff;}
.a_news .item-r{width: 300px; padding: 20px; border: 1px solid #dae2ed; background-color: #fff; display:none}
.a_news .item-r p{line-height: 16px;}
.a_news .an_time{color: #ccc; font-size:12px;}
.a_news .an_con{padding-bottom: 20px; margin-bottom: 20px;border:1px solid #e2e2e2;padding:20px;   }
.a_news .item-r .an_con{ border-bottom: 1px dashed #ddd;}
.an_l{width: 260px; height: 160px;}
.an_l img{width: 260px; height: 160px;}
.an_r{margin-left: 20px;width: 910px;}
.an_r h4{font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden;}
.an_r a{color: #000; -webkit-line-clamp:2; display: -webkit-box;overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical;}
    
.a_news .an_con:hover{box-shadow:0 0 20px #f2f2f2;    transition: all .3s cubic-bezier(.55,0,.1,1);
    -webkit-transform: translate3d(0,-1px,0);
    -ms-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);}

.an_con .tags  {padding:8px 0;}
.an_con .tags  li{margin:2px 10px 0 0;float:left;background-color: #E1F8FA;padding:5px 15px;border-radius:4px;color:#008C95}
.an_con .tags  li a{ color: #999;cursor:pointer; padding: 2px 4px; text-decoration: none;white-space: nowrap; position: relative;}
.an_con .tags li:hover{  background-color: #ddd;}
.an_con .tags li a:hover{  color: #fff;}
 .linebox_staic{position: relative;}
.linebox_fixed{position: fixed; top: 0; z-index: 100;}



@media (max-width:1200px) {
.an_r{width:100%}
.bottom-navigation{width:100%}
.banner .item_info h2{font-size:24px;line-height:30px}
}

@media (max-width:750px) {
.an_r{width:100%;margin:0}
}