@charset "UTF-8";



body{background:#fff;}

.header-wrap-index, .friendout, .footer-wrap{min-width:1180px;background-color: #202124;}









.errorMsg{

    color: red;

}

.nav>li>a:focus, .nav>li>a:hover{

    background-color: transparent;

}



/* banner */

#myCarousel {position: relative;width: 100%;overflow: hidden;cursor:pointer;}

.carousel-inner .item .ban-div {position: absolute;top: 80px;width: 1200px;height: 530px;color: #fff;margin-left:calc(50% - 600px);cursor: default;}

.carousel-inner>.item>a img{width:100%;height: 610px;}

.carousel-indicators {bottom: 30px;height: 15px;}

.carousel-indicators li{display: inline-block;_zoom:1;_display:inline;margin: 0 10px 0 0;width:14px;height:14px;text-indent: -999px;cursor: pointer;border:none;}

/* .carousel-indicators li.active{width: 36px;height: 14px;margin-right: 10px;border-radius: 7px;background: #3d91ff;} */

/* .ban-div .banner-xq {width: 123px;height: 44px;background: #fff;border-radius: 4px;text-align: center;font-size: 16px;line-height: 44px;color: #1B90FB;} */



.jxdLogo{position: absolute;width: 1200px;height: 80px;top:0;margin-left: calc(50% - 600px)}

.jxdLogo .navlogo{width: 118px;height: 38px;margin-top: 21px;}

.jxdLogo .navlogo img {width: 100%;

    height: 100%!important;}

.jxdLogo .stockBox {float: left;width: 122px;height: 23px;margin-top: 18px;margin-left: 14px;text-align: left;font-size:12px;color: #FFFFFF;font-weight: 500;line-height: 17px;}

.jxdLogo .stockBox .stockName,.jxdLogo .stockBox .stockCode {display: block;line-height: 22px;}

.jxdLogo .phoneBox{

    float: right;

    display: flex;

    flex-direction: row;

    height: 38px;

    margin-top: 21px;

}

.jxdLogo .phoneBox img{

    width: 18px!important;

    height: 18px!important;

    margin: 9px;

}

.jxdLogo .phoneBox p{

    line-height: 18px;

    margin-top: 9px;

    font-size: 18px;

    color: #fff;

    font-family: "PingFang SC";

}

.jxdLogo .phoneBox button{

    width: 100px;

    height: 38px;

    background: #F19F35;

    border-radius: 5px 5px 5px 5px;

    opacity: 1;

    font-size: 16px;

    color: #fff;

    margin-left: 34px;

    border: none!important;

}

.jxdLogo .phoneBox button:hover{

    background: #F3C715;

}

.icon-dept{



}

.formTitle{

    text-align: center;

    height: 28px;

    font-size: 20px;

    font-weight: bold;

    color: #2E2E2E;

    line-height: 28px;

    margin-top: 28px;

}

.login-div .input-group,.login-div .form-control{

    height: 40px!important;

}

.input-group {

    width: 314px;

    margin-top: 17px;

    margin-left: 33px;

    font-size: 14px;

    border-radius: 5px 5px 5px 5px;

    border: 1px solid #D2D2D2;

}

.modalRight .form-control:active,

.modalRight .form-control:focus,

.form-control:active,

.form-control:focus{

    border: 1px solid #2377FF;

}

input:valid {

   border: 1px solid #D2D2D2;

}

/* input内容非法时：边框颜色是红色*/

input:invalid {

    border: 1px solid #FF4E4E;

}

.form-control.error{

    border: 1px solid #FF4E4E!important;

}

.login-div label{

    display: none!important;

}



.input-group .error{

    text-align: left;

    color: red;

    padding-left: 10px;

    float: left;

    height: 15px;

    line-height: 15px;

    background: #fff;

    width: 100%;

    font-size: 12px;

    font-weight: 400;

}

.input-group-dept:focus+.icon-deptDiv,

.input-group-dept:active+.icon-deptDiv{

    background: url("../images/icon-dept.png") no-repeat;

    background-size: 100% 100%;

}

.icon-deptDiv{

    float: left;

    margin-top: -27px;

    margin-left: 47px;

    width: 16px;

    height: 16px;

    background: url("../images/icon-dept2.png") no-repeat;

    background-size: 100% 100%;

}

.input-group-phone:focus+.icon-phoneDiv,

.input-group-phone:active+.icon-phoneDiv{

    background: url("../images/icon-phone2.png") no-repeat;

    background-size: 100% 100%;

}

.icon-phoneDiv{

    float: left;

    margin-top: -27px;

    margin-left: 47px;

    width: 12px;

    height: 17px;

    background: url("../images/icon-phone.png") no-repeat;

    background-size: 100% 100%;

}

.input-group-yzm:focus+.icon-yzmDiv,

.input-group-yzm:active+.icon-yzmDiv{

    background: url("../images/yzm2.png") no-repeat;

    background-size: 100% 100%;

}

.icon-yzmDiv{

    float: left;

    margin-top: -27px;

    margin-left: 45px;

    width: 16px;

    height: 16px;

    background: url("../images/yzm.png") no-repeat;

    background-size: 100% 100%;

}





.input-group-form2{

    width: 308px!important;

}

.input-group-dept2:focus+.icon-deptDiv2,

.input-group-dept2:active+.icon-deptDiv2{

    background: url("../images/icon-dept.png") no-repeat;

    background-size: 100% 100%;

}

.icon-deptDiv2{

    float: left;

    margin-top: 17px;

    margin-left: -300px;

    width: 16px;

    height: 16px;

    background: url("../images/icon-dept2.png") no-repeat;

    background-size: 100% 100%;

}

.input-group-phone2:focus+.icon-phoneDiv2,

.input-group-phone2:active+.icon-phoneDiv2{

    background: url("../images/icon-phone2.png") no-repeat;

    background-size: 100% 100%;

}

.icon-phoneDiv2{

    float: left;

    margin-top: 17px;

    margin-left: -300px;

    width: 12px;

    height: 17px;

    background: url("../images/icon-phone.png") no-repeat;

    background-size: 100% 100%;

}

.input-group-yzm2:focus+.icon-yzmDiv2,

.input-group-yzm2:active+.icon-yzmDiv2{

    background: url("../images/yzm2.png") no-repeat;

    background-size: 100% 100%;

}

.icon-yzmDiv2{

    float: left;

    margin-top: 17px;

    margin-left: -300px;

    width: 16px;

    height: 16px;

    background: url("../images/yzm.png") no-repeat;

    background-size: 100% 100%;

}



.input-group-addon{

    background: #FFFFFF!important;

    border: none!important;

}



.ban-div .form-control{

    margin-top: 16px;

    width: 314px;

    margin-left: 33px;

    border-radius: 4px;

    padding: 6px 12px 6px 40px;

    /*border: none!important;*/

}

.form-control:focus{

    box-shadow: none;

}

.yzmDiv{

    float: right;

    width: 80px;

    height: 40px;

    line-height: 40px;

    margin-top: -40px;

    margin-right: 40px;

}

.yzmDiv2{

    float: right;

    width: 80px;

    height: 40px;

    line-height: 40px;

    margin-top: -40px;

    margin-right: 60px;

}

.yzmDiv3{

    float: left;

    width: 80px;

    height: 34px;

    line-height: 34px;

    margin-top: 8px;

    margin-left: -80px;

}

.ui-autocomplete .ui-menu-item,.ui-menu .ui-menu-item-wrapper{

    height: 34px;

    line-height: 34px;

    cursor: pointer;

    color: #606266;

    font-size: 14px;

    border: none!important;

    background: #ffffff;

}



.ui-widget.ui-widget-content{

    max-height: 140px;

    overflow-y: auto;

    overflow-x: hidden;

    border: none!important;

    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);

    border-radius: 4px;



}



.ui-menu .ui-menu-item-wrapper:hover,.ui-autocomplete .ui-menu-item:hover{

    background: #F5F7FA!important;

}

.ui-widget.ui-widget-content::-webkit-scrollbar { /* 滚动条整体样式 */

    width: 4px; /* 高宽分别对应横竖滚动条的尺寸 */

    height: 2px;



}



.ui-widget.ui-widget-content::-webkit-scrollbar-thumb { /* 滚动条内滑块的样式 */

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.11);

    background: rgba(144,147,153,.3);

}



.ui-widget.ui-widget-content::-webkit-scrollbar-track { /* 滚动条里面轨道的样式 */

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);

    border-radius: 0;

    background: #ffffff;

}





.ban-div .big-title {margin-bottom: 11px;font-size: 37px;line-height: 49px;color: #fff;font-weight: bold;}

.ban-div .big-title1 {margin-top: 105px;padding: 0;}

.ban-div .big-title2 {margin-top: 90px;padding: 0;}

.ban-div .big-title3 {margin-top: 137px;margin-bottom: 2px;padding: 0;font-size: 48px;line-height: 48px;font-weight: bold;}

.ban-div .sub-title {

    margin-top: 54px;

    height: 30px;

    font-size: 22px;

    font-weight: 400;

    color: #FFCF30;

    line-height: 48px;

}

.ban-div .sub-title1 {margin-top: 22px;}

.ban-div .eng-title {

    height: 64px;

    font-size: 22px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 34px;

    margin-top: 17px;

}

.ban-div .line-title {width: 33px;height: 3px;margin: 0 auto;background: #fff;}

.ban-div .login-div{

    position: relative;

    float: right;

    margin-top: 61px;

    margin-right: 0px;

    width: 380px;

    height: 338px;

    background: rgba(255,255,255,0.9);

    border-radius: 5px 5px 5px 5px;

}

.banner-more {width: 136px;height: 36px;margin: 39px auto 0;background: #3d91ff;border-radius: 4px;line-height: 37px;cursor: pointer;}

/* 淡入淡出 */

.carousel-fade .carousel-inner .item {transition-property: opacity;}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}

.carousel-fade .carousel-control {z-index: 2;}

.carousel-inner img{

    width: 100%;

    height: 610px!important;

}

/* banner轮播图分页器动画 */

.carousel-indicators li {position: relative;width: 8px;height: 8px;margin: 0;margin-right: 6px;border-radius: 4px;border: none;}

.carousel-indicators .active {width: 31px;height: 8px;margin-right: 6px;border-radius: 4px;}

.carousel-indicators li:before{content: '';position: absolute;width: 8px;height: 8px;border-radius: 4px;background: #B4BEC5;top: 0;left: 0;}

.carousel-indicators li.active:before{content: '';position: absolute;width: 0px;height: 8px;border-radius: 4px;background: #B4BEC5;top: 0;left: 0;}



.carousel-indicators li:after{content: '';position: absolute;width: 0;height: 2px;background: #fff;top: 0;left: 0;}

/*.carousel-indicators li.active:after{animation: progress 3s  linear;animation-fill-mode:forwards;}*/



.dynamic-head, .solution-head, .product-head,.relation-head{position: relative;text-align: center;}

/* 新闻动态、优秀解决方案、优秀产品的大标题 */

.big-title{display: block;margin-bottom: 45px;padding-top: 90px;

    font-size: 34px;

    color: #2E2E2E;

    line-height: 48px;

    font-weight: bold;}

/* 大标题下蓝色短线 */

.line {width: 40px;height: 2px;margin: 0 auto 40px;background: #3d91ff;}

.dynamic-head .line {margin-bottom: 46px;}

.solution-head .line {margin-bottom: 42px;}



/* 了解更多 button */

.seemore {margin: 30px 0 82px;text-align: center;}

.seemore .knowmore {position: relative;top: 0;right: 0;display: inline-block;width: 125.8px;height: 33.3px;border: 1px solid #90B9FF;border-radius: 17px;line-height: 32px;color: #90B9FF;overflow: hidden;z-index: 1;

    -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);

    -ms-transition: all .8s linear;-o-transition: all .8s linear;-webkit-transition: all .8s linear;-moz-transition: all .8s linear;transition: all .8s linear;}

.seemore .knowmore:hover {/* border-color: #3d91ff; */color: #fff;background: #3d91ff;

    /* -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease; */}

/* .seemore .knowmore:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #3d91ff;border-radius: 17px;z-index: -1;

-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.seemore .knowmore:hover:before {width: 100%;} */

/* .seemore .knowmore:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #3d91ff;border-radius: 17px;z-index: -1;

-webkit-transform: scale(0);transform: scale(0);

-ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.seemore .knowmore:hover:before {-webkit-transform: scale(1.1);transform: scale(1.1);} */



.seemore .knowmore span {letter-spacing: -.3em}

.solution .seemore {margin-top: 32px;margin-bottom: 0;}

.product .seemore {margin: 0;}



/* 新闻动态 */

.dynamic {width: 1324px;margin: 6px auto 0;}

.dynamic-body{

    height: 540px;

}

.dynamic .dynamicNav,.solutionNav{

    font-size: 20px;

    font-weight: 400;

    color: #2E2E2E;

    line-height: 26px;

    border-bottom: 2px solid #EDEDED;

}

.dynamic .dynamicNav li{

    width: 150px;

    text-align: center;

    margin: 10px 5px 0;



}

.solutionNav li{

    width: 280px;

    text-align: center;

    margin: 10px 5px 0;

}

.dynamic .dynamicNav li.active,.solutionNav li.active{

    border-bottom: 4px solid #2377FF;

}

.dynamic .dynamicNav li.active p,.solutionNav li.active p{

    color:  #2377FF;

}

.dynamic-title01{

    height: 40px;

    margin-top: 68px;

    font-size: 28px;

    font-weight: bold;

    color: #333333;

}

.dynamic-title02{

    margin-top: 19px;

    height: 78px;

    font-size: 16px;

    font-weight: 400;

    color: #333333;

    line-height: 28px;

}

.dynamic-con{

    width: 100%;

    background: url("../images/dynamic-back.png");padding: 0 62px;

}

.dynamicLi{

    height: 25px;

    margin-top: 25px;

    font-size: 18px;

    font-weight: 400;

    color: #333333;

}

.dynamic-img{

    float: right;

    /*width: 588px;*/

    /*height: 393px;*/

    margin-top: 76px;

    margin-right: 43px;

}

.dynamic-body button,.solution-body button{

    width: 110px;

    height: 38px;

    margin-top: 100px;

    background: #186CF5;

    font-size: 16px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 35px;;

    border-radius: 5px;

    border: none!important;

}

.dynamic-body button:hover,.solution-body button:hover{

    background: #1584F3;

}

.dynamic-left {position: relative;float: left;width: 580px;height: 387px;overflow: hidden;}

.dynamic-left img {width: 100%;;height: 100%;

    -ms-transition: transform cubic-bezier(.215,.61,.355,1) 1s;-o-transition: transform cubic-bezier(.215,.61,.355,1) 1s;-webkit-transition: transform cubic-bezier(.215,.61,.355,1) 1s;-moz-transition: transform cubic-bezier(.215,.61,.355,1) 1s;transition: transform cubic-bezier(.215,.61,.355,1) 1s;}

.dynamic-left:hover img {transform: scale(1.1);}

.dynamic-left .news-con {position: absolute;bottom: 0;width: 100%;height: 107px;padding: 14px 34px 18px 28px;background: rgba(0,0,0,0.5);border-radius: 0 0 4px 4px;color: #fff;}

.dynamic-left .new-time {height: 21px;font-size: 16px;opacity: .5;}

.dynamic-left .news-title {height: 21px;font-size: 16px;}

.dynamic-left .new-info {max-height: 50px;line-height: 20px;font-size: 14px;}



.news-item {float: left;width: 580px;margin-left: 20px;height: 129px;padding: 26px 21px 16px 28px;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.news-item:hover {/* background-color: #f5f5f5; */box-shadow: 0px 3px 15px rgba(71, 119, 183, 0.16);cursor: pointer;transform: translateY(-4px);}

.news-item .news-title {margin-bottom: 10px;font-size: 16px;line-height: 21px;color: #333;}

.news-item .news-title .tit {display: inline-block;width: auto;height: 21px;padding-left: 10px;background: url('../images/index-news-rect-default.png') no-repeat;background-position-y: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.news-item .news-time {float: right;display: inline-block;width: 85px;font-size: 14px;line-height: 20px;color: #999;}

.news-item .news-info {height: 50px;font-size: 14px;line-height:20px;color: #999;}

.news-item:hover .news-title .tit {padding-left: 10px;background: url('../images/index-news-rect.png') no-repeat;background-position-y: 3px;color: #3D91FF;}



/* 解决方案 */

.solution {padding: 0 0 41px;background-color: #F5F9FD;width: 100%;height: 875px;}

/*.solution-body {position: relative;}*/

.solution-con{

    width: 1200px;margin: 0 auto;

}



.jjfa-swiper {width: 1180px;height: 350px;}

.jjfa-swiper .swiper-slide img {border-radius: 4px;}

.jjfa-swiper .slide-bottom {position: absolute;bottom: 0;width: 100%;height: 50px;background: rgba(0,0,0,0.6);border-radius: 0 0 4px 4px;text-align: center;font-size: 16px;line-height: 50px;color: #fff;}

.jjfa-swiper .desc {position: absolute;top: 50%;left: 50%;width: 100%;padding: 0 27px;text-align: center;opacity: 0;z-index: 3;filter: alpha(opacity=0);

    -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);

    -ms-transition: all .6s ease;-o-transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;transition: all .6s ease;}

.jjfa-swiper .swiper-slide:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #fff;border-radius: 4px;opacity: 0.9;z-index: 2;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.jjfa-swiper .desc h4 {margin-bottom: 13px;font-size: 18px;line-height: 24px;color: #333;}

.jjfa-swiper .desc p {text-align: left;font-size: 14px;line-height: 24px;color: #666;text-indent: 2em;}



.jjfa-swiper .swiper-slide:hover .slide-bottom {display: none;}

.jjfa-swiper .swiper-slide:hover .desc{opacity: 1;filter: alpha(opacity=100);

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.jjfa-swiper .swiper-slide:hover:after{height: 100%;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

/* 第一版解决方案样式 */

/* .index-solution {width: 100%;height: 127px;background-color: #F1F2F6;border-bottom: 1px solid #E0E4E8;}

.index-solution ul {width: 1180px;height: 127px;margin: 0 auto;}

.index-solution ul li {width: 147px;margin-left: 0;}

.index-solution ul li.active {background: linear-gradient(180deg,#4280fe 0%,#35adff 100%);}

.index-solution ul li a {height: 127px;padding: 78px 0 25px;border-radius: 0;text-align: center;font-size: 18px;color: #333;}

.index-solution li a:focus, .index-solution li a:hover {background: none;}

.index-solution li.active a {height: 127px;font-size: 16px;}

.index-solution li.active a, .index-solution li.active a:focus, .index-solution li.active a:hover {background: none;}

.index-solution ul li.electric a {background: url('../images/icon_dl2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.electric.active a {background: url('../images/icon_dl1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.railroad a {background: url('../images/icon_gdjt2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.railroad.active a {background: url('../images/icon_gdjt1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.petroleum a {background: url('../images/icon_sh2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.petroleum.active a {background: url('../images/icon_sh1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.engineering a {background: url('../images/icon_gc2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.engineering.active a {background: url('../images/icon_gc1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.publish a {background: url('../images/icon_cb2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.publish.active a {background: url('../images/icon_cb1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.make a {background: url('../images/icon_zz2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.make.active a {background: url('../images/icon_zz1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.gov a {background: url('../images/icon_zf2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.gov.active a {background: url('../images/icon_zf1.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.others a {background: url('../images/icon_qt2.png') no-repeat 50px 23px;background-size: 48px;}

.index-solution ul li.others.active a {background: url('../images/icon_qt1.png') no-repeat 50px 23px;background-size: 48px;}

.tab-content.solution-con {background-color: #f8f8f8;}

.tab-pane {width: 1180px;height: 603px;margin: 0 auto;padding-top: 36px;}

.solution-con-left {position: relative;float: left;width: 380px;height: 100%;z-index: 0;}

.underimg {position: absolute;top: 24px;left: 24px;width: 356px;height: 238px;background: #edf1f7;z-index: -1;}

.solution-con-left h1 {margin-top: 42px;margin-bottom: 7px;line-height: 47px;color: #333;font-weight: bold;}

.solution-con-left h4 {margin: 0 0 27px;font-size: 20px;line-height: 28px;color: #333;}

.solution-con-left .desc {max-height: 112px;font-size: 16px;line-height: 28px;color: #666;}

.solution-con-left .line {width: 50px;height: 2px;margin: 33px 0 0;background-color: #3d91ff;}

.solution-con-right {float: left;width: calc(100% - 380px);height: 100%;padding: 0 66px 0 78px;}

.solution-con-right li {float: left;width: 170px;margin: 0 70px 25px 0;font-size: 14px;line-height: 19px;color: #333;cursor: pointer;}

.solution-con-right li:nth-child(3n) {margin-right: 0;} */



/* 产品 */

/* .product  {padding-bottom: 109px;} */

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

.product-head p{

    text-align: center;

    height: 28px;

    font-size: 20px;

    font-weight: 400;

    color: #666666;

}

.product-body {position: relative;width: 1200px;height: 630px;margin: 0 auto;}

.product-body img{

    margin-top: 74px;

}

.advImg{

    float: right;

    margin-right: 78px;

}

.proText01{

    height: 50px;

    font-size: 38px;

    font-weight: 400;

    color: #2377FF;

}

.proText02{

    height: 22px;

    font-size: 16px;

    font-weight: 400;

    color: #2E2E2E;

}

.title-con{

    margin: 10px 20px;

}

.linkToJXD{

    position: absolute;

    width: 138px!important;

    height: 44px!important;

    top: 480px;

    left: 520px;

    cursor: pointer;

    font-size: 14px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 44px;

    text-align: center;

    background:-webkit-linear-gradient(left,#018DFF ,#1A74F1);



}

.linkToJXD img{

    float: right;

    width: 24px;

    height: 24px;

    margin-top: 9px;

    margin-right: 20px;

}

.relation{

    width: 100%;

    height: 264px;

    background: url("../images/relation-back.png");

    background-size: 100% 100%;

}

.relaTitle{

    display: block;

    padding-top: 40px;

    height: 40px;

    font-size: 28px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 16px;

}

.relaSubTitle{

    /*display: block;*/

    padding-top: 39px;

    height: 20px;

    font-size: 14px!important;

    font-weight: 400;

    color: #FFFFFF!important;

    line-height: 16px;

}

.relation-body{

    padding-top: 50px;

    width: 1200px;

    margin: 0 auto;

    /*display: flex;*/

    /*flex-direction: row;*/

}

.relation-body .input-group,.relation-body .form-control{

    height: 50px!important;

    line-height: 50px!important;

    float: left;

    padding: 6px 12px 6px 30px;

    margin-left: 35px;

}



.yuyueBtn{

    float: left;

    width: 162px;

    height: 50px;

    margin-left: 30px;

    font-size: 16px;

    color: #FFFFFF;

    border: none;

    background:-webkit-linear-gradient(left,#018DFF ,#1A74F1);

    /*box-shadow: 0px 3px 6px 1px rgba(4,61,219,0.34);*/

    border-radius: 5px 5px 5px 5px;

}

.formBtn{

    height: 48px;

    width: 312px;

    margin-top: 24px;

    border: none!important;

    background:-webkit-linear-gradient(left,#018DFF ,#1A74F1);

    /*box-shadow: 0px 3px 6px 1px rgba(4,61,219,0.34);*/

    border-radius: 5px 5px 5px 5px;

}

.formBtn:hover,.yuyueBtn:hover{

    opacity: 0.9;

}

.modal-content{

    height: 530px;

}

.modal-body{

    width: 770px;

    height: 530px;

    padding: 0!important;

    border-radius: 0px 8px 8px 0px;

}

.modalLeft{

    float: left;

    width: 320px;

    height: 530px;

    background: url("../images/model-left.png");

    background-size: 100% 100%;

}

.modalRight{

    float: right;

    width: 450px;

    height: 530px;

    background: #FFFFFF;

    border-radius: 0px 8px 8px 0px;

}

.modalRight .formTitle{

    margin-top: 61px;

    margin-left: 181px;

    width: 97px;

    height: 33px;

    font-size: 24px;

    font-family: PingFang SC-Bold, PingFang SC;

    font-weight: bold;

    color: #018DFF;

    line-height: 20px;

}

.modalRight .form-label{

    margin-top: 14px;

    margin-left: 60px;

    height: 16px;

    font-size: 16px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #60646B;

    line-height: 16px;

}

.modalRight .form-control{

    margin-top: 8px;

    margin-left: 60px;

    width: 330px;

    height: 44px;

    border-radius: 4px 4px 4px 4px;

    opacity: 1;

    border: 1px solid #D3D6DB;

}

.modalRight .input:hover{

    border: 1px solid #2377FF;

    border-radius: 4px;

}

.modalRight label{

    display: none!important;

}

.modalRight .form-control{

    height: 44px!important;

    line-height: 44px;

    font-size: 16px;

}

.modalRight .formBtn{

    width: 330px;

    height: 46px;

    margin-top: 35px;

    margin-left: 60px;

    font-size: 16px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

}

.modalRight .submitImg{

    margin-top: 142px;

    margin-left: 182px;

}

.modalRight .submitP{

    margin-left: 179px;

    margin-top: 29px;

    height: 33px;

    font-size: 24px;

    font-family: PingFang SC-Bold, PingFang SC;

    font-weight: bold;

    color: #202124;

}

.modalRight .submitP02{

    margin-left: 54px;

    margin-top: 7px;

    height: 22px;

    font-size: 16px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #202124;

}

.modalRight .submitBtn{

    width: 110px!important;

    margin-top: 80px;

    margin-left: 172px!important;

}

.modalRight .close{

    margin: 10px;

}

.model-title{

    margin-top: 108px;

    margin-left: 36px;

    height: 40px;

    font-size: 28px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 40px;

}

@media (min-width: 1366px )and (max-width: 1919px) {

    .modal-dialog {

        width: 800px;

        margin: 55px auto!important;

    }

    .ban-div .login-div{margin-right: 40px;

    }

}

.modal-dialog {

    width: 800px;

    margin: 220px auto;;

}

.model-info{

    height: 36px;

    margin-left: 38px;

    font-size: 16px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 36px;

}

.model-info img{

    margin-right: 9px;

}

.model-phone{

    margin-left: 36px;

    margin-top: 90px;

    height: 25px;

    font-size: 18px;

    font-family: PingFang SC-Regular, PingFang SC;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 25px;

}

.model-phone img{

    margin-right: 8px;

}

.relation-body label{

    display: none!important;

}

.product-swiper {/* width: 1190px;height: 100%;padding: 91px 16px 0px 24px; */width: 1140px;height: 100%;padding: 91px 30px 0px 20px;box-sizing: content-box;}

.product-swiper .swiper-slide {width: 360px!important;height: 436px;padding: 48px 38px 32px 39px;border-radius: 4px;box-shadow: 0px 0px 15px rgba(71,119,183,0.1);text-align: center;

    -ms-transition: 300ms;-o-transition: 300ms;-webkit-transition: 300ms;-moz-transition: 300ms;transition: 300ms;}

.product-swiper .logo {width: 94px;height: 94px;margin: 0 auto;}

.product-swiper .logo img {width: 94px;height: 94px;}

.product-swiper .name {margin-top: 16px;margin-bottom: 32px;font-size: 20px;line-height: 26px;color: #333;font-weight: 600;}

.product-swiper .function {text-align: left;font-size: 18px;}

.product-swiper .function p {margin-bottom: 16px;font-size: 18px;line-height: 24px;color: #333;}

.product-swiper .function p.introduction {height: 81px;margin-bottom: 31px;font-size: 14px;color: #666;}

.product-swiper .btn {position: relative;display: inline-block;width: 94px;height: 36px;padding: 0;border: 1px solid #d4d4d4;border-radius: 4px;line-height: 36px;color: #999;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.product-swiper .btn:active {box-shadow: none;}

.product-swiper .swiper-slide-active,

.product-swiper .swiper-slide-duplicate-active {width: 380px!important;height: 524px;top: -44px;/* padding-top: 69px; */box-shadow:0px 0px 50px rgba(71,119,183,0.2);}

.product-swiper .swiper-slide-active .name {margin-top: 42px;margin-bottom: 50px;}

/* .product-swiper .swiper-slide-active .btn {background: #3d91ff;border: none;color: #fff;} */

.product-swiper .btn:before {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #3d91ff;z-index: -1;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.product-swiper .btn:hover {border-color: #3d91ff;color: #fff;}

.product-swiper .btn:hover:before {width: 100%;}

.product-swiper .btn span {letter-spacing: -.3em}



/* 这种改变svg颜色 不兼容IE */

/* -webkit-mask-image: url(../other/swiperToRightDisabled.svg);mask-image: url(../other/swiperToRightDisabled.svg);background-color:#3d91ff; */

.swiper-button-next, .swiper-button-next1 {right: 10px;width: 30px;height: 30px;background: url('../other/swiperToRightDefault.svg');outline: none;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

/* 当它是svg ie浏览器不显示 ！ */

.swiper-button-prev, .swiper-button-prev1 {left: 10px;width: 30px;height: 30px;background: url('../images/swiperToLeftDefault.png');outline: none;

    -ms-transition: all .45s ease;-o-transition: all .45s ease;-webkit-transition: all .45s ease;-moz-transition: all .45s ease;transition: all .45s ease;}

.swiper-button-next:hover, .swiper-button-next1:hover {background: url('../other/swiperToRightHover.svg');}

.swiper-button-prev:hover, .swiper-button-prev1:hover {background: url('../other/swiperToLeftHover.svg');}

.swiper-button-next:active, .swiper-button-next1:active {background: url('../other/swiperToRightActive.svg');}

.swiper-button-prev:active, .swiper-button-prev1:active {background: url('../other/swiperToLeftActive.svg');}

.swiper-button-next {margin-top: -9px;}

.swiper-button-prev {margin-top: -9px;}

.swiper-button-next1 {position: absolute;top: 50%;left: auto;margin-top: -15px;cursor: pointer;}

.swiper-button-prev1 {position: absolute;top: 50%;right: auto;margin-top: -15px;cursor: pointer;}

.swiper-button-next.swiper-button-disabled, .swiper-button-next1.swiper-button-disabled {background: url('../other/swiperToRightDisabled.svg');opacity: 1;cursor: auto;pointer-events: none;}

.swiper-button-prev.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {background: url('../other/swiperToLeftDisabled.svg');opacity: 1;cursor: auto;pointer-events: none;}



.banner4-search-box {display: flex;align-items: center;width: 282px;height: 44px;}

.search-icon {position: relative;display: block;width: 46px;height: 100%;background: #fff;border: 2px solid #fff;border-radius: 4px 0 0 4px;}

.search-icon img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.search-txt {display: block;width: calc(100% - 46px);height: 100%;border: 2px solid #fff;border-radius: 0 4px 4px 0;

    line-height: 40px;font-size: 18px;font-weight: 300;text-align: center;cursor: pointer;transition: all .45s ease;}

.search-txt:hover {background: #3d91ff;border-color: #3d91ff;}

@media screen and (min-width:1800px) {

    .carousel-inner>.item>a img {height: 600px;}

    .ban-div .big-title {margin-bottom: 23px;font-size: 52px;line-height: 69px;font-weight: bold;}

    .ban-div .big-title1 {margin-top: 147px;}

    .ban-div .big-title2 {margin-top: 120px;}

    .ban-div .big-title3 {margin-top: 137px;margin-bottom: 7px;}



    .ban-div .sub-title {font-size: 18px;line-height: 30px;}

    .ban-div .sub-title1 {height: 70px;margin-top: 23px;}

    .ban-div .eng-title {

        height: 64px;

        font-size: 22px;

        font-weight: 400;

        color: #FFFFFF;

        line-height: 34px;

        margin-top: 17px;

    }



    .swiper-button-prev, .swiper-button-prev1 {left: calc(50% - 698px);}

    .swiper-button-next, .swiper-button-next1 {right: calc(50% - 698px);}

}



/* banner轮播图分页器 */

@keyframes progress {

    0% {width: 0;}

    100% {width: 100%;}

}

.ui-autocomplete{

    display:block;

    z-index:9999;

}