﻿.header {
    position:relative;
    padding:15px 0;
    position:fixed;
    top:0;
    width:100%;
    left:0;
    z-index:999;
    background:#fff;
}
.headerheight {
    height:67px;
}
.withinlogo {
    float:left;
}
::-webkit-input-placeholder {
    color:a6a6a6;
}
:-moz-placeholder {
    color:#a6a6a6;
}
::-moz-placeholder {
    color:#a6a6a6;
}
:-ms-input-placeholder {
    color:#a6a6a6;
}
.header .commonweb {
    position:relative;
}
.withinlogo img {
    height:30px;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
}
.hamburg {
    float:right;
    position:relative;
    width:50px;
    height:35px;
}
.hamburg em {
    left:10px;
    position:absolute;
    background:#e7141a;
    -webkit-transition:all 0.5s ease;
    width:27px;
    height:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    transition:all 0.5s ease;
    display:block;
}
.hamburg em:first-child {
    content:"";
    top:13px;
}
.hamburg em {
    top:5px;
}
.hamburg em:last-child {
    content:"";
    top:21px;
}
.Searchicon {
    display:block;
    float:right;
    width:28px;
    height:28px;
    background:url(../images/img06.png) no-repeat;
    background-size:100% 100%;
}
.hshow em {
    opacity:0;
}
.hshow em:first-child {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:12px;
    opacity:1;
}
.hshow em:last-child {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:12px;
    opacity:1;
}
.nav {
    width:100%;
    background:#fff;
    z-index:99;
}
.Tlevel {
    display:none;
}
.drop-warp {
    display:none;
}
.withinbanner {
    width:100%;
    overflow:hidden;
}
.withinbanner img {
    display:block;
    width:100%;
    overflow:hidden;
}
.Sub-nav {
    text-align:center;
    background:#f2f2f2;
}
.Sub-navlist a {
    display:inline-block;
    color:#1a1a1a;
    font-size:16px;
    padding:15px 11px;
    margin-left:-5px;
}
.Sub-navlist a.cur,.Sub-navlist a:hover {
    background:#e7141a;
    color:#fff;
}
.Crumbs span {
    padding-left:23px;
    padding-top:30px;
    padding-bottom:30px;
    color:#333;
    float:right;
    background:url(../images/img07.png) no-repeat left center;
}
.Crumbs span a {
    color:#333;
}
.Crumbs span a.cur {
    color:#e7141a;
}
.indextopright {
    float:right;
    padding-top:22px;
}
.headposit {
    position:relative;
}
.drop-warp {
    position:inherit;
    left:0;
    width:1180px;
    width:100%;
    z-index:999;
    background:#eee;
}
.nav ul li {
    border-bottom:1px solid #e6e6e6;
}
.nav ul li h3 {
    padding:10px 20px;
    font-size:16px;
    position:relative;
}
.nav ul li h3:after {
    content:"";
    position:absolute;
    width:11px;
    height:11px;
    border-left:3px solid #ccc;
    border-top:3px solid #ccc;
    position:absolute;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    top:50%;
    right:20px;
    margin-top:-4px;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
}
.nav ul li.cur h3:after {
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    border-left:3px solid #e7141a;
    border-top:3px solid #e7141a;
}
.drop-warp h4 {
    line-height:28px;
    line-height:32px;
    padding-left:30px;
    position:relative;
}
.drop-warp h4:after {
    content:"";
    position:absolute;
    width:11px;
    height:11px;
    border-left:3px solid #ccc;
    border-top:3px solid #ccc;
    position:absolute;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    top:50%;
    right:20px;
    margin-top:-4px;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
}
.drop-warp ul li.cur h4:after {
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    border-left:3px solid #e7141a;
    border-top:3px solid #e7141a;
}
.drop-warp h4 img {
    display:none;
}
.Tlevel {
    line-height:28px;
    padding-left:45px;
}
.Tlevel p.Tlevelmore {
    display:none;
}
.AdvantageUp {
    padding-top:30px;
}
.rightmenu {
    display:none
}
.topsearch {
    position:absolute;
    left:0;
    background:#5e5e5e;
    width:100%;
    top:52px;
    display:none;
}
.topsearch input:first-child {
    width:90%;
    padding:0 10px;
    float:left;
    line-height:40px;
    height:40px;
    background:#ddd;
}
.topsearch input:last-child {
    float:left;
    width:10%;
    height:40px;
    background:url(../images/img03.png) no-repeat center center;
    cursor:pointer;
}
.widemc {
    position:absolute;
    top:3px;
    right:100px;
}
@media (min-width:380px) {
    }@media (min-width:429px) {
    }@media (min-width:520px) {
    }@media (min-width:767px) {
    }@media (min-width:991px) {
    .header {
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    border-bottom:1px solid #ccc;
}
.headerheight {
    display:none;
}
.withinlogo {
    padding:19px 0 17px;
}
.withinlogo img {
    /*height:38px;*/
    height: auto;
    width: 164px;
}
.nav {
    float:left;
    /*padding-left:30px;*/
}
.nav ul li {
    float:left;
    font-size: 15px;
    padding: 0 8px;
    border-bottom:none;
}
.nav ul li h3 {
    font-size:14px;
    padding:0;
    height:73px;
}
.nav ul li h3 a {
    display:block;
    padding:28px 0 21px;
}
.nav ul li h3 a.cur,.nav ul li h3 a:hover {
    color:#e7141a;
    border-bottom:2px solid #e7141a;
}
.nav ul li h3:after {
    display:none;
}
.topsearch {
    width:141px;
    height:30px;
    border:1px solid #bfbfbf;
    margin-top:23px;
    border-radius:2px;
    float:right;
    color:#a6a6a6;
    display:block;
    position:static;
    background:none;
}
.drop-warp h4:after {
    display:none;
}
.topsearch input:first-child {
    width:107px;
    padding:0 10px;
    float:left;
    line-height:28px;
    height:28px;
    background:none;
}
.topsearch input:last-child {
    float:left;
    width:28px;
    height:28px;
    background:url(../images/img03.png) no-repeat center center;
    cursor:pointer;
}
.Wide {
    float:right;
    padding-left:17px;
    padding-top:23px;
    position:relative;
    display:none;
}
.Widesele {
    color:#666;
    padding-right:12px;
    font-size:14px;
    background:url(../images/img05.png) no-repeat right center;
    cursor:pointer;
}
.Selelist {
    position:absolute;
    background:#fff;
    display:none;
    z-index:999;
    padding:0 10px;
    left:9px;
}
.Selelist p a {
    color:#999;
    font-size:14px;
}
.Sub-navlist a {
    font-size:14px;
    padding:15px 15px;
}
.Sub-nav-pro a {
    padding:15px 5px;
}
.footnavlist ul li a:hover {
    color:#e7141a;
}
.hamburg {
    display:none;
}
.Searchicon {
    display:none;
}
.footnavlist {
    padding-top:42px;
}
.footnavnoe li {
    float:left;
    padding-right:1%;
    width:16.5%;
}
.footnavnoe li:first-child .footnavdrop li {
    }.footnavlist ul li .footnavdrop li {
    width:100%;
    font-size:13px;
}
.footnavnoe li:last-child {
    padding-right:0;
}
.footnavnoe li.codediv {
    padding-top:20px;
    float:none;
    clear:both;
}
.footcode {
    text-align:center;
    float:left;
    color:#fff;
    font-size:16px;
    line-height:35px;
}
.footnavlist ul li {
    text-align:center;
    border-bottom:none;
}
.copyright {
    font-size:12px;
    color:#fff;
}
.copyright a {
    color:#fff;
}
.copyleft {
    float:left;
    text-align:center;
}
.divcopyright {
    float:right;
}
.footnavlist ul li h3 {
    font-size:14px;
    background:none;
}
.footnavdrop h4 {
    background:none;
}
.footnavdrop {
    display:block;
}
.copyright {
    border-top:1px solid #808080;
    padding-top:15px;
}
.copyleft {
    width:49%;
}
.copyleft {
    display:-webkit-box;
    padding-right:5px;
    text-align:left;
    padding-bottom:0;
}
.divcopyright {
    padding-left:5px;
    line-height:24px;
}
.links {
    -webkit-box-flex:1;
    line-height:24px;
}
.industrycase {
    padding-bottom:45px;
    padding-top:0;
}
.wincase {
    padding-top:0;
}
.listpage {
    padding:25px 0;
    background-size:31px auto;
}
.topphone {
    float:right;
}
.indexrigtel .Wide {
    display:block;
    padding-top:0;
}
.indexhead .logo {
    padding:50px 0 0px;
}
.topphone {
    color:#e7141a;
    padding-left:33px;
    margin-left:29px;
    font-size:20px;
    font-weight:bold;
    background:url(../images/pic58.png) no-repeat left center;
}
.drop-warp {
    padding-left:15px;
    padding-right:15px;
    top:75px;
    padding-top:15px;
}
.indexhead .drop-warp {
    top:121px;
}
.drop-warp ul li h4 {
    margin-bottom:8px;
    padding-left:0;
    line-height: 1.5;
}
.drop-warp ul li h4 img {
    display:block;
    /*width:100%;
    height:125px;*/
    margin-bottom:14px;
}
.drop-warp ul li h4 p {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.drop-warp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.drop-warp ul li {
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    margin-bottom:30px;
}
.drop-warp.threeli ul,.drop-warp.fourli ul {
    text-align:center;
}
.drop-warp.threeli ul li {
    float:none;
    display:inline-block;
}
.drop-warp.sixli ul li {
    width:16.6%;
}
.drop-warp.fourli ul li {
    float:none;
    display:inline-block;
}
.Tlevel {
    display:none;
    padding-left:0;
}
.Tlevelpro {
    display:block;
}
.Tlevel p {
    display:none;
    color:#666;
    font-size:13px;
    line-height:28px;
}
.Tlevel p a {
    color:#666;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    overflow:hidden;
}
.Tlevel p:nth-of-type(1) {
    display:block;
}
.Tlevel p:nth-of-type(2) {
    display:block;
}
.Tlevel p:nth-of-type(3) {
    display:block;
}
.Tlevel p.Tlevelmore {
    display:block;
}
.drop-warp {
    position:absolute;
}
.nav ul li a:hover {
    color:#e7141a;
}
.links a:hover {
    color:#e7141a;
}
.widemc {
    position:initial;
}
}@media (min-width:1023px) {
    .nav ul li h3 {
    font-size:16px;
    height:75px;
}
}@media (min-width:1070px) {
    }
@media (min-width:1199px) {
    .commonweb {
    max-width:1150;
    padding:0;
}
.header commonweb {
    padding:0;
}
.withinlogo img {
    /*height:39px;*/
    height: auto;
    display: block;
    max-width: 100%;
    width: 240px;
}
.nav .nav_ul {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
}
.nav .nav_ul li {
    padding:0 10px;
}
.nav ul li {
    padding:0 10px;
}
.nav {
    /*padding-left:40px;*/
}
.Wide {
    display:block;
}
.Sub-nav .commonweb {
    padding:0;
}
.winshowover {
    padding-top:5%;
}
.winshowover.cur {
    overflow-y:auto;
}
.winshowoverMore {
    display:none;
}
.indexteam {
    padding-top:85px;
}
.teamlist {
    padding-top:63px;
}
.iteamtab a {
    padding:7px 42px;
}
.indexteam {
    background-size:auto;
}
.isolution {
    padding-top:63px;
}
.Isucceed ul li .winshowover {
    line-height:26px;
}
.Isucceed {
    padding-top:63px;
}
.status {
    padding-top:63px;
}
.Iporleftdiv {
    padding-top:30px;
}
.Iporleft img {
    margin-bottom:30px;
}
.indexpro {
    padding-bottom:138px;
    padding-top:63px;
}
.Briefinto {
    height:432px;
}
.IAbout {
    padding-top:63px;
    padding-bottom:115px;
}
.IServe {
    padding-top:90px;
}
.Servesub {
    width:80%;
    margin:0 auto;
    margin-bottom:45px;
}
.Servechunklist ul li p {
    font-size:20px;
}
}@media (min-width:767px) {
    }@media (min-width:991px) {
    .Developmentlistcont dl {
    position:relative;
}
.Developmentlistcont dl dt {
    width:45%;
    margin-top:80px;
    margin-bottom:-50px;
}
.Developmentlistcont dl:nth-child(2n-1) dt {
    float:right;
}
.Developmentlistcont dl:nth-child(2n) dt {
    float:left;
}
.nav {
    width:auto;
}
}.cutbtns {
    text-align:center;
    padding:15px 0;
    margin-top:20px;
}
.cutbtns a {
    padding:7px 3%;
    border:1px solid #666;
    color:#666;
    margin:0 1%;
}
.cutbtns a:hover,.cutbtns a.cur {
    background-color:#e7141a;
    border-color:#e7141a;
    color:#fff;
}
.cutlump {
    display:none;
    padding-top:10px;
}
.video-pop .videobox1 {
    height:100%;
    position:relative;
    z-index:1;
}
.video-pop .videobox1 > iframe {
    width:100% !important;
    height:100% !important;
}
.video-pop .close {
    z-index:2;
}
.Developmentlistcont dl dt img {
    width:100%;
}
@media (max-width:767px) {
    .video-pop {
    min-height:50%;
}
.video-pop .videobox1 {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
}@media (max-width:991px) {
    .nav {
    position:absolute;
    top:49px;
    left:0;
    display: none;
}
}.AdvaimglistIE9 .Advaleft,.AdvaimglistIE9 .Advaright {
    display:none;
}
@media (min-width:767px) {
    .AdvaimglistIE9 ul li {
    float:left;
    width:50%;
}
.Advaimglist .swiper-slide {
    margin-left:0 !important;
    margin-right:0 !important;
}
}@media (min-width:991px) {
    .AdvaimglistIE9 ul li {
    width:33.33%;
}
}@media (min-width:1200px) {
    .AdvaimglistIE9 ul li {
    width:25%;
}
.AdvaimglistIE9 ul li:nth-child(2n+1) {
    }
}
.li_cn_en {display: none;}
.li_list {display: block;}
.li_nav {display: none;}
.nav ul li h3 a.cur{
    color: transparent;
    border-bottom: none;
}
.nav ul li:hover h3 a,
.nav .ul li.active h3 a {
    color: #e7141a;
    border-bottom: 2px solid #e7141a;
}
@media screen and (max-width:991px) {
    .li_cn_en {display: block;}
    .li_list {display: none;}
    .li_nav {display: inline-block;width: 100%;}
    .nav ul li:hover h3 a,.nav .ul li.active a {border: none;}
}