.maintop {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(images/top.jpg);
    height: 220px;
    background-color: #09225c;  text-align: center;
}

.about-nav {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color:#FFF;box-shadow: 0px 2px 60px rgba(0, 0, 0, 0.08);
}
.about-nav ul {width: 1000px;margin: 0 auto;}
.about-nav ul li {display: inline;}
.about-nav ul li a {
    color: #555;
    font-size: 16px;
    display: inline-block; padding: 0 46px
}
.about-nav ul li a:hover { text-decoration: none; color: #d47104
    
}
.about-nav ul li.cur a {
     font-weight: 600; position: relative;color: #228bd6;text-align: center;background-color: #e2f1fc;
}
.about-nav ul li:after {
    vertical-align: -2px;content: "";
    display: inline-block;width: 1px; height: 16px; background-color: rgba(0,0,0,.08);
}
.about-nav ul li:last-child:after { display: none}
.wrap-introduce-bg1 {
}
.wrap-introduce {
    margin-top: 40px;
    width: 1000px;
    margin: 0 auto;   
    padding: 40px 0 50px;
}
.abotitle {
    width: 411px;
    height: 49px;
    margin: 0 auto;
}

.wrap-introduce .cona {margin: 20px 0 34px;}
.wrap-introduce .cona p {
    font-size: 15px;
    text-align: left;
    margin-top: 10px;
    color: #444; 
    line-height: 24px;
    text-indent:2em;
}
.company { width: 1000px; margin: 0 auto; text-align: center}
.company li { display: inline-block; width: 33%; height: 220px; overflow: hidden;-webkit-transition: all 0.4s;border-radius: 6px}
.company li:hover {box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);transform:scale(1.3);}
.company li:hover img {transform:scale(1.1);}
.company li img { width: 100%;-webkit-transition: all 1s;}
.wrap-culture {
    background: #006cbf no-repeat bottom/auto 100%;
    background-image: url(images/bg2.jpg);
    height: 700px;
    padding-top: 25px;
}
.wrap-culture .three {
    width: 1000px;
    margin: 20px auto 0;
    overflow: hidden;
}
.wrap-culture .three ul {
    margin: 0;
    padding: 0;
}
.wrap-culture .three ul li {
    width: 313px; color: #FFF;
    float: left;
    text-align: center; padding: 20px 0;background-color: rgba(255,255,255,.1);border-radius: 6px;-webkit-transition: all 0.5s;
}
.wrap-culture .three ul li:hover {background-color: rgba(255,255,255,.3);}
.ideaicon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background-size: 80px 80px;
}
.ideaicon.icon1 {
    background-image: url(images/Icon1.png);
}
.ideaicon.icon2 {
    background-image: url(images/Icon2.png);
}
.ideaicon.icon3 {
    background-image: url(images/Icon3.png);
}
.wrap-culture .three ul li h3 {
    font-size: 26px;
    font-weight: 600;
    margin:10px 0 6px;
    text-align:center;
}
.wrap-culture .three ul li p {
    font-size: 16px; opacity: 0.65;
}
.wrap-culture .value {
    width: 1000px;
    margin: 30px auto 0 ;
    text-align: left;
    color: #fff;
}
.wrap-culture .value p {
    font-size: 13px;
    line-height: 20px; margin-top: 10px;color: #ffffffdb;
}
.wrap-culture .value p span {  margin-right: 10px;border-radius:4px; width: 60px; line-height: 34px; display: inline-block; text-align: center;color: #FFF;font-weight: 600;background-color: #33333329;
font-size: 14px;}
.wrap-culture .value p i {font-style: normal;}
.wrap-other-bg3 {background: #d7e4ef;padding: 10px 0 60px 0;}
.wrap-innerbox-a { line-height: 24px}

.wrap-other {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 0;
}
.wrap-other-title {border-right: 1px solid #DEE0E5; width:200px;float: left; margin: 0;background-color: #E6EFF8;height: 400px
}
.wrap-other-title a {
    display:block;
    line-height: 60px; text-align: left;padding-left: 30px;
    font-size: 16px;position: relative;cursor: pointer;
}
.wrap-other-title a:hover { text-decoration: none; color: #0070ca}
.wrap-other-title a.ar  {background-color: #F7FAFB;
    color: #228bd6;font-weight: 600
}
.wrap-other-title a.ar:before {content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 3px solid #d47104;transition: .2s;}
.ot-wrap {box-shadow: 0 8px 2px rgba(0,0,0,.05); background-color: #FFF;overflow: hidden;margin-top: 30px;border-radius: 0 10px 10px; }
.wrap-c {width: 759px;float: left; padding: 20px}
.wrap-other-con {
    height: 360px;
    color: #222;
    text-align: left;
    overflow-y: scroll;
    }
.wrap-innerbox-a, .wrap-innerbox-b{ line-height: 24px; color: #444; padding-right: 20px}
.wrap-other-con p {margin-bottom: 10px;font-size: 14px;}
.wrap-product {background-color: #fff;padding: 40px 0 40px;}
.wrap-product .product {
    width: 1000px;
    height: 423px;
    background-image: url(images/product.jpg);
    margin: 50px auto 15px;
}
.wrap-product .wraplogo {width: 700px;height: 170px;}
.wrap-product .wraplogo .logow {
    width: 318px;
    height: 156px;
    float: left;
    border: 1px solid #efefef;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;border-radius: 6px;box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%);

}
.wrap-product .wraplogo .logow:hover{box-shadow: 0 1px 40px rgba(0, 0, 0, 0.16);transition: 0.5s;}
.wrap-product .wraplogo .logow.img1 {
    background-image: url(images/logo1.png);
    margin-right: 17px;
}
.wrap-product .wraplogo .logow.img2 {
    background-image: url(images/logo2.png);
    margin-right: 17px;
}
.wrap-product .wraplogo .logow.img3 {
    background-image: url(images/logo3.png);
}
.wrap-contact {
    height: 350px;
    margin: 0 auto;padding: 40px 0 0;
    background-color: #0070CA;
} 
.wrap-contact-b {
    font-size: 18px;
    color: #ffffff94;
}
.wrap-b2 {font-size: 18px;}
.wrapjoin {
    width: 240px;
    margin: 40px auto 0;
}
.wrapjoin .class,.wrapjoin .class2 {width: 240px;
    height: 56px;line-height: 56px;text-align: center;font-size: 16px; margin: 0 auto 20px; -webkit-transition: all 0.3s;
    border-radius: 6px;
    display: block;}
.wrapjoin .class {
    border: 1px solid rgb(255,255,255,.6);
    color: #fff;
}
.wrapjoin .class2 {
    border: 1px solid #ffffff;
    color: #0172c2;
    background-color: #FFF;
}
.wrapjoin .class:hover,.wrapjoin .class2:hover { opacity: 0.9; text-decoration: none}
.wrapjoin .class:hover { background-color: #FFF;color: #0172c2; }
.title-h2-f {color: #ffffff;}
.title-h2 {color: #222;}
.title-h2-f,.title-h2 {font-size: 40px;font-weight: 600;margin: 0 0 10px;
    line-height: 1.5;}
#bottom .neirong3 {background-color: #f5f5f5;}
#bottom {background:#f5f5f5;}
#stop { display: none!important}