*{margin:0; border:0; padding:0; font-family:"微软雅黑","Microsoft YaHei" !important}
body{ min-width:1200px; ; font-size:12px;}
.width{width:1200px; margin:0 auto; clear:both;}
.display-t,.index-ul li,.index-ul2 li,.page-ul li{display:inline-block; vertical-align:top;}
.display-m,.li-text,.footer li{display:inline-block; vertical-align:middle;}
.logo img{max-width:100%; max-height:100px; display:block;}
.one:after,.two:after,.three:after,.four:after,.five:after,.six:after {
    bottom: 7px;
    position: absolute;
    display: block;
    width: 100%;
    color: #999;
    font-size: 12px;
    text-align: center;
	z-index:-1;
}
li.on::before,li.hover::before {
    left: 40px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    display: block;
    background: red;
    height: 2px;
    width: 23px;
    content: '';
}
.one:after{content:'Home';}
.two:after{content:'About us';}
.three:after{content:'Products';}
.four:after{content:'Service';}
.five:after{content:'Network';}
.six:after{content:'Contact';}
.clear{clear:both;}
.index-ul2 li:first-child img,.index-ul li .li-text img,.index-ul2 li img,.footer li>img,.page-ul li:first-child img{display:block;}
.banner,.banner img{width:100%; display:block; clear:both;}
/*footer*/
footer{width:100%; background:#eee; color:#555; clear:both;line-height:20px;}
.footer li:first-child,.footer li>img {
	padding-left:0;
	padding-bottom:0;
	border-left:none;
    height: 150px;
    width: 425px;
}
.footer li{width:335px; border-left:1px solid #dcdcdc; padding-bottom: 10px;
    padding-left: 25px;text-transform:capitalize;}
.footer li p:first-child {
	line-height:35px;
    font-weight: bold;
    color: #555555;
    font-size: 14px;
}
footer a {
    color: #555;
}
/*head*/
.logo{width:400px; height:100px; text-align:left; display:inline-block;}
.menu_box {
    height: 100px;
}
.languages {
    margin-top: 40px;
    vertical-align: top;
    display: inline-block;
}
.languages a{ border:2px solid #595959; width:25px; height:25px; display:inline-block; vertical-align:top; border-radius:50%; margin-left:13px; text-align:center; line-height:25px}
.languages a:first-child{margin-left:0;}
.l-choose{border:2px solid #ff0000 !important; background:#ff0000; color:#fff !important;}

/*index-section*/
.index-ul{}
.index-ul li{width:321px; height:125px; border:2px solid #e8e8e8; margin-left:19px;}
.index-ul li a>img{width:150px; height:125px; display:inline-block; vertical-align:middle;}
.index-ul li:first-child{position:relative; border:none; margin-right: 15px; margin-left:0;}
.index-ul li:first-child img{display:block; vertical-align:inherit;}
.index-ul li:first-child img,.index-ul li:first-child{width:141px; height:129px;}
.index-ul li:first-child .li-title{position:absolute; width:112px; top:29px; text-align:left; color:#ff0000; font-size:12px; right:0;}
.index-ul li:first-child .li-title p:first-child{color:#000; font-size:20px;}
.index-ul li .li-text{text-align:left; line-height:25px; width:170px; display:inline-block; vertical-align:top;margin-top:20px;}
.index-ul li .li-text p{ font-size:12px; color:#000; text-transform:capitalize; }
.index-ul li .li-text p:first-child{font-size:20px; margin-bottom:10px;}
.index-ul li .li-text img,.index-ul2 li img{ width:22px; height:22px;transition: 0.3s ease 0s;}
.index-ul li:first-child:hover{border:none;}
.index-ul li:hover {
    border: 2px solid #ff0000;
}
.index-section1 {
    padding: 50px 0;
    border-bottom: 1px solid #e8e8e8;
}
.index-ul2 {
	margin:70px auto;
    height: 157px;
}
.index-ul2 li:first-child,.index-ul2 li:first-child img{width:352px; height:157px; margin-top:0; margin-left:0; border-radius:5px;}
.index-ul2 li{height:147px; text-align:left; margin-top:10px;margin-left: 97px;}
.li2{width:340px;}
.li3{ width:305px;}
.index-ul2 li .p1{font-size:20px; color:#000;text-transform: uppercase; margin-bottom:10px;}
.index-ul2 li .p2{font-size:12px; color:#ff0000; margin:5px 0 8px 0; text-transform: uppercase;}
.index-ul2 li .p3{font-size:12px; color:#777; margin-bottom:5px; line-height:20px;/*word-break: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden;*/}
.index-ul2 li a:hover img {
}
.index-ul li:hover .bg,.bg:hover{background:url(../images/index_04.png) no-repeat top center;}
.bg{width:22px; height:22px; background:url(../images/index_03.png) no-repeat top center;}
p.bg a {
    height: 22px;
    display: block;
}
/*page*/

#pos {
    width: 796px;
    display: inline-block;
    text-align: right;
}
div#pos b {
    color: red;
}
.T-page{padding:30px; background:#fff; width:1140px; margin:0 auto;}
/*about*/
.about{width:100%; background:#f6f6f6; padding-bottom:40px;}
.page-ul li:first-child,.page-ul li:first-child img{width:399px; margin-right:55px; margin-top:0; text-transform:capitalize;}
.page-ul li{width:680px; font-size:14px; color:#606060; line-height:28px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}