@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


i,
em {
    font-style: normal;
}

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

.head .hea-top {
    height: 117px;
    box-sizing: border-box;
}

.head .hea-top .logo {
    float: left;
    margin-top: 25px;
}

.head .hea-top .logo .t_logo {
    float: left;
    line-height: 0;
    overflow: hidden;
}

.head .hea-top .logo .t_logo img {
    width: 100%;
}

.head .hea-top .logo h2 {
    float: left;
    margin-left: 5px;
    padding-top: 22px;
}

.head .hea-top .logo h2 span {
    display: block;
    height: 31px;
    line-height: 31px;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: normal;
}

.head .hea-top .logo h2 em {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #0c6ef0;
    font-weight: bold;
}

.head .hea-tel {
    float: right;
    padding-left: 42px;
    margin-top: 20px;
    width: 591px;
    text-align: right;
}

.head .hea-tel span {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 24px;
    color: #c92e2e;
    font-family: "Arial";
    font-weight: 600;
}

.head .hea-tel em {
    display: block;
    height: 31px;
    line-height: 31px;
    font-size: 17px;
    color: #313131;
    font-family: "Arial";
    font-weight: 400;
    margin-top: 3px;
}

.head .menu {
    height: 60px;
    background: #fff;
    border-top: 1px solid #f2f2f2
}

.head .menu .nav {
    width: 1200px;
    margin: 0 auto;
}

.head .menu .nav li {
    float: left;
    height: 60px;
    line-height: 60px;
    position: relative;
    width: 10%;
    text-align: center;
}

.head .menu .nav li a {
    display: block;
    font-size: 16px;
    color: #6b6b6b;
    padding: 0 17px;
    position: relative;
}

.head .menu .nav li a:before {
    width: 1px;
    height: 14px;
    background: rgba(0, 0, 0, 0.18);
    content: "";
    position: absolute;
    right: 0;
    top: 26px;
    transition: .5s;
}

.head .menu .nav li:last-child a:before {
    display: none;
}

.head .menu .nav li:before {
    width: 100%;
    background: #c92e2e;
    height: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.head .menu .nav li:hover a,
.head .menu .nav li.nav_cur a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    transition: .5s;
}

.head .menu .nav li:hover:before,
.head .menu .nav li.nav_cur:before {
    height: 60px;
}

.head .menu .nav li:hover a:before {
    opacity: 0;
}


.banner {
    position: relative;
    overflow: hidden;
}

.banner .slick-arrow {
    position: absolute;
    font-size: 0;
    top: 50%;
    z-index: 12;
    width: 100px;
    height: 100px;
    margin-top: -42px;
    border: 0;
}

.banner .slick-prev {
    outline: none;
    position: absolute;
    top: 50%;
    width: 73px;
    height: 73px;
    z-index: 9;
    opacity: 0;
    text-align: center;
    margin-top: -40px;
    transition: .8s;
    background: url(../../images/c_prev.png) no-repeat;
    left: 5%;
    cursor: pointer;
}

.banner .slick-next {
    outline: none;
    position: absolute;
    top: 50%;
    width: 73px;
    height: 73px;
    z-index: 9;
    opacity: 0;
    text-align: center;
    margin-top: -40px;
    transition: .8s;
    background: url(../../images/c_next.png) no-repeat;
    right: 5%;
    cursor: pointer;
}

.banner:hover .slick-prev {
    left: 10%;
    opacity: 0.3;
}

.banner:hover .slick-next {
    right: 10%;
    opacity: 0.3;
}

.banner img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.slick-dots {
    position: absolute;
    left: 0;
    font-size: 0;
    bottom: 5%;
    width: 100%;
    text-align: center;
    outline: none;
}

.slick-dots li {
    display: inline-block;
    margin: 0 15px;
    outline: none;
}

.slick-dots li button {
    opacity: 0.6;
    display: block;
    border: 0 none;
    width: 12px;
    height: 12px;
    color: #fff;
    border-radius: 50%;
    background-color: #fff;
    outline: none;
    transition: .5s;
}

.slick-dots .slick-active button {
    background-color: #fff;
    width: 50px;
    border-radius: 30px;
    opacity: 1
}



dt iframe {
    width: 100%;
    height: 100%;
}


.foot {
    padding-top: 32px;
}

.foot .ft-nav {
    height: 88px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 36px;
}

.foot .ft-nav ul li {
    float: left;
    margin-left: 57px;
}

.foot .ft-nav ul li em {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #1a1a1a;
}

.foot .ft-nav ul li i {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #333;
    font-family: "Arial";
}

.foot .ft-nav ul li:first-child {
    margin-left: 0;
}

.foot .ft-cen {
    height: 160px;
}

.foot .ft-left {
    width: 1008px;
    float: left;
}

.foot .ft-left .ftt {
    width: 963px;
    float: left;
}

.foot .ft-left .ftt h4 {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #dedede;
    font-weight: bold;
    margin-bottom: 12px;
}

.foot .ft-left .ftt ul li {
    height: 27px;
    margin-bottom: 18px;
    float: left;
}

.foot .ft-left .ftt ul li i {
    display: block;
    width: 27px;
    height: 27px;
    float: left;
}

.foot .ft-left .ftt ul li i img {
    width: 100%;
}

.foot .ft-left .ftt ul li span {
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #9e9e9e;
    margin-left: 9px;
    margin-right: 64px;
}

.foot .ft-left .ftt ul li span b {
    display: inline-block;
    height: 15px;
    width: 1px;
    background: #9e9e9e;
    margin: 7px 15px 0;
    vertical-align: top;
}

.foot .ft-left .ftt ul li span em {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    font-size: 20px;
    color: #c1c1c1;
}

.foot .ft-code {
    width: 192px;
    float: right;
    margin-top: 4px;
    background: #F7F7F7;
    padding-top: 7px;
    box-sizing: border-box;
}

.foot .ft-code span {
    display: block;
    width: 150px;
    margin: 0 auto;
}

.foot .ft-code span i {
    display: block;
    height: 174px;
    line-height: 0;
    overflow: hidden;
    margin: 0 auto 10px;
}

.foot .ft-code span i img {
    width: 100%;
}

.foot .ft-code span em {
    display: block;
    font-size: 14px;
    color: #303030;
    text-align: center;
    margin-top: -28px;
    margin-bottom: 8px;
}

.link {
    height: 125px;
    background: #252529;
    padding-top: 14px;
    box-sizing: border-box;
}

.link span {
    display: block;
    width: 600px;
    height: 33px;
}

.link span em {
    display: block;
    height: 33px;
    line-height: 33px;
    float: left;
    font-size: 14px;
    color: #FFF;
    margin-right: 20px;
}

.link span em a {
    font-size: 14px;
    color: #FFF;
}

.link p {
    display: block;
    height: 37px;
}

.link p i {
    display: block;
    height: 37px;
    line-height: 37px;
    padding-right: 30px;
    background: url(../../images/lin-ico.png) no-repeat right;
    font-size: 14px;
    color: #FFF;
    float: left;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 21px;
}

.link p a {
    display: block;
    height: 37px;
    float: left;
    line-height: 37px;
    font-size: 14px;
    color: #FFF;
    margin-right: 10px;
}


.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}

.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 62px;
    position: relative;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
}

.client-2 .my-kefu-ftop .my-kefu-main {
    padding-top: 6px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 62px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #c92e2e;
    color: #fff;
    height: 53px;
    width: 230px;
    padding: 9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #c92e2e;
    width: 97px;
    height: 53px;
    position: relative;
    padding: 9px 0 0;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}

.header_top {
    background-color: #2e66d8;
    border-top: 5px #2e66d8 solid;
    padding: 5px 0 10px;
    position: relative;
}

.header_top:after {
    content: "";
    width: 35%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -25px;
    transform: skewX(55deg);
}

.top_tel {
    color: #fff;
    text-align: right;
    position: relative;
    z-index: 1;
}

.top_tel span {
    display: inline-block;
}

.top_tel span+span {
    margin-left: 10px;
}

.top_tel a {
    color: #fff;
}

.top_tel a:hover {
    color: #fff;
}


.leftnav-z1-desc {
    background: #fff;
    max-height: 180px;
    margin-bottom: 14px;
}

.leftnav-z1-desc dt {
    height: 30px;
    padding: 20px 0;
}

.leftnav-z1-desc dt b {
    display: inline-block;
    font-weight: normal;
    border-left: 13px solid #e3e3e3;
    border-right: 7px solid #e3e3e3;
    padding: 0 12px 0 13px;
    font-size: 28px;
    color: #7c7c7c;
}

.leftnav-z1-desc dt b span {
    font-size: 18px;
    color: #bfbfbf;
    text-transform: uppercase;
    padding-left: 10px;
}

.leftnav-z1-desc dd {
    padding: 0 27px 0 27px;
    background: #136D38;
}

.leftnav-z1-desc dd h4 {
    font-size: 24px;
    font-weight: normal;
    color: #797979;
    max-height: 44px;
    line-height: 44px;
    overflow: hidden;
}

.leftnav-z1-desc dd div {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    max-height: 48px;
    overflow: hidden;
}

.leftnav-z1-tit {
    height: 50px;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.leftnav-z1-tit span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #333333;
}

.leftnav-z1-list dl {
    width: 31%;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    background: #fff;
    float: left;
    margin-right: 2.3%;
    box-sizing: border-box;
}

.leftnav-z1-list dl:hover dd {
    background: #2d4a86;
}

.leftnav-z1-list dl:hover .gao_product_font {
    color: #fff;
}

.leftnav-z1-list dl:nth-child(4n-1) {
    margin-right: 0;
}

.leftnav-z1-list dt img {
    width: 100%;
    display: block;
}

.leftnav-z1-list dd {
    padding: 0px 20px 2px 16px;
    background: #eaeaea;
    color: #666;
}

.leftnav-z1-list dd h4 {
    height: 45px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 45px;
    overflow: hidden;
    text-align: center;
}

.leftnav-z1-list h4 a {
    display: block;
    height: 32px;
    color: #5a5a5a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}


.leftnav-z1-list-desc {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 12px;
    overflow: hidden;
}

.leftnav-z1-list-deta {
    width: 100px;
    height: 40px;
    display: inline-block;
    border: 1px solid #aaa;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}




/**/
.lainuo_index_about{background:#F2F2F2;}
.lainuo_index_about_content{padding-top:80px;}
.lainuo_index_about_content .lainuo_index_about-top dl dt{width:600px; height:590px; float:left; line-height: 0; overflow: hidden;}
.lainuo_index_about_content .lainuo_index_about-top dl dt img{height:594px;width: 100%;}
.lainuo_index_about_content .lainuo_index_about-top dl dd p{font-size: 13px; color:#666666; margin-bottom: 30px; text-indent:2em;line-height: 31px;}
.lainuo_index_about_content .lainuo_index_about-top dl dd{float:left;width:600px;height:320px; padding:11px 0 0 43px; box-sizing: border-box;}
.lainuo_index_about_content .lainuo_index_about-top dl dd h4{ margin-bottom: 7px; font-size: 32px; color:#2d4a86; font-weight: bold;height:55px; line-height: 55px;}
.lainuo_index_about_content .lainuo_index_about-top dl dd span{width:183px; height:45px;display: block;  background:#ca2e2e;border-radius: 3px; text-align: center; line-height: 45px;}
.lainuo_index_about_content .lainuo_index_about-top dl dd span a{display:block;font-size: 16px; color:#ca2e2e;}
.lainuo_index_about_content .lainuo_index_about-top{height:590px;}
.lainuo_index_about_content .lainuo_index_about-bot{height:145px;}
.lainuo_index_about_content .lainuo_index_about-bot ul{height:145px;background:#FFF;box-shadow: 0px 4px 51px 0px rgba(7, 0, 2, 0.18);}
.lainuo_index_about_content .lainuo_index_about-bot ul li{float:left;width:300px;height:145px;padding-top:27px; box-sizing: border-box;}
.lainuo_index_about_content .lainuo_index_about-bot ul li span{display: block; height:66px; text-align: center;}
.lainuo_index_about_content .lainuo_index_about-bot ul li span em{display: inline-block; height:66px; line-height: 66px;font-size: 60px; color:#1f212c; font-family: "Arial";}
.lainuo_index_about_content .lainuo_index_about-bot ul li span i{display: inline-block;font-size: 24px; color:#1f212c; font-family: "Arial";}
.lainuo_index_about_content .lainuo_index_about-bot ul li p{height:28px; line-height: 28px; font-size: 18px; color:#343434;margin-left: 107px;}
.lainuo_index_about_content .lainuo_index_about-bot ul li:hover{background:#ca2e2e;}
.lainuo_index_about_content .lainuo_index_about-bot ul li:hover span em{color:#FFF;}
.lainuo_index_about_content .lainuo_index_about-bot ul li:hover span i{color:#FFF;}
.lainuo_index_about_content .lainuo_index_about-bot ul li:hover p{color:#FFF;}
.about_child_title{ 
    font-size: 16px;
    margin-bottom: 21px;
    margin-top: 12px;
    color: #737373;
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
}
.ysbj2{
    background: url(../images/ysbj2.jpg);
}
/**/
.casebj{height:752px;}
.case h2{text-align: center; margin-bottom: 27px;}
.case h2 span{display: block; height:52px; line-height: 47px;font-size: 48px; color:#333333; font-weight: bold;}
.case h2 i{display: block;width: 116px; height:37px; margin:10px auto; background:url(../images/tb_btm.png) no-repeat center;position: relative;}
.case h2 i:before{width:233px; height:1px; background:#d6d6d6; content:""; position: absolute; left:-233px;top:19px;}
.case h2 i:after{width:233px; height:1px; background:#d6d6d6; content:""; position: absolute; right:-233px;top:19px;}
.case h2 em{display: block;height:31px; line-height: 31px;font-size: 20px; color:#666666; font-weight: normal; letter-spacing: 2px;}
.case .cas-left{width:386px; float:left;height:456px;background:#f2f2f3;}
.case .cas-left ul{height:456px; overflow: hidden;}
.case .cas-left ul li{float:left; width:33.3%; height:152px; box-sizing: border-box; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.case .cas-left ul li:nth-child(3n){border-right:0;}
.case .cas-left ul li a{display: block;padding-top:33px;height:143px; box-sizing: border-box;}
.case .cas-left ul li i{display: block; width:40px;height:40px; overflow: hidden;margin:0 auto;}
.case .cas-left ul li i img{width:100%; transition: .5s;}
.case .cas-left ul li span{display: block; height:39px; line-height: 85px; text-align: center;font-size: 16px; color:#343434;}
.case .cas-left ul li.casn.cur{background:#2e4f96;}
.case .cas-left ul li.casn.cur i img{margin-top:-40px;}
.case .cas-left ul li.casn.cur span{color:#FFF; font-weight: bold;}
.case .cas-left ul li:last-child:hover{background:#2e4f96;}
.case .cas-left ul li:last-child:hover i img{margin-top:-40px;}
.case .cas-left ul li:last-child:hover span{color:#FFF;font-weight: bold;}
.case .cas-box{width:726px; height:456px; float:right;position: relative;}
.case .cas-con .cas-rig dl{ height:456px; position: relative;}
.case .cas-con .cas-rig dl dt{height:456px; line-height: 0; overflow: hidden;}
.case .cas-con .cas-rig dl dt img{width:100%; transition: 1s;height:100%;}
.case .cas-con .cas-rig dl dd{width:100%;height:75px; background:rgba(0,0,0,0.3);padding-left:22px;position: absolute;left:0;bottom:0; box-sizing: border-box;}
.case .cas-con .cas-rig dl dd span{display: block; width:99px; height:99px; border-radius: 50%;overflow:hidden;margin:-40px 12px 0 0;float:left;}
.case .cas-con .cas-rig dl dd span a{display: block; height:99px;}
.case .cas-con .cas-rig dl dd span a img{width:100%;}
.case .cas-con .cas-rig dl dd .cas-tit{float:left; margin-top: 10px; }
.case .cas-con .cas-rig dl dd .cas-tit h4{height:24px; line-height: 24px;}
.case .cas-con .cas-rig dl dd .cas-tit h4 a{font-size: 16px; color:#FFF;font-weight: bold;}
.case .cas-con .cas-rig dl dd .cas-tit p{height:20px; line-height: 20px; font-size: 14px; color:#FFF;margin-top:10px;}
.case .cas-con .cas-rig dl dd b{display: block; width:129px; height:75px; float:right;background:#ca2e2e; text-align: center; line-height: 91px;overflow: hidden;}
.case .cas-con .cas-rig dl dd b a{display: block; font-size: 16px; color:#FFFFFF; font-weight: normal;height:75px;background:url(../images/cas-cq.png) no-repeat center 11px;}
.case .cas-con .cas-rig dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-box .cas-jt i{display: block; width:56px; height:56px;cursor: pointer;}
.case .cas-box .cas-jt .cas-prev{background:url(../images/cas-prev.png) no-repeat left;position: absolute;left:0; top:272px;}
.case .cas-box .cas-jt .cas-next{background:url(../images/cas-next.png) no-repeat left;position: absolute;right:0; top:272px;}

    /**/
.product{height:481px;background:#F2F2F3;}
.pro{padding-top:75px;}
.pro .pro-tit{height:68px;}
.pro .pro-tit h2{height:68px; line-height: 68px; float:left;}
.pro .pro-tit h2 a{font-size: 24px; color:#333333; font-weight: bold;}
.pro .pro-tit .pro-rig{float:right; height:52px; margin-top: 16px;}
.pro .pro-tit .pro-rig ul li{float:left;height:35px; line-height: 35px;margin:0 6px;text-align: center;}
.pro .pro-tit .pro-rig ul li a{display: block; height:35px; padding:0 19px;font-size: 16px; color:#666666;}
.pro .pro-tit .pro-rig ul li.cur{background:#2e4f96;border-radius: 18px;}
.pro .pro-tit .pro-rig ul li.cur a{color:#FFF;}
.pro .pro-list{height:256px; position: relative;}
.pro .pro-list .pro-ul{overflow: hidden;}
.pro .pro-list .pro-ul ul li{float:left;width:288px;margin-right: 16px;background:#fff}
.pro .pro-list .pro-ul ul li span{display: block;height:214px; line-height: 0; overflow: hidden; border:1px solid #d9d9d9; border-bottom:0;}
.pro .pro-list .pro-ul ul li span img{width:91%; height:118%; transition: 1s;}
.pro .pro-list .pro-ul ul li em{display: block; height:41px; line-height: 41px; text-align: center; font-size: 16px; color:#FFFFFF;background:rgba(140,140,140,0.9); position: relative; z-index:1;}
.pro .pro-list .pro-ul ul li em:before{width:0;height:41px;background:#2e4f96; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.pro .pro-list .pro-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-list .pro-ul ul li:hover em:before{width:100%;}
.pro .pro-list .pro-jt i{display: block; width:24px; height:43px;cursor: pointer;}
.pro .pro-list .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute; left:-69px;top:104px;}
.pro .pro-list .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute; right:-69px;top:104px;}
/**/
.solution{max-width: 1920px;padding:77px 0 40px;height:880px; box-sizing:border-box; overflow:hidden;}
.solution h2{text-align: center; margin-bottom: 25px;}
.solution h2 span{display: block; height:52px; line-height: 47px;font-size: 48px; color:#333333; font-weight: bold;letter-spacing: 2px;}
.solution h2 i{display: block;width: 116px; height:37px; margin:10px auto; background:url(../images/tb_btm.png) no-repeat center;position: relative;}
.solution h2 i:before{width:206px; height:1px; background:#d6d6d6; content:""; position: absolute; left:-233px;top:19px;}
.solution h2 i:after{width:206px; height:1px; background:#d6d6d6; content:""; position: absolute; right:-233px;top:19px;}
.solution h2 em{display: block;height:28px; line-height: 28px;font-size: 20px; color:#666666; font-weight: normal; letter-spacing: 2px;}

.solution .tempWrap{width: 100%!important;}
.sol-list .bdu ul li{float:left;width:360px;padding: 0 .15%;
	box-sizing: border-box;
	position: relative;}
	

.sol-list .bdu ul li dl dt{width:100%;line-height: 0; overflow: hidden; position: relative;}
.sol-list .bdu ul li dl dt span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.sol-list .bdu ul li dl dt span img{width:100%; transition: 1s;}
.sol-list .bdu ul li dl dt .hover{width: 100%;height:100%;background:#ca2e2e;position: absolute;top:0;left:0;padding-top:106px; box-sizing: border-box;transition: .85s; z-index:-1;transform: rotateX(120deg); transform-origin: center top 0; opacity: 0;}
.sol-list .bdu ul li dl dt .hover i{display: block; width:62px;height:62px; margin:0 auto 34px; line-height: 0; overflow: hidden;}
.sol-list .bdu ul li dl dt .hover i img{width:100%;}
.sol-list .bdu ul li dl dt .hover p{line-height: 25px;text-align: center;margin:0 auto 57px;font-size: 16px; color:#FFF;width:50%;}
.sol-list .bdu ul li dl dt .hover span{display: block;width:182px; height:48px; text-align: center; line-height: 48px;margin:0 auto;border: 3px solid #FFF; border-radius: 30px;}
.sol-list .bdu ul li dl dt .hover span a{display: block; font-size: 20px; color:#FFF; }
.sol-list .bdu ul li dl dd{height:60px; background: #EFEFEF; box-sizing: border-box; position: relative;overflow: hidden;z-index:1;}
.sol-list .bdu ul li dl dd:before{width: 100%; height:123px;background:#0854e0;content:""; position: absolute; left:0;top:123px; transition: .85s;z-index:-1;}
.sol-list .bdu ul li dl dd h4{height:55px; line-height: 60px; text-align: center;}
.sol-list .bdu ul li dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal; transition: .85s;}
.sol-list .bdu ul li dl dd i{display: block; width:36px; height:2px; background:#333333;margin:0 auto; transition: .85s;}
.sol-list .bdu ul li:hover dl dt span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.sol-list .bdu ul li:hover dl dt .hover{transform: none;z-index: 1; opacity:1;}
.sol-list .bdu ul li:hover dl dd:before{top:0;}
.sol-list .bdu ul li:hover dl dd h4 a{color:#FFF;}
.sol-list .bdu ul li:hover dl dd i{background:#FFF;}
 @media screen and  (min-width:760px) and (max-width:1440px){
      .solution{height:705px;}
      .sol-list .bdu ul li{width:446px;}
      .sol-list .bdu ul li dl dt .hover{padding-top:50px;}
      .sol-list .bdu ul li dl dt .hover p{width:80%;margin:0 auto 37px;}
 }

.ysbj{height:1077px; background:url(../images/ysbj.jpg) no-repeat center;}
.ys{padding-top:79px;}
.ys h2{text-align: center; margin-bottom: 30px;}
.ys h2 span{display: block; height:52px; line-height: 47px;font-size: 48px; color:#333333; font-weight: bold;letter-spacing: 2px;}
.ys h2 i{display: block;width: 116px; height:37px; margin:10px auto; background:url(../images/tb_btm.png) no-repeat center;position: relative;}
.ys h2 i:before{width:289px; height:1px; background:#d6d6d6; content:""; position: absolute; left:-289px;top:19px;}
.ys h2 i:after{width:289px; height:1px; background:#d6d6d6; content:""; position: absolute; right:-289px;top:19px;}
.ys h2 em{display: block;height:28px; line-height: 28px;font-size: 20px; color:#666666; font-weight: normal; letter-spacing: 2px;}
.ys .ys-nav{height:83px;width:1200px; margin:0 auto;}
.ys .ys-nav ul li{float:left;height:50px;padding-left:80px; box-sizing: border-box; border-right:1px solid #dfdfe1; cursor: pointer;}
.ys .ys-nav ul li i{display: block; width:48px; height:46px; overflow: hidden;float:left; margin-right: 10px;}
.ys .ys-nav ul li i img{width:100%; transition: .5s;}
.ys .ys-nav ul li span{display: block; float:left; }
.ys .ys-nav ul li span em{display: block; height:28px; line-height: 28px; font-size: 22px; color:#333333; font-weight: bold;}
.ys .ys-nav ul li span p{height:18px;line-height: 18px;font-size: 14px; color:rgba(51,51,51,0.5);}
.ys .ys-nav ul li:first-child{padding-left:0;}
.ys .ys-nav ul li:last-child{border-right:0;}
.ys .ys-nav ul li.cur i img{margin-top:-46px;}
.ys .ys-nav ul li.cur span em{color:#c92e2e;}
.ys .ys-nav ul li.cur span p{color:rgba(244,71,71,0.55);}
.ys .ys_con .ys_s dl dt{height:581px;overflow: hidden;}
.ys .ys_con .ys_s dl dd{position: relative;width:1200px; margin:0 auto;}
.ys .ys_con .ys_s dl dd .ys-desc{width:608px;background:#FFF;box-shadow: 0px 5px 38px 0px rgba(7, 0, 2, 0.14);position:absolute;right:0;top:-208px; padding:57px 61px 31px 59px; box-sizing: border-box; }
.ys .ys_con .ys_s dl dd .ys-desc .ys-tit{height:85px; border-bottom:2px solid #d5d5d5; margin-bottom: 21px;}
.ys .ys_con .ys_s dl dd .ys-desc .ys-tit i{display: block;float:left; height:68px; line-height: 68px; text-align: center;font-size: 73px; color:#2e4f96; font-family: "Arial";margin-right: 16px;}
.ys .ys_con .ys_s dl dd .ys-desc .ys-tit span{display: block;float:left; }
.ys .ys_con .ys_s dl dd .ys-desc .ys-tit span em{display: block; height:39px; line-height: 39px;font-size: 30px; color:#0a0a0a; font-weight: bold;}
.ys .ys_con .ys_s dl dd .ys-desc .ys-tit span p{height:29px; line-height: 29px; font-size: 20px; color:#666666;}
.ys .ys_con .ys_s dl dd .ys-desc ul li{line-height: 23px;margin-bottom: 21px;font-size: 16px; color:#666666;}
.ys .ys_con .ys_s dl:last-child dd .ys-desc{top:-268px;}
.ys .ys_con .ys-jt{width:1200px; margin:0 auto;position: relative;}
.ys .ys_con .ys-jt span{display: block;width:176px;height:101px; position: absolute;left:101px;top:-101px;}
.ys .ys_con .ys-jt i{display: block; width:88px; height:101px; cursor: pointer;float:left;}
.ys .ys_con .ys-jt .ys-prev{background:url(../images/ys-prev.jpg) no-repeat center;}
.ys .ys_con .ys-jt .ys-next{background:url(../images/ys-next.jpg) no-repeat center;}

/**/
.casebg{padding-top:60px;overflow: hidden;border: px solid #f00;height: 820px;}
.case-title {text-align: center; margin-bottom: 30px;overflow: hidden;margin-top: 30px;}
.case-title span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#1a1a1a;padding:0 41px;position: relative; font-weight: bold;}
.case-title span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.case-title span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.case-title em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#1a1a1a;font-weight: normal;letter-spacing: 6px;}
.case-tt{height: 104px;overflow: hidden;padding-top:32px;}
.case-tt li{display: inline-block;font-size: 18px;line-height: 48px;border: 1px solid #eaeaea;text-align: center;padding: 0 20px;}
.case-tt li i{display:inline-block;font-size: 24px;width:48px;overflow: hidden;height:48px;vertical-align:bottom;transition: all 0.5s;margin-left: 10px;}
.case-tt li:hover i {color: #1959C7;}
.case-tt li a:hover {color: #1959C7;font-weight: bold;}
.case-tt li:last-child{}
.case-l{float:left;width:600px;padding-bottom: 20px}
.case-l dl{margin-bottom:20px;position:relative;}
.case-l dt{font-size:0;line-height: 0;width:600px;overflow: hidden;}
.case-l dt img{width:600px;height: 450px;transition: all 0.5s}
.case-l dd{height:161px;background:rgba(0,0,0,0.6);box-shadow:0 0 20px rgba(76,79,86,0.1);padding:20px 90px 0 37px;box-sizing: border-box;position:absolute;left:0;bottom:0;width: 600px;}
.case-l dd h4 a{display: block;height: 53px;line-height: 43px;position: relative;font-size:22px;color: #fff;}
.case-l dd h4 a:after{content: "";display: block;width:31px;height: 2px;background: #dddddd;position: absolute;left:0;bottom:0;}
.case-l dd p{font-size: 14px;color: #fff;line-height: 30px;}
.case-l dd p a{height: 30px;line-height: 30px;font-size:14px;color: #fff;position: relative;transition: all 0.5s;padding:0 15px;background:#1959C7;margin-left: 20px;}
.case-l dd p a:after{content:"";display: block;width:0;height: 30px;background: #d9323e;position: absolute;left:0;top:0;transition: all 0.5s}
.case-l dl dd em a:hover:after{width:100%;}
.case-l dl dd em a:hover{color: #fff;}
.case-l dl:hover dt img{transform: scale(1.1);}
.case-r{float:right;width:580px;position: relative;}
.case-r li{height: 180px;position: relative;width: 240px;float: left;overflow: hidden;margin-left: 10px;margin-right: 10px;margin-top: 20px;margin-bottom: 20px;}
.case-r li i{display: block;font-size:0;line-height: 0;width:381px;overflow: hidden;}
.case-r li i img{width: 240px;height:180px;transition: all 0.5s}
.case-r li:hover i img{transform: scale(1.1);}
.case-r li .case-r-info{position:absolute;left:0;bottom:0;left:0;bottom:0;height:48px;background:rgba(0,0,0,0.5);width:100%;}
.case-r li h4{display: block;padding:13px 13px 0;height: 25px;line-height: 25px;font-size:16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.case-r li p{font-size:14px;color: #fff;padding:4px 13px 0;line-height: 21px;}*/
/*.case-r li.on a:after{position: absolute;width: 381px;height: 214px;content: "";background: url(../images/case-c.png) no-repeat center rgba(0,0,0,0.55);left: 0;top: 0;}*/
.case-r .prev,.case-r .next{position: absolute;right:0px;cursor: pointer;width: 40px;height: 40px;color: #fff;line-height: 40px;text-align: center;font-size: 24px;right: 29px;}
.case-r .prev{top:20px;background: #1959C7;}
.case-r .next{top:60px;background: #A8A8A8;}
.case-r .prevStop,.case-r .nextStop{cursor: no-drop;}




/**/
.newsbj{height:939px;}
.news{padding-top:76px;}
.news h2{text-align: center; margin-bottom: 8px;}
.news h2 span{display: block; height:52px; line-height: 47px;font-size: 48px; color:#333333; font-weight: bold;letter-spacing: 2px;}
.news h2 i{display: block;width: 116px; height:37px; margin:0 auto; background:url(../images/tb_btm.png) no-repeat center;position: relative;}
.news h2 i:before{width:147px; height:1px; background:#d6d6d6; content:""; position: absolute; left:-233px;top:19px;}
.news h2 i:after{width:147px; height:1px; background:#d6d6d6; content:""; position: absolute; right:-233px;top:19px;}
.news h2 em{display: block;height:28px; line-height: 28px;font-size: 20px; color:#666666; font-weight: normal; letter-spacing: 2px;}
.news .news-left{width:586px; float:left;}
.news .news-left h3{height:65px;}
.news .news-left h3 em{display: block; height:65px; line-height: 65px;float:left;font-size: 24px; color:#333333;}
.news .news-left h3 i{display: block; float:right; height:65px; line-height: 65px;font-size: 16px; color:#333333;}
.news .news-left h3:hover em{color:#c92e2e;}
.news .news-left h3:hover i{color:#c92e2e;}
.news .news-left dl{height:467px; border-bottom:1px solid #d9d9d9;margin-bottom: 30px;}
.news .news-left dl dt{height:329px; line-height: 0; overflow: hidden; position: relative;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dt i{display: block; width:71px; height: 56px;background:url(../images/news-tt.png) no-repeat center;position: absolute;left:0;top:0;}
.news .news-left dl dd{padding-top:20px;}
.news .news-left dl dd h4{height:38px; line-height: 38px; margin-bottom: 5px;}
.news .news-left dl dd h4 a{font-size: 16px; color:#333333; font-weight: bold;}
.news .news-left dl dd p{line-height: 24px;font-size: 14px; color:#666666;}
.news .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-left dl:hover dd h4 a{color:#c92e2e;}
.news .news-left ul li{height:35px;padding-left:35px;background:url(../images/news-ico.png) no-repeat left;}
.news .news-left ul li em{display: block; height:35px; line-height: 35px; float:left; font-size: 16px;color:#666666;}
.news .news-left ul li i{display: block; float:right; height:35px; line-height: 35px;font-size: 14px; color:#999999; margin-right: 16px;}
.news .news-left ul li:hover em{color:#c92e2e;}
.news .news-left ul li:hover i{color:#c92e2e;}
.news .news-rig{width:565px; float:right;}
.news .news-rig h3{height:65px;}
.news .news-rig h3 em{display: block; float:left; height:65px;line-height: 65px;}
.news .news-rig h3 em a{font-size: 24px; color:#333333;padding:0 20px; position: relative;}
.news .news-rig h3 em a.cur{color:#c92e2e;}
.news .news-rig h3 em a:first-child{padding-left:0;}
.news .news-rig h3 em a:first-child:before{width:1px; height:22px; background:#b3b3b3; content:""; position: absolute; right:0;top:7px;}
.news .news-rig h3 span{display: block; height:65px; line-height: 65px;float:right;}
.news .news-rig h3 span a{font-size: 16px; color:#333333;}
.news .news-rig .news-con .bd ul li{height:189px !important;margin-bottom: 19px;border:1px solid #d6d6d6; box-sizing: border-box;  }
.news .news-rig .news-con .bd ul li dl dt{width:251px; height:187px; float:left; line-height: 0; overflow: hidden;}
.news .news-rig .news-con .bd ul li dl dt img{width:100%; height:100%; transition: 1s; }
.news .news-rig .news-con .bd ul li dd{width:312px; height:189px;float:right;padding:30px 31px 0 32px; box-sizing: border-box; }
.news .news-rig .news-con .bd ul li dd h4{height:42px; line-height: 42px;margin-bottom: 8px;}
.news .news-rig .news-con .bd ul li dd h4 a{font-size: 16px; color:#333333; font-weight: bold;}
.news .news-rig .news-con .bd ul li dd p{line-height: 24px;font-size: 14px; color:#666666;}
.news .news-rig .news-con .bd ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-rig .news-con .bd ul li:hover dl dd h4 a{color:#c92e2e;}
/**/
.ztcbj{height:500px; background:url(../images/ztcbj.jpg) no-repeat center;}
.ztc{padding-top:241px;}
.ztc .ztc-fl{height:221px;}
.ztc .ztc-fl .ztc-bd{height:111px;background:#FFF;}
.ztc .ztc-fl .ztc-bd h3{width:250px; height:110px;float:left;background: #c92e2e;border-bottom:1px solid #e1e1e1;}
.ztc .ztc-fl .ztc-bd h3 a{display: block; height:110px; padding-top:18px; box-sizing: border-box;}
.ztc .ztc-fl .ztc-bd h3 i{display: block;width:41px;height:38px; margin:0 auto;}
.ztc .ztc-fl .ztc-bd h3 i img{width:100%;}
.ztc .ztc-fl .ztc-bd h3 em{display: block; height:35px; line-height: 35px;text-align: center;font-size: 24px; color:#FFF;}
.ztc .ztc-fl .ztc-bd ul{width:950px;height:110px;padding:31px 0 0 41px; box-sizing: border-box;float:left;border-bottom:1px solid #f1f1f1;}
.ztc .ztc-fl .ztc-bd ul li{float:left;width:20%; height:29px; line-height: 29px;}
.ztc .ztc-fl .ztc-bd ul li a{font-size: 16px;color:#666666;}
.ztc .ztc-fl .ztc-bd:hover h3{background:#c92e2e;}


/*首页产品*/

/* --product-- */
.probg {
    background: #f9f9f9;
        padding-top: 53px
}


.product-nr {
    float: right;
    width: 950px;
}

.product-nr-list dl {
    float: left;
    width: 31.2%;
    margin-left: 1.5%;
    height: 100%;
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    height: 338px;
}

.product-nr-list dt {
    width: 100%;
    display: block;
    background: url(../images/product-bg.jpg);
    background-size: 100% 100%;
}

.product-nr-list dt img {
    width: 100%;
    display: block;
}

.product-nr-list dt em {
    display: block;
    height: 42px;
    line-height: 42px;
    background: #f5f5f5;
    text-align: center;
    font-size: 20px;
    color: #333333;
}

.product-nr-list dd {
    position: absolute;
    left: 0;
    bottom: -100%;
    background-color: rgb(207 31 31 / 0.86);
    width: 100%;
    height: 100%;
    transition: all 0.3s linear 0s;
}

.product-nr-list h3 {
    padding-top: 19%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.product-nr-list h3 a {
    color: #fff;
}

.product-nr-list dd p {
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    width: 90%;
    margin-left: 5%;
}

.product-nr-list dl:hover dd {
    bottom: 0;
}

.product-nr-list dl:hover dt em i {
    display: none;
}

.product-nr-list dl:hover dt em {
    font-size: 0
}

.product-nr-list .primary-btn {
    width: 70%;
    margin-left: 12%;
    margin-top: 15px;
}
/*首页产品结束*/
.product-nr-list{
    clear: both;
    display: table;
}
.footer{
    background: #252529;
}




.submian .subleft{width: 250px;}
.submian .subleft .title{background: #c92e2e;padding-top: 20px;height: 77px;text-align: center;color: #fff;font-size: 22px;line-height: 35px;font-weight: bold;overflow: hidden;}
.submian .subleft .title h2{font-size: 22px;font-weight: bold;}
.submian .subleft .title h2 span{font-size: 14px;line-height: 24px;display: block;color: #eee;font-family: Arial;font-weight: normal;text-transform: uppercase;}


.submian .subleft {
    width: 250px;
}
.fl {
    float: left;
}
/*栏目分页*/
.submian .subleft .lefta{margin-bottom: 10px;}
.submian .subleft .lefta .comt{border: 1px solid #e1e1e1;background: #fff;}
.submian .subleft .lefta .comt ul{border-top: 0;}
.submian .subleft .lefta .comt ul li a{position: relative;display: block;color: #666;font-size: 16px;line-height: 60px;padding: 0 20px;border-bottom: 1px solid #F5F5F5;overflow: hidden;}
.submian .subleft .lefta .comt ul li:last-child a{border: 0;}
.submian .subleft .lefta .comt ul li a:after{content: ">";position: absolute;right: 20px;top: 50%;margin-top: -8px;width: 16px;height: 16px;font-family: 宋体;color: #fff;font-size: 12px;line-height: 16px;text-align: center;background: #e6e6e6;border-radius: 50%;transition: all .5s;}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a{color: #fff;background: #ca2e2e;}
.submian .subleft .lefta .comt ul li:hover a:after, .submian .subleft .lefta .comt ul li.hover a:after{color: #2fc16e;background: #fff;}
.submian .subleft .lefta .comt ul li .boxlist{display: none;border-bottom: 1px solid #F5F5F5;}
.submian .subleft .lefta .comt ul li .boxlist li a{color: #838383;font-size: 12px;line-height: 35px;border-bottom: 0;padding-left: 30px;background: #fff;}
.submian .subleft .lefta .comt ul li .boxlist li a:after{content: " ";left: 20px;margin-top: -2px;width: 4px;height: 4px;background: #2fc16e;}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover{color: #2fc16e;}
.submian .subleft .lefta .comt ul li.hover .boxlist{display: block;}


/*推荐产品*/
.submian .leftnews{margin-bottom: 10px;}
.submian .leftnews ul{padding-top: 10px;border: 1px solid #e8e8e8;border-top: 0;}
.submian .leftnews ul li{float: left;text-align:center;width: 110px;margin-left: 9px;}
.submian .leftnews ul li img{width: 108px;height: 110px;border: 1px solid #ddd;}
.submian .leftnews ul li p{color: #666;font-size: 12px;line-height: 30px;transition: all .5s;}
/*联系我们*/
.submian .leftnews .leftcont{background: #fff;padding: 10px;border: 1px solid #e8e8e8;border-top: 0;}
.submian .leftnews .leftcont h2{font-size: 16px;font-weight: bold;color: #2d4a86;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;text-align: center;}
.submian .leftnews .leftcont p{color: #333;font-size: 14px;line-height: 30px;padding-top: 10px;display: block;}

.about-contact {
    margin-bottom: 60px;
}
.about-contact h2{
    font-size:20px;
    color:#555;
    line-height:100px;
}
.about-contact li {
    float: left;
    border: 1px solid #eee;
    width: 263px;
    height: 220px;
    text-align: center;
    margin-right: 20px;
    color: #666;
    margin-bottom: 30px;
    line-height: 160%;
    padding: 0 10px;
    background: #F5F5F5;
}
.about-contact li:nth-child(4) {
    margin-right: 0;
}
.about-contact p{
    margin-top: 40px;
}
.about-contact p span {
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 3px;
}
.about-contact p i {
    vertical-align:middle;
    padding: 15px;
    width: 60px;
    height: 60px;
    font-size: 24px;
    color: #fff;
    background: #ae090d;
    -moz-border-radius: 30px;      /* Gecko browsers */
    -webkit-border-radius: 30px;   /* Webkit browsers */
    border-radius:30px;            /* W3C syntax */
}