/* 头部导航 */

/* 头部  */
.topBar {
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 12px;
    color: #8e8e8e;
}

.topBar .fl a {
    color: #3286d6;
    text-decoration: underline;
}

.topBar .fl span {
    margin-left: 15px;
}

.topBar .fl a:hover {
    color: #d71f1f;
}
.topBar .lang{
    overflow: hidden;
}
.footer .foo-nav li:first-child{
    display: none;
}
.topBar .lang a {
    display: block;
    line-height: 40px;
    float: left;
    background: url('../images/lang.png') no-repeat left 15px;
    padding-left: 24px;
    color: #8e8e8e;
    margin-left: 15px;
}

.topBar .lang a:nth-child(1) {
    background: url('../images/l.png') no-repeat left center;
}

.topBar .lang a:hover {
    color: #d71f1f;
}

.topBar .lang .en {
    background-position: 0 -25px;
}

.header {
    height: 95px;
    line-height: 95px;
    overflow: hidden;
}

.header h2 a {
    color: #000;
    font-size: 36px;
}

.header .dwy {
    line-height: 25px;
    margin-top: 16px;
}

.header .dwy span {
    font-size: 16px;
    padding-left: 230px;
}

.head {

    position: relative;
    z-index: 2000;
}

.head .h {
    overflow: visible;
    position: static;
    margin: 0 auto;
}

.head .logo {
    display: block;
    float: left;
}

.head .logo img {
    display: inline;
}

.head .head-top {
    overflow: hidden;
}

.head .head-top {
    padding-top: 20px;
}

.head .head-top .tel-s {
    float: right;
}

.head .index-nav {
    width: 100%;
    /*padding-top: 10px;*/
}

.head .en {
    display: block;
    float: right;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #c0c0c0;
    color: #fff;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
}

.head .tel-s {
    overflow: hidden;
    padding-top: 8px;
}

.head .tel {
    font-size: 18px;
    font-weight: bold;
    color: #e01f1d;
    float: right;
    line-height: 34px;
    padding-left: 22px;
    margin-right: 86px;
    background: url(../images/tel.png) no-repeat center left;
}

.head .search {
    width: 153px;
    height: 26px;
    padding: 2px 6px;
    float: right;
    margin-right: 20px;
    line-height: 26px;
    border-radius: 9px;
    border: 1px solid #666666;
}

.head .search .key {
    width: 121px;
    float: left;
    line-height: 26px;
}

.head .search .sub {
    width: 21px;
    float: right;
    line-height: 26px;
    cursor: pointer;

    background: url(../images/search.png) no-repeat center;
}

.head .nav {
    text-align: center;
}

.head .nav .lis1 {
    display: inline-block;
    position: relative;
}

.head .nav .lis1 .item {
    display: block;
    font-size: 20px;
    padding: 0 22px;
    line-height: 70px;
}

.head .nav .lis1:last-child {
    height: 100px;
}







/*.head .nav .lis1:first-child .item{
    padding-left: 0;
    padding-right: 0;
}*/

.head .nav .lis1 .item.hover,
.head .nav .lis1 .item:hover {
    background: url(../images/item-bj.jpg) no-repeat bottom center;
}

.head ul {
    overflow: visible;
}







/*.head .nav .last-lis1>.item{
    padding-right: 0;
}*/

.head .nav .uls2 {
    display: none;
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.2);
}



.head .uls2 a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
}

.head .uls2 a:hover {
    color: #0088da;
}


.head .nav .pro-sub {
    position: static;
}

.head .pro-sub .sub {
    position: absolute;
    top: 113px;
    width: 100%;
    line-height: 26px;
    z-index: 999;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding: 30px 0;
    border: 1px #ddd solid;
    background: rgba(255, 255, 255, .9);
}


.head .sub .img {
    display: block;
    width: 480px;
    height: 200px;
    overflow: hidden;
    background: #eee;
}

.head .sub img {
    width: 480px;
    height: 200px;
    transition: all 0.5s;
}

.head .sub .right {
    width: 660px;
}

.head .sub .right a.navAtwo {
    font-size: 20px;
    position: relative;
    display: inline-block;
    float: left;
    width: 260px;
    margin: 0 15px;
    padding: 8px 10px 8px 15px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    text-align: left;
    color: #555;
    border-bottom: 1px #d2d2d2 solid;
    border-radius: 0;
    background: url(../images/ly_li.png) no-repeat left;
}

.nav .sub .right a.navAtwo:hover {
    color: #00509e;
}

.nav .sub .right a.navAtwo:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    content: '';
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    background: #00509e;
}

.nav .sub .right a.navAtwo:hover:before {
    width: 100%;
}

.nav .sub .img:hover img {
    transform: scale(1.1);
}















.full-icon {
    width: 1920px;
    height: 94px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(6, 132, 198, 0.5);
}

.full-icon ul {
    width: 1200px;
    height: 130px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    text-align: center;
}

.full-icon ul li {
    float: left;
}

.full-icon ul a {
    display: block;
    width: 300px;
    height: 130px;
}

.full-icon ul a .img {
    height: 55px;
    width: 45px;
    text-align: center;
    margin: 0 auto;
    padding-top: 4px;
}

.full-icon ul img {
    display: block;
    /*width: 100%;*/
    height: 100%;

}

.full-icon ul p {
    font-size: 20px;
    color: #fff;
}

.full-icon ul a:hover p {
    color: #0088da;
}

.index-ab {
    padding-top:130px;
}

.index-ab .ab-li {
    width: 400px;
    
    display: flex;
    flex-direction:column;
    background-color: #fff;
}

.index-ab .ab-li img {
    display: block;
    width: 100%;
    object-fit: cover;
   
    
}

.index-ab .ab-con {

    height: 266px;
    position: relative;
}
.index-ab .h{
    display: flex;
    
}
.index-ab .ab-con h2 {
    text-align: center;
    font-size: 22px;
    color: #666666;
    padding-top: 20px;
    font-weight: normal;
}

.index-ab .ab-con .sum {
    padding: 20px;
    font-size: 14px;
    color: #787878;
    line-height: 26px;

    overflow: hidden;
    text-align: justify;
}

.index-ab .ab-con .more {
    display: block;
    width: 100%;
    position: absolute;

    bottom: 0;
    text-align: center;
    color: #666666;
    height: 24px;
}

.index-ab .ab-con .more:hover {
    color: #0088da;
}

.index-ab .ab-con .more1 {
    background: url(../images/more.png) no-repeat center;
}


.index-ab .ab-con .more2 {
    background: url(../images/more2.png) no-repeat center;
}













/* warp2 */

.warp2 {
    background: url(../images/index-bj1.jpg) no-repeat center;
    height: 774px
}

.warp2-xian {
    position: relative;
    /*background: url(../warp2-title.png) no-repeat center center;*/
    position: relative;
    /*height: 90px;*/
    padding-top: 60px;
    padding-bottom: 40px;
}

.warp2-xian .warp2-xian-title {
    line-height: 64px;
    font-size: 40px;
    color: #fff;
    text-align: center;

    background: url(../images/pro-bj.png) no-repeat 138px center;
}










/* 完成 */

.scroll-pane {
    width: 1200px !important;
    height: 328px;
    overflow-x: auto;
    overflow-y: hidden;
}

#innovative-technology {
    height: auto;
    position: relative;
    width: 100%;
    padding: 10px 0 0px;
    text-align: center;
}

#innovative-technology .pro-con {
    position: relative;
    width: 2380px;
    height: 328px;
    overflow: hidden;
}

#innovative-technology .pro-con li {
    position: relative;
    float: left;
    margin-right: 30px;
}









/* #innovative-technology .pro-con2 {width:1649px;} */

#innovative-technology .pro-con li a {
    display: block;
    border: 2px solid #fff;
    position: relative;
    height: 324px;
}

#innovative-technology .pro-con li a img {
    width: 267px;
    height: 270px;
}

#innovative-technology .pro-con li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    line-height: 54px;
    height: 54px;
    color: #fff;
    background-color: #8f9296;
}

#innovative-technology a {
    text-decoration: none;
}









/* 完成结束 */


/* .horizontal-only {height: auto; max-height: 328px;} */

.main-pro-con {
    position: absolute;
    left: -9999px;
    top: 80px;
    height: 384px;
}

.main-pro-con:focus {
    outline: none;
}

.main-tab {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 384px;
    overflow: visible;
}

.main-tab>li {}

.main-tab>li a.btn-tab1 {
    display: block;
    width: 100%;
    *width: auto;
    text-align: center;
    color: #fff;
    font-size: 21px;
    border: 1px solid #e6e6e6;
}

.main-tab>li.on a.btn-tab1 {
    font-size: 21px;
    border: 1px solid #0088da;
    background: #0088da;
}

.main-tab>li.on .main-pro-con {
    left: 0;
}

.pro-con .h3_txt {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    /*background: url("black.png") repeat left bottom;*/
}

.pro-con .h3_txt span {
    display: block;
    font-size: 15px;
    color: #fff;
}

.pro-con-txt {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    /*background: url("black.png") repeat left top;*/
}

.pro-con-txt a span {
    display: block;
    color: #fff;
}

.pro-con-txt .title1 {
    display: inline-block;
    font-size: 16px;
    margin-top: 60px;
    padding: 10px 5px;
    border-top: 1px solid #b2b0b3;
    border-bottom: 1px solid #b2b0b3;
    letter-spacing: 3px;
}

.pro-con-txt .txt1 {
    text-align: left;
    font-size: 14px;
    margin-top: 30px;
    padding: 0 14px;
}










/*jcarousellite.css*/

.scroll_wrap {

    /* width: 100%;
   height: 384px;*/
}

.jspContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jspPane {
    position: absolute;
    width: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 13px;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    width: 100% !important;
    background: url("../images/bg_pro-scroll.png") repeat-x left top;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background: url("../images/bg_pro-scroll_on.png") repeat-x center top;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 112%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 13px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

#innovative-technology .m-tit-txt {
    background: url("../images/h2-line2.gif") no-repeat center bottom;
}

.main-tab>li {
    display: inline-block;
}

.main-tab>li a.btn-tab1 {
    display: inline-block;
    width: 200px;
    text-align: center;
    margin-right: 40px;
    height: 50px;
    line-height: 50px
}

.main-tab>li a.btn-tab1:hover {
    color: #fff;
    /*border: 1px solid #0088da;*/
    background: #0088da;
}











/*jcarousellite.css*/

.scroll_wrap {
    top: 5px;
}

.jspHorizontalBar {
    bottom: 0px;
}

.jspContainer {
    width: 1200px !important;
    height: 384px !important;
}

.jspPane {
    width: auto;
}

.jspTrack {
    width: auto;
}

.jspDrag {
    background: #0088da url(../images/btn_scrollbar_on.png) no-repeat center top;
}

.jspDrag:hover,
.jspDrag:focus,
.jspDrag:active {
    background: #0088da url(../images/btn_scrollbar_on.png) no-repeat center top;
}










/* 首页工程案例 */

.index-m {
    height: 872px;
    background: url(../images/bj.png) no-repeat center;
}

.index-type {
    line-height: 64px;
    font-size: 40px;
    color: #fff;
    text-align: center;
    color: #0066c5;
    margin-bottom: 40px;
}

.index-case {
    padding-top: 120px;
}

.index-case .index-type {
    background: url(../images/case-bj.png) no-repeat 138px center;
}

.index-case ul li {
    float: left;
    margin-right: 28px;
}

.index-case ul li:last-child {
    margin-right: 0;
}

.index-case ul a {
    display: block;
}

.index-case ul .img {
    width: 278px;
    height: 270px;
    overflow: hidden;
}


.index-case ul img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


.index-case ul a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.index-case ul p {
    font-size: 18px;
    padding: 12px 5px;
    background: url(../images/case-icon.png) no-repeat right center;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index-case ul a:hover p {
    color: #0066c5;
}










/* 合作伙伴 */

.index-partner {
    padding-top: 38px;
}

.index-partner .index-type {
    background: url(../images/case-bj.png) no-repeat 138px center;
}



.index-partner li {
    float: left;
    margin: 0 46px;
}

.index-partner li a {
    display: block;
    cursor: default;
}

.index-partner .par-li {
    width: 1200px;
    overflow: hidden;

    position: relative;
}

.index-partner .par-li .icon {
    position: absolute;
    top: 50%;
    margin-top: -46px;
    font-family: "simsun";
    width: 30px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    color: #2e9cde;
    font-size: 50px;
    cursor: pointer;
}

.index-partner .par-li #next {
    left: 0;
}

.index-partner .par-li #prev {
    right: 0;
}









/* 网站底部 */

.footer {
    background-color: #898989;
}

.foo-logo {
    float: left;
    width: 220px;
    text-align: right;
    line-height: 32px;
    padding: 18px 20px 50px 0;
    background: url(../images/foo-right.jpg) no-repeat right center;
}

.foo-logo img {
    display: inline;
}

.foo-nav {
    float: left;
    padding-top: 28px;
    padding-left: 34px;
}

.foo-nav .lis1 {
    float: left;
    width: 120px;
    margin: 0 13px;
}

.foo-nav .item {
    display: block;
    font-size: 18px;
    color: #fff;
}

.foo-nav .uls2 {
    padding-top: 20px;
}

.foo-nav .uls2 a {
    color: #c5c5c5;
    line-height: 24px;
}


.foo-nav a:hover {
    color: #0066c5;
}





.footer .qd {
    float: left;
    padding-top: 84px;
}

.footer .qd p {
    font-size: 16px;
    text-align: center;
    padding-top: 8px;
    color: #f6f6f6;
}


.foo-bottom {
    background-color: #000;
    text-align: center;
    line-height: 40px;
}

.foo-bottom a {
    display: inline;
    color: #fff;
    padding-right: 12px;
}








/* 在线客服 */


/*aside*/

.aside {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 0;
    top: 214px;
    z-index: 100;
}

.aside ul {
    overflow: visible;
}

.aside ul li {
    width: 54px;
    height: 54px;
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
}

.aside ul li .sidebox {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    overflow: hidden;
}

.aside ul li .sidetop {
    width: 54px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.aside ul li .sidetop:hover {
    background: #ae1c1c;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.aside ul li img {
    float: left;
}













/* 栏目 */

.guide {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f3f3f3;
}

.guide .h {
    overflow: visible;
}

.guide .h ul {
    overflow: visible;
}

.guide .img {
    width: 74px;
    line-height: 50px;
    float: left;
}

.guide .img img {
    display: inline;
}


.upview {
    display: block;
    float: left;
    padding: 0 28px;
    font-size: 16px;
    color: #555555;
    line-height: 50px;

    background: url(../images/guide.jpg) no-repeat right center;
}

.guide .sidebar {
    float: left;
    position: relative;
    z-index: 1000;
}

.guide h2 {
    padding: 0 16px;
    background: url(../images/guide.jpg) no-repeat right center;
    line-height: 50px;
    cursor: pointer;
}

.guide h2 p {
    padding: 0 28px;
    font-size: 16px;
    color: #555555;
    font-weight: normal;
    background: url(../images/guide.png) no-repeat right center;
}

.guide .treeview {
    width: 232px;
    position: absolute;
    top: 50px;
    left: 0;
    padding-top: 10px;
    display: none;
    z-index: 2000;
    border: 1px solid #dcdcdc;
}

.guide .treeview a {
    display: block;
    text-align: center;
    line-height: 26px;
}

.guide .treeview a:hover {
    color: #0088da;
}

.guide .sidebar .ab-slide {
    overflow: hidden;
}

.guide .sidebar .ab-slide li {
    float: left;
}

.guide .sidebar .ab-slide li a {
    width: 116px;
}








/* 关于我们 */

.pub-con {
    padding-top: 40px;
    padding-bottom: 80px;
}


.pub-con .type {
    color: #0070c7;
    font-size: 40px;
    font-weight: normal;
    line-height: 200px;
    height: 160px;
    background: url(../images/type.png) no-repeat bottom center;
    margin-bottom: 70px;
}

.about .ab1,
.about .ab2 {
    overflow: hidden;
    margin-bottom: 40px;
}

.about .ab1 .img {
    float: left;
}

.about .img img {
    width: 548px;
    max-width: 548px;
    height: auto;
}

.about .ab-con {
    width: 594px;
    padding: 0 28px;
}

.about .ab1 .ab-con {
    float: right;
}

.about p.title {
    font-size: 26px;
    color: #0070c7;
    line-height: 80px;
}

.about .summary {
    font-size: 14px;
    line-height: 26px;
    color: #777777;
}

.about .summary img {
    max-width: 100%;
    height: auto;
}

.about .ab2 .img {
    float: right;
}

.about .ab1 .ab-con {
    float: left;
}










/* 总经理致辞 */

.speech {
    width: 100%;
    overflow: hidden;
    line-height: 25px;
    display: flex;
    margin: -10px;
}

.speech .img {
    width: 50%;
    padding:10px;
}
.speech .cont1{
    padding:10px 0 0 0;
}
.speech .cont2{
    width: 50%;
    padding:10px;
}









/* 发展历程 */

#history {
    width: 900px;
    margin: 0 auto;
}

#history .top {
    height: 128px;
    background: url('../images/l1.jpg') 100px top no-repeat;
}

#history .bottom {
    height: 88px;
    background: url('../images/icon1.png') 61px top no-repeat;
}

#history ul {
    background: url('../images/l2.png') 100px top repeat-y;
}

#history ul li {
    padding-bottom: 15px;
    overflow: hidden;
}

#history ul li .t {
    width: 115px;
    float: left;
    background: url('../images/pot.png') right top no-repeat;
}

#history ul li .t p {
    line-height: 30px;
    font-size: 28px;
    color: #333;
    font-weight: bold;
    font-family: Arial;
}

#history ul li .c {
    width: 690px;
    float: left;

    font-size: 16px;
    padding: 10px 0;
    padding-left: 30px;
}

#history ul li .c p {
    line-height: 24px;
    font-size: 14px;
    color: #333;
}







/* 合作伙伴 */

.partner li {
    float: left;
    margin-bottom: 20px;
}

.partner li a {
    display: block;
}

.partner li a img {
    padding: 0 10px;
}














/* 企业荣誉 */

.honor li {
    float: left;
    margin-right: 120px;
    margin-bottom: 40px;
}

.honor li a {
    display: block;
    /*border: 1px solid #ccc;*/
}









/* 企业文化 */

.culture .cul-li li {
    float: left;
    margin-right: 60px;
}

.culture .cul-li p {
    text-align: center;
    padding-top: 16px;
    font-size: 18px;
    color: #0070c7;
}

.culture .cul-li a {
    display: block;
    position: relative;
}

.culture .cul-li .sum {
    width: 160px;
    position: absolute;
    top: 66px;
    padding: 0 16px;

    text-align: center;
    line-height: 24px;
    color: red;
}

.culture .type-con {
    padding: 40px 0;
    color: #777777;
}

.culture .spirit {
    overflow: hidden;

    background-color: #ebebeb;
    border: 1px solid #ebebeb;
}

.culture .spirit img {
    float: left;
    max-width: 532px;
    max-height: 440px;
}

.culture .spirit .content {
    width: 626px;
    float: left;
    padding: 24px 10px 0 30px;
    line-height: 32px;
    color: #777777;
}

.idea {
    padding-top: 46px;
    overflow: hidden;
    display: table;
    height: 346px;
    width: 100%;
}

.idea ul li {
    float: left;
    width: 214px;
    height: 169px;
    border: 2px solid #fff;
}

.idea ul li p {
    text-align: center;
    line-height: 70px;
    font-size: 18px;
}

.idea ul {
    width: 436px;
    float: left;
}

.idea ul.ul2 {
    float: right;
}

.idea ul li .sum {
    color: #777777;
    text-align: center;
}

.idea ul li.bor {
    border: 2px solid #aaaaaa;
}

.idea .idea-type {
    width: 335px;
    height: 346px;

    display: table-cell;
    vertical-align: middle;
}

.idea .idea-type h5 {
    font-size: 26px;
    color: #0070c7;
    text-align: center;
    font-weight: normal;
}

.idea .idea-type .sum {
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #777777;
    padding-top: 24px;
}









/* 企业风采 */

.corporate li {
    float: left;
    margin-bottom: 20px;
}

.corporate ul a {
    display: block;
    padding: 0 10px;
    width: 280px;
}

.corporate ul li p {
    padding: 5px 0;
    text-align: center;
    width: 100%;
}








/* base */

.base {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
}

.base span,
.base p {
    font-size: 16px !important;
    font-family: "微软雅黑" !important;
    line-height: 30px;
}

.base img {
    max-width: 100%;
    height: auto;
}









/*  */


/* 产品中心 */

.w1200 {
    width: 1200px;
    margin: 0 auto;
}






/* 内页公用菜单 */

.listMenu {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 30px;
    padding-left: 180px;
    width: 1020px;
    padding-bottom: 25px;
    overflow: hidden;
}

.caseMenu a {
    margin-bottom: 5px;
}

.listMenu .title {
    font-size: 30px;
    font-weight: normal;
    color: #004e9e;
    padding-right: 40px;
    float: left;
    margin-left: -180px;
}

.listMenu .menu {
    padding-top: 6px;
}

.listMenu .menu a {
    float: left;
    position: relative;
    margin-left: 50px;
}

.listMenu .menu a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #00509e;
    transition: transform 0.4s;
    transform-origin: right;
    transform: scale(0, 1);
}

.caseMenu .menu a:after {
    display: none;
}

.listMenu .menu a.cur,
.listMenu .menu a:hover {
    color: #00509e;
}

.listMenu .menu a.cur:after,
.listMenu .menu a:hover:after {
    transform: scale(1);
    transform-origin: left;
}

.menuSub {
    text-align: center;
    margin-top: 20px;
}

.menuSub a {
    width: 125px;
    border: 1px solid #ddd;
    background: #fff;
    display: inline-block;
    transition: all 0.3s;
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    box-shadow: 0 0 1px #fff inset;
}

.menuSub a.current,
.menuSub a:hover {
    border: 1px solid #003c77;
    background: #00509e;
    color: #fff;
}




.searList ul {
    width: 1250px;
}

.searList ul li {
    margin-right: 24px;
}

.proList li {
    float: left;
    width: 290px;
    margin: 0 13px 20px 0;
}

.proList li .pImg {
    display: block;
    width: 288px;
    height: 228px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    position: relative;
}

.proList li img {
    width: 288px;
    height: 228px;
    transition: all 0.5s;
}

.proList li h5 {
    font-weight: normal;
    text-align: center;
    height: 40px;
    line-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.proList li .pImg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 80, 158, .7);
    transition: all 0.25s;
    transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    z-index: 2;
}

.proList li .pImg:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    background: url('../images/pmore.png') no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    opacity: 0;
    transition: all 0.25s;
    z-index: 3;
}

.proList li:hover img {
    transform: scale(1.1);
}

.proList li:hover .pImg:before {
    transform: perspective(200px) rotateX(0);
}

.proList li:hover .pImg:after {
    transition-delay: .1s;
    margin-top: -27px;
    opacity: 1;
}




.proList a:hover {
    color: #00509e;
    text-decoration: none;
}


.listWrapper {
    padding: 50px;
    overflow: hidden;
}







/* 产品详情 */


/* 内页公用 */

.listBanner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 350px;
}

.listWrapper {
    padding: 50px;
    overflow: hidden;
}

.breadCrumb {
    height: 55px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 55px;
}

.breadCrumb p {
    background: url('../images/home_icon.png') no-repeat left center;
    padding-left: 20px;
    font-size: 14px;
    width: 1180px;
}

.breadCrumb span {
    margin: 0 8px;
}

.breadCrumb .back {
    float: right;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    background: #999;
    color: #fff;
    margin-top: 10px;
}

.breadCrumb .back:hover {
    background: #cb000a;
    transition: all 0.3s;
}

.partnerList,
.honorList,
.settingList,
.newsList,
.videoList,
.caseList,
.searList,
.appMain,
.proList {
    width: 1200px;
    overflow: hidden;
}

.partnerList ul,
.honorList ul,
.settingList ul,
.videoList ul,
.caseList ul,
.searList ul,
.appMain ul,
.proList ul {
    width: 1250px;
}

.proSear {
    width: 600px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    margin-bottom: 40px;
}

.proSear .btn {
    height: 50px;
    line-height: 50px;
    width: 100px;
    text-align: center;
    font-size: 16px;
    background: #333;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    float: left;
}

.proSear .txt {
    height: 48px;
    line-height: 48px;
    border: 1px solid #ddd;
    border-right: none;
    width: 400px;
    padding: 0 10px;
    float: left
}

.proSear .btn:hover {
    background: #111;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}


/* 左侧图片放大镜样式 */

.rec-title {
    padding-left: 20px;
    height: 35px;
    line-height: 35px;
    background: url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.product-show-pic {
    width: 600px;
    height: 580px;
}

.jqzoom {
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 310px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}


/* 图片小图样式 */

.spec-preview {
    width: 600px;
    height: 475px;
    display: table-cell;
    vertical-align: middle;
}

.spec-scroll {
    margin-top: 10px;
    width: 600px;
    height: 80px;
    overflow: hidden;
    position: relative;
}

.spec-scroll a.prev {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 30px;
    left: 0;
    background: url('../images/listpro_btn.png') no-repeat 0 0px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0s;
}

.spec-scroll a.prev:hover {
    background-position: 0 -21px;
}

.spec-scroll a.next {
    display: block;
    width: 12px;
    height: 21px;
    position: absolute;
    top: 30px;
    right: 0;
    background: url('../images/listpro_btn.png') no-repeat 0 -42px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0s;
}

.spec-scroll a.next:hover {
    background-position: 0 -63px;
}

.spec-scroll .items {
    position: relative;
    width: 550px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 580px;
    height: 80px;
}

.spec-scroll .items ul li {
    width: 104px;
    height: 80px;
    float: left;
}

.spec-scroll .items ul li img {
    width: 95px;
    height: 78px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.spec-scroll .items ul li img:hover,
.spec-scroll .items ul .on img {
    border: 1px solid #00509e;
}


/* 产品简介 */

.proshow_synopsis {
    width: 550px;
    color: #aaa;
    font-size: 14px;
    line-height: 30px;
    height: 480px;
}

.proshow_synopsis .title {
    font-size: 24px;
    color: #00509e;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    padding-bottom: 0px;
    font-weight: normal;
    padding-bottom: 10px
}

.proshow_synopsis strong {
    color: #333;
    font-weight: normal;
    font-size: 18px;
}

.proshow_synopsis .font {
    line-height: 24px;
    overflow: hidden;
    min-height: 265px;
    margin-bottom: 20px;
    font-size: 16px;
}

.proshow_synopsis .font strong {
    float: left;
    width: 60px;
}

.proshow_synopsis .font div {
    float: right;
    width: 355px;
}

.prodcut-tel {
    padding-left: 40px;
    margin-bottom: 20px;
    line-height: 26px;
    background: url('../images/p_icon.png') no-repeat left 8px;
}

.prodcut-tel span {
    font-family: arial;
    font-size: 24px;
    color: #00509e;
    display: block;
}

.proshow_synopsis .btn a {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;
    color: #fff;
    transition: all 0.3s;
    font-size: 16px;
}

.proshow_synopsis .btn .a02 {
    background: #00509e url(../images/proshow_icon2.png) no-repeat 20px 13px;
    margin-left: 25px;
}

.proshow_synopsis .btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=50);
    transition: all 0.3s;
}



/* 产品说明标签切换样式 */

.gr-tab-list {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
}

.gr-tab-list .hd {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #dadada
}

.gr-tab-list .hd li {
    padding: 0 30px;
    float: left;
    text-align: center;
    background: #dadada;
    margin-right: 5px;
    cursor: pointer;
}

.gr-tab-list .hd li.on {
    background: #00509e;
    color: #fff;
}

.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.gr-tab-list .bd img {
    max-width: 80%;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.gr-tab-list table td {
    padding-left: 15px;
}

.tab_down p {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dotted #ddd;
    background: url(../images/ly_li.png) no-repeat left center;
    padding-left: 15px;
}

.tab_down p a {
    float: right;
    background: url(../images/downIcon.png) no-repeat right center;
    padding-right: 25px;
}

.tab_down p a:hover {
    background: url(../images/downIconh.png) no-repeat right center;
}



/* 采购表单样式 */

.orderBox {
    padding: 25px;
    width: 1150px;
    background: #eee;
    overflow: hidden;
}

.orderBox h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.orderBox .table {
    padding-top: 20px;
    overflow: hidden;
}

.orderBox .table li {
    width: 580px;
    height: 215px;
    float: left;
    height: 35px;
    margin-bottom: 10px;
}

.orderBox .table li span {
    float: left;
    border: 1px solid #ddd;
    line-height: 33px;
    height: 33px;
    width: 78px;
    display: inline-block;
    text-align: center;
    background: #fff;
}

.orderBox .table li .iptTxt {
    float: right;
    width: 489px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .iptCode {
    float: left;
    width: 239px;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .checkcode {
    float: left;
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fff;
    padding: 5px 9px 6px 10px;
}

.orderBox .table li .btn {
    width: 410px;
    height: 35px;
    line-height: 35px;
    background: #333;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
}

.orderBox .table li .btn:hover {
    background: #00509e;
    color: #fff;
}

.orderBox .table li.areLi {
    width: 470px;
    float: right;
    height: 215px;
    overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
    width: 438px;
    height: 183px;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    padding: 15px;
    color: #666;
    line-height: 18px;
}



/* 相关产品样式 */

.related-product {
    overflow: hidden;
}

.related-product ul {
    width: 1240px;
    margin-top: 20px;
}

.related-product .title,
.relatedTitle {
    background: #e1e1e1;
    height: 40px;
    line-height: 40px;
}

.related-product .title span,
.relatedTitle span {
    display: inline-block;
    color: #fff;
    background: #00509e;
    width: 120px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

.related-product li {
    float: left;
    width: 280px;
    margin-bottom: 20px;
    margin-right: 24px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
}

.related-product li a {
    display: block;
    width: 280px;
}

.related-product li img {
    width: 270px;
    height: 215px;
    padding: 5px;
    background: #fff;
}

.related-product li span {
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.related-product li:hover {
    border: 1px solid #00509e;
}

.related-product li a:hover {
    background: #00509e;
    color: #fff;
}















/* 工程案例 */

.case {

    margin-bottom: 30px;
}


.case ul li {
    float: left;
    /*width: 300px;*/
    margin-right: 30px;
    margin-bottom: 10px;
}

.case ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.case ul li .tit {
    padding: 10px 4px;
    text-align: center;
    width: 100%;
    overflow: hidden;

    text-overflow: ellipsis;
    letter-spacing: normal;
}

.case ul li .img {
    overflow: hidden;
    position: relative;
}

.case ul li .img img {
    display: block;
}

.case ul .sum {
    position: absolute;
    top: 300px;
    left: 0;
    padding: 20px;
    width: 340px;
    height: 202px;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.case ul li a:hover .sum {
    top: 0;
}







/* 行业应用 */

.industry {
    overflow: hidden;
}

.industry-li {
    display: block;
    width: 584px;
    float: left;
    overflow: hidden;
    margin-right: 32px;
    margin-bottom: 56px;
}

.industry-li .in-con {
    width: 230px;
    padding: 0 30px;
    float: left;
    height: 320px;
    position: relative;
}

.industry-li .in-con .title {
    font-size: 26px;
    color: #0070c7;
}

.industry-li .in-con .sum {
    font-size: 12px;
    color: #999999;
    line-height: 22px;
    padding: 40px 0;
}

.industry-li .in-con .more {
    color: #da2219;
    font-size: 12px;
    border-bottom: 1px solid #da2219;
    position: absolute;

    bottom: 100px;
}






.industry-li .img {
    float: right;
    min-width: 294px;
}

.industry-li:hover .in-con .more {
    color: #0070c7;

    border-bottom: 1px solid #0070c7;
}








/* 行业应用详情 */

.industry-read .type-img {

    width: 600px;
    margin: 0 auto;
}

.industry-read .industry-content {
    /*padding: 100px 0;*/
}

.industry-read .industry-content img,
.industry-read .type-img img {
    max-width: 100%;
}

.industry-read .industry-content p,
.industry-read .industry-content span {
    font-size: 1px;
    font-family: "微软雅黑" !important;
}








/* 新闻中心 */

.news-main .type {
    background: url(../images/news.jpg) no-repeat bottom center;
}


.news-one {
    display: block;
    overflow: hidden;
    padding-bottom: 52px;
    margin-bottom: 52px;
    border-bottom: 1px solid #dcdcdc;
}

.news-one .img {
    width: 542px;
    float: left;
}

.news-one .img img {
    max-width: 100%;
}

.news-one .one-con {
    width: 600px;
    float: right;
    height: 370px;
    position: relative;
}

.news-one .one-con .one-tit {
    font-size: 24px;
    font-weight: bold;
    color: #555555;
    line-height: 30px;
}

.news-one .one-con .time {
    font-size: 16px;
    color: #aaaaaa;
    line-height: 68px;
}

.news-one .one-con .one-sum {
    font-size: 14px;
    color: #777777;
    padding-top: 20px;
}

.news-one .one-con .more {
    position: absolute;

    bottom: 20px;
}


.news-one:hover .one-tit,
.news-one:hover .more {
    color: #0070c7;
}


.news-list {
    overflow: hidden;
}

.news-list li {
    float: left;
    margin-bottom: 84px;
}

.news-list a {
    display: block;
    width: 564px;
    height: 156px;
    padding: 0 18px;
    overflow: hidden;
}

.news-list .img {
    display: block;
    max-width: 252px;
    float: left;
}


.news-list .one-con .one-tit {
    font-size: 16px;
    color: #555555;
}

.news-list .one-con {
    width: 280px;
    float: right;
    padding: 0 16px;
    position: relative;
    height: 156px;
}

.news-list .time {
    font-size: 12px;
    color: #aaaaaa;
}

.news-list .more {
    position: absolute;

    left: 16px;
    bottom: 0;
    color: #0070c7;
    border-bottom: 1px solid #0070c7;
}

.news-list a:hover .one-tit {
    color: #0070c7;
}

.news-read h1 {
    text-align: center;
    color: #0070c7;
    font-size: 26px;
}

.news-read .time {
    text-align: center;
    line-height: 38px;
    padding-top: 30px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 16px;
    color: #aaaaaa;
}

.news-read .news-read-con {
    font-size: 16px !important;
    ;
    color: #555555 !important;
    ;
    line-height: 28px !important;
    padding: 20px 0;
}

.news-read .news-read-con p,
.news-read .news-read-con span {
    font-family: "微软雅黑" !important;
    font-size: 16px !important;
    ;
    color: #555555 !important;
    ;
    line-height: 28px !important;
    ;
}

.news-read .news-read-con img {
    max-width: 100%;
    display: block;
    width: auto;
    
    margin: 0 auto;
}







/* 科研 */

.keyan li {
    float: left;

    margin-bottom: 40px;
}

.keyan li a {
    display: block;
    padding: 0 20px;
    width: 200px;
}

.keyan li p {
    padding: 3px 0;
    height: 58px;
}







/* 客户服务 */

.clide-main {
    padding-top: 0;
}

.clide-main .type {
    padding-top: 64px;
    line-height: 170px;
    background: url(../images/clide.jpg) no-repeat bottom center;
}


.clide .type-con {
    color: #777777;
}

.clide .type-con h1 {
    font-size: 16px;
    color: #555555;
    padding-top: 26px;
}

.clide ul .tit {
    font-size: 16px;
    color: #555555;
    padding-top: 26px;
    font-weight: bold;
}

.clide ul .sum {
    color: #777777;
    padding: 5px 0;
}

.clide-read {
    color: #666666;
}

.clide-read img {
    max-width: 100%;
}







/* 满意度调查 */

.survey .bread-con {
    color: #777777;
}

.manager {
    overflow: hidden;
    padding-top: 76px;
}

.manager .for {
    width: 576px;
    float: left;
    margin-right: 48px;
    padding-top: 34px;
}

.manager .for .tit {
    font-weight: bold;
    color: #555555;
    line-height: 32px;
}

.manager .for input {
    width: 526px;
    border: 1px solid #aaaaaa;
    line-height: 44px;
    color: #aaaaaa;
    padding: 0 24px;
}

.manager .for textarea {
    width: 1150px;
    height: 224px;
    border: 1px solid #aaaaaa;
    line-height: 44px;
    color: #aaaaaa;
    padding: 0 24px;
}


.conclusion {
    font-size: 16px;
    color: #777777;
    padding: 48px 0;
}

.survey .sub-box {
    width: 456px;
    margin: 0 auto;
}

.survey .sub {
    width: 456px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    background-color: #0070c7;
    border-radius: 14px;
    cursor: pointer;
}

.join {
    overflow: hidden;
}

.join .join-li {
    width: 100%;

    margin-top: 30px;
}

.join .join-li .tit {
    overflow: hidden;
    background-color: #0070c7;
    padding: 0 18px;
}

.join .join-li .tit p {
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
}

.join .join-li .tit span {
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 45px;
}


.join-li table,
.join-li table tr th,
.join-li table tr td {
    border: 1px solid #ccc;
}



.join .join-li table {
    margin-top: 20px;
}

.join .join-li tr {}

.join .join-li td {
    text-align: center;
    width: 25%;
    padding: 5px 0;
    font-family: "微软雅黑" !important;
}


.join .join-li td p,
.join .join-li td span {
    font-family: "微软雅黑" !important;
}



.join .lxfs {
    padding-top: 88px;
}

.join .lxfs h5 {
    font-size: 26px;
    color: #0070c7;
}

.join .lxfs .one {
    font-size: 16px;
    color: #555555;
    padding: 16px 0 36px 0;
}

.join .lxfs .two p {
    color: #777777;
    font-size: 16px;
    line-height: 28px;
}








/* 联系我们 */

.ov {
    overflow: hidden;
    padding-top: 40px;
}

.c-con {
    width: 500px;

    float: left;
}

.c-con .tit {
    color: #0070c7;
    line-height: 70px;
    font-size: 40px;
    display: inline-block;
    border-bottom: 1px solid #0070c7;
}

.c-con .h1 {
    font-size: 26px;
    color: #777777;
    padding: 68px 0 10px 0;
}

.c-con .sum {
    font-size: 16px;
    color: #777777;
    line-height: 26px;
}

.c-img {
    width: 460px;
    float: right;
}

.contact-main .type {
    line-height: 162px;
    background: url(../images/contact.jpg) no-repeat bottom center;
}




.corporate ul{
    display: flex;
    flex-wrap: wrap;

}

@font-face {
    font-family: xingkai;
    src: url(./fonts/HYXingKaiJ.ttf);
}

.xingkai{
    font-family: xingkai;
    color: #d7261d;
    font-weight: 500;
}