﻿@import url("stye.css");
.askPrice .askTabLine_2 button:hover{ background-color: #cf0010;}
@media screen and (max-height:720px) {
    .askPrice.z_tc{height:524px; margin-top:-262px;}
    .askPrice.z_tc .myName{padding: 2% 0 1.5% 0;}
    .askPrice.z_tc .myName .name{ color: #333333; font-size: 24px; line-height: 1.56; text-align: center;}
    .askPrice.z_tc .askTabTit{ margin-top:10px; line-height:36px;}
    .askPrice.z_tc .askTabWid_1{ margin-top: 10px;}
    .askPrice.z_tc .askSelect{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_3{margin-top: 10px;}
    .askPrice.z_tc .askInput{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_2{margin-top: 10px;}
    .askPrice.z_tc .askTabLine_2{padding-top:15px;}
    .askPrice.z_tc .askArea{ padding:8px 11px; height:70px;}
}
@media screen and (max-width:1400px) {
    .askPrice.z_tc{height:524px; margin-top:-262px;}
    .askPrice.z_tc .myName{padding: 2% 0 1.5% 0;}
    .askPrice.z_tc .myName .name{ color: #333333; font-size: 24px; line-height: 1.56; text-align: center;}
    .askPrice.z_tc .askTabTit{ margin-top:10px; line-height:36px;}
    .askPrice.z_tc .askTabWid_1{ margin-top: 10px;}
    .askPrice.z_tc .askSelect{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_3{margin-top: 10px;}
    .askPrice.z_tc .askInput{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_2{margin-top: 10px;}
    .askPrice.z_tc .askTabLine_2{padding-top:15px;}
    .askPrice.z_tc .askArea{ padding:8px 11px; height:70px;}
}
@media  screen and (max-width:991px){
    .askPrice{ position: static; width: 100%; height:auto; padding: 0 30px 30px 30px; background-color: #f2f2f2; left: auto; top: auto; margin: 0; }
    .askPrice .myName .name{ font-size: 24px; }
}
@media  screen and (max-width:767px){
    .askPrice{ position: static; width: 100%; height:auto; padding: 0 15px 6% 15px; background-color: #f2f2f2; left: auto; top: auto; margin: 0; }
    .askPrice .myName .name{ font-size: 20px; }
    .askPrice .askTabWid_1{  width: 100%; margin-top: 10px;}
    .askPrice .askTabMargin_1{ margin-right:0; }
    .askPrice .askTabWid_3{ width: 100%; }
    .askPrice .askTabLine_2 button{ padding: 0 45px; }
}
/*20190228新加*/
.homeSolu{}
.homeSoluDown{ padding-bottom: 2.46%;}
.homeSoluDown .soluLeft{ float: left; width: 48.9%; margin-top: 3.28%; overflow: hidden; line-height: 0; position: relative; }
.homeSoluDown .soluLeft .soluIco{ position: absolute; width: 84px; height: 84px; left: 50%; top: 50%; margin: -42px 0 0 -42px; line-height: 0; cursor: pointer;}
.video_box{width:100%; padding-bottom:68.347%; position:relative; overflow:hidden;}
.video_box video,
.video_box p{width:100%; height:100%; position:absolute ;left:0; top:0; }
.video_box p iframe{width:100%; height:100%;}
@media screen and (max-width:1489px){
    .homeSoluDown .soluLeft .soluIco{ width: 68px; height: 68px; margin: -34px 0 0 -34px; }
}
@media screen and (max-width:991px){
    .homeSoluDown .soluLeft{ width: 100%;  }
}
@media screen and (max-width:767px){
    .homeSoluDown .soluLeft .soluIco{ width: 40px; height: 40px; margin: -20px 0 0 -20px; }
}
.homeSoluDown .soluRight{ float: right; width: 48.9%; margin-top: 3.28%;}
.homeSoluDown .soluRight .soluText{ padding: 6.08% 8.08% 0 8.08%;}
.soluText .soluTit{ color: #1e50a2; font-size: 24px; line-height: 30px; text-align:center;}
.soluText .soluJj{ text-align:center; font-size:13px; line-height:20px; color:#666; margin-top:15px;}
.soluText .soluTxt{ height: 170px; color: #010101; font-size: 15px; line-height: 24px; overflow: hidden; margin-top: 7%;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.soluText .soluBtn{ margin-top: 19px;}
.soluText .soluBtn .soLink{ float: left; width:103px; background-color: #1e50a2; color: #fff; font-size: 16px; text-align: center; line-height: 33px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.soluText .soluBtn .soLink:hover{ background-color: #c20211;}
@media screen and (max-width:1229px){
    
    .homeSoluDown .soluRight .soluText{ padding: 6.64% 7.08% 6.64% 7.08%; }
    .soluText .soluJj{font-size:12px;}
    .soluText .soluTxt{ margin-top:6%; height:auto;}
}
@media screen and (max-width:991px){
    .homeSoluDown .soluRight{ width: 100%; height:auto !important;  }
}
@media screen and (max-width:767px){
    .homeSoluDown .soluRight .soluText{/*padding: 10.64% 10.08% 10.64% 10.08%;*/ }
}
.thisNew{ padding: 4.79% 0 3.42% 0; margin: 0 -25px;}
.thisNew ul{ float: left; width: 100%;}
.thisNew ul li{ padding: 0 25px;}
.thisNew ul li .thisShadow{ background-color: #f2f2f2; padding: 15px 12px 0 12px;
    -webkit-box-shadow: 0 0 10px #f9f9f9;
    -moz-box-shadow: 0 0 10px #f9f9f9;
    -o-box-shadow: 0 0 10px #f9f9f9;
    box-shadow: 0 0 10px #f9f9f9;
}
.thisNew ul li .thisShadow .shaPic{ line-height: 0; overflow: hidden;}
.thisNew ul li .thisShadow .shaPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.thisNew ul li:hover .thisShadow .shaPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.thisNew ul li .thisShadow h3{ margin-top:7.35%; border-top: #eef6fb solid 1px; padding: 7.02% 0; color: #0b0b0b; font-size: 16px; line-height: 1; border-top: #d2d2d2 solid 1px;}
.thisNew ul li .thisShadow:hover h3{color: #1e50a2;}
@media screen and (max-width:1489px){
    .thisNew{ margin: 0 -15px;}
    .thisNew ul li{ padding: 0 15px;}
}
@media screen and (max-width:767px){
    .thisNew{ margin: 0 -6px; padding: 4.79% 0 5.47% 0;}
    .thisNew ul li{ padding: 0 6px;}
    .thisNew ul li .thisShadow{ background-color: #f2f2f2; padding: 10px 8px 0 8px; }
    .thisNew ul li .thisShadow h3{ font-size: 14px; }
}
/*
  -webkit-appearance:none;
outline: 0;
     -webkit-box-shadow: 0 2px 6px #000;
        -moz-box-shadow: 0 2px 6px #000;
          -o-box-shadow: 0 2px 6px #000;
             box-shadow: 0 2px 6px #000;
     border-radius:11px;
     -webkit-border-radius:11px;
        -moz-border-radius:11px;
          -o-border-radius:11px;
     text-overflow:ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
     transition: -webkit-transform 2s;
     -ms-interpolation-mode:bicubic;
     transform: scale(1.09,1.09);
     -ms-transform: scale(1.09,1.09);
     -webkit-transform: scale(1.09,1.09);
     -o-transform: scale(1.09,1.09);
     -moz-transform: scale(1.09,1.09);
     opacity: 0;
     filter: alpha(opacity=0);
              -moz-opacity: 0;
            -khtml-opacity: 0;
  -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
         transform: translate(0, -50%);
     */
/*在线留言*/
.homeMessage{ position: fixed; width: 470px; height: 470px; left: 50%; top: 50%; margin: -235px 0 0 -235px; z-index: 1200; background-color: #f2f2f2; padding: 53px 40px 41px 40px;}
.homeMessage h3{ color: #333333; font-size: 26px; line-height: 31px; text-align: center;}
.homeMessage .messText{ padding: 5px 0 27px 0; border-bottom: #e2e2e2 solid 2px; color: #333333; font-size: 12px; line-height: 17px; text-align: center;}
.homeMessage .messDown{ padding-top: 12px;}
.homeMessage .messDown .messLine{ margin-top: 12px;}
.homeMessage .messDown .messLeft{ float: left; width: 67px; color: #333333; font-size: 12px; line-height: 35px; text-align: right;}
.homeMessage .messDown .messLeft .star{ color: #f42020; font-size: 14px;}
.homeMessage .messDown .messRight{ padding-left: 67px;}
.homeMessage .messDown .messIn{ float: left; width: 100%; height:35px; border: #d7d7d7 solid 1px; padding: 0 9px; color: #333; font-size: 12px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .messDown .messArea{ float: left; width: 100%; height:63px; border: #d7d7d7 solid 1px; padding:6px 9px; color: #333; font-size: 12px; line-height: 24px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .messDown .messLine2{ padding: 55px 0 0 30px; text-align: center; line-height: 0;}
.homeMessage .messDown .messBtn{  display: inline-block; vertical-align: top; width: 186px; height: 35px; background-color: #e7000f; border: 0; color: #fff; font-size: 14px; text-align: center;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .shup{ position: absolute; width: 24px; line-height: 0; right: 10px; top: 10px; cursor: pointer;}
@media screen and (max-width:767px){
    .homeMessage{ width: 100%; height: auto; left: 0; top: 50%; margin: -200px 0 0 0;  padding: 35px 25px 35px 25px;}
    .homeMessage .messDown .messLine2{ padding: 40px 0 0 30px; }
    .homeMessage .messDown .messBtn{ width: 120px; }
}
/*关于我们*/
.aboutProfile{ padding: 2% 0 3.75% 0;}
.aboutProfile .filePic{ line-height: 0;}
.aboutProfile .fileDown{ margin-top: -16.16%; padding: 0 4.58%; position: relative; z-index: 3;}
.aboutProfile .fileBorder{ border: #fff solid 2px; padding: 2.19%;}
.aboutProfile .fileBorder .fileWhite{ background-color: #fff; padding: 2.68% 4.98% 4.31% 2.87%; color: #666666; font-size: 14px; line-height: 20px;}
.fileWhite .whitePic{ float: left; width: 250px; margin-top: 106px;}
.fileWhite .whiteRight{ padding-left: 305px;}
.fileWhite .whiteTitle{ float: left; width: 100%; color: #da0000; font-size: 24px; font-weight: bold; line-height: 1.45;}
.fileWhite .whiteEng{ float: left; width: 100%; padding-top: 5px; color: #da0000; font-size: 14px; text-transform: uppercase; line-height: 18px;}
.fileWhite .whiteText{ float: left; width: 100%; padding-top:23px; }
@media screen and (max-width:991px){
    .fileWhite .whitePic{ width: 201px; margin-top: 87px;}
    .fileWhite .whiteRight{ padding-left: 220px;}
    .fileWhite .whiteTitle{ font-size: 20px; }
    .fileWhite .whiteEng{ font-size: 12px; }
}
@media screen and (max-width:767px){
    .aboutProfile .fileBorder .fileWhite{ padding: 2.68% 4.98% 4.31% 4.98%; }
    .fileWhite .whitePic{ width: 100%; margin-top: 10%; }
    .fileWhite .whiteRight{ float: left; width: 100%; padding-left:0; padding-top: 5%;}
}
/*解决方案*/
.soluOne{  }
.soluOneTitle{}
.soluOneTitle .titRed{ float: left; background-color: #e60012; padding: 0 15px; color: #fff; font-size: 24px; line-height: 1.7;}
@media screen and (max-width:1229px){
    .soluOneTitle .titRed{ padding: 0 12px; font-size: 20px; }
}
@media screen and (max-width:767px){
    .soluOneTitle .titRed{ padding: 0 8px; font-size: 17px; }
}
.soluOneDown{ padding: 5% 0 1.16% 0;}
.soluOneDownText{ padding: 5% 0 0 0; }
.oneTitle{ text-align: center; overflow: hidden;}
.oneTitle .oneCen{ display: inline-block; vertical-align: top; color: #1e50a2; font-size: 20px; line-height: 1.5; padding: 0 2.91%; position: relative;}
.oneTitle .oneCen::before{ content: ''; position: absolute; width: 281px; height: 1px; right: 100%; top: 50%; background: url("../images/20190228_10.png") left center no-repeat;}
.oneTitle .oneCen::after{ content: ''; position: absolute; width: 281px; height: 1px; left: 100%; top: 50%; background: url("../images/20190228_10-02.png") right center no-repeat;}
.soluOneDownTxt{ padding-top: 18px; color: #666666; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:1229px){
    .oneTitle .oneCen{ font-size: 16px; }
    .soluOneDownTxt{ padding-top: 14px; font-size: 12px; line-height: 20px; }
}
@media screen and (max-width:767px){
    .oneTitle .oneCen{line-height: 1.2;}
}
.soluOneList{ margin: 0 -30px;}
.soluOneList .oneUl{ float: left; width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.soluOneList .oneUl .oneLi{ float: left; width: 33.3333%; padding: 5% 30px 0 30px;}
.soluOneList .oneUl .oneLi .onebg{ background-color: #f5f5f5; padding: 10px 13.05% 0 13.05%;}
.soluOneList .oneUl .oneLi .onebg .onePic{ line-height: 0; overflow: hidden;}
.soluOneList .oneUl .oneLi .onebg .oneTit{ padding: 10px 0 10% 0; color: #1e50a2; font-size: 14px; line-height: 20px; text-align: center;}
.soluOneList .oneUl .oneLi .oneBgDown{ padding-top: 8.33%; color: #333333; font-size: 15px; line-height: 28px;}
.soluOneList .oneUl .oneLi .oneBgDown .gray{ color: #666;}
@media screen and (max-width:1229px){
    .soluOneList{ margin: 0 -24px;}
    .soluOneList .oneUl .oneLi{ padding: 5% 24px 0 24px;}
    .soluOneList .oneUl .oneLi .oneBgDown{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:991px){
    .soluOneList{ margin: 0 -12px;}
    .soluOneList .oneUl .oneLi{ padding: 5% 12px 0 12px;}
}
@media screen and (max-width:767px){
    .soluOneList{ margin: 0 -7px;}
    .soluOneList .oneUl .oneLi{ width: 100%; padding: 5% 7px 0 7px;}
    .soluOneList .oneUl .oneLi .oneBgDown{ padding-top: 3.33%; font-size: 12px; line-height: 20px;}
}
.auxiliary{ padding-top: 2.5%;}
.auxiliary .auTit{ color: #1e50a2; font-size: 18px; line-height:1.66; }
.auxiliary .auTxt{ padding-top: 5px; color: #666666; font-size: 16px; line-height: 30px;}
@media screen and (max-width:1229px){
    .auxiliary .auTit{ font-size: 16px; }
    .auxiliary .auTxt{ font-size: 14px; line-height: 26px;}
}
.soluTwoList{ }
.soluTwoList .twoUl{}
.soluTwoList .twoLi{}
.soluTwoList .twoLi.twoBg{ background: url("../images/20190228_15.jpg") repeat;}
.soluTwoList .twoLi.fourBg{ background: url("../images/20190228_19.jpg") repeat;}
.soluTwoList .twoBox{ padding: 4.16% 0;}
.soluTwoList .twoBox .twoPic{ float: right; width: 470px;  line-height: 0; overflow: hidden;}
.soluTwoList .twoBox .twoLeftPad{ padding-right: 490px;}
.soluTwoList .twoBox .twoLeftPad .twoTit{ float: left; width: 100%; color: #333333; font-size: 20px; line-height: 1;}
.soluTwoList .twoBox .twoLeftDown{ float: left; width: 100%; padding-top: 43px;}
.soluTwoList .twoBox .twoLeftDown .twoDd{ float: left; width: 100%; padding: 8px 0;}
.soluTwoList .twoBox .twoLeftDown .twoDd .ddb{ float: left; width: 25px; height: 25px; border: #1e50a2 solid 1px; color: #1e50a2; font-size: 14px; line-height: 23px; text-align: center; font-weight: normal;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.soluTwoList .twoBox .twoLeftDown .twoDd .ddPad{ padding-left: 49px; color: #666666; font-size: 16px; line-height: 25px;}
@media screen and (max-width:1229px){
    .soluTwoList .twoBox .twoLeftPad .twoTit{ font-size: 17px; }
    .soluTwoList .twoBox .twoLeftDown{ padding-top: 35px;}
    .soluTwoList .twoBox .twoLeftDown .twoDd{ padding: 6px 0;}
    .soluTwoList .twoBox .twoLeftDown .twoDd .ddb{ width: 22px; height: 22px; line-height: 20px; }
    .soluTwoList .twoBox .twoLeftDown .twoDd .ddPad{ padding-left: 40px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width:991px){
    .soluTwoList .twoBox .twoPic{ width: 377px; }
    .soluTwoList .twoBox .twoLeftPad{ padding-right: 387px;}
}
@media screen and (max-width:767px){
    .soluTwoList .twoBox .twoPic{ width: 100%; padding-right: 10%; }
    .soluTwoList .twoBox .twoLeftPad{ float: left; width: 100%; padding-right: 0;}
    .soluTwoList .twoBox .twoLeftPad .twoTit{ font-size: 15px; padding-top: 3.5%;}
    .soluTwoList .twoBox .twoLeftDown{ padding-top: 15px;}
    .soluTwoList .twoBox .twoLeftDown .twoDd{ padding: 4px 0;}
}
.soluThree{}
.soluThreeDown{ padding: 4.41% 0 0 0;}
.soluThreeDown .thrLeftPic{ float: left; width: 41.91%; line-height: 0;}
.soluThreeDown .thrRight{ float: right; width: 43.66%; padding-top: 3.66%; color: #333333; font-size: 15px; }
.soluThreeDown .thrRight .threLi{ float: left; width: 100%; padding:7px 0; }
.soluThreeDown .thrRight .threLi .thB{ float: left; width: 7px; height: 7px; background-color: #000000; margin-top: 7px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.soluThreeDown .thrRight .threLi .thPad{ padding-left: 14px; color: #333333; font-size:15px; line-height: 21px;}
@media screen and (max-width:991px){
    .soluThreeDown .thrRight{ padding-top: 0; }
    .soluThreeDown .thrRight .threLi{ padding:3px 0; }
}
@media screen and (max-width:767px){
    .soluThreeDown .thrLeftPic{ width: 100%; padding: 0 10%; }
    .soluThreeDown .thrRight{ float: left; width: 100%; padding-top: 3.66%; color: #333333; font-size: 12px; }
}
.soluFour{ padding-bottom: 8.33%;}
.soluFour .fourLi1{ float: left; width: 50.91%; padding: 5.41% 0 0 0; line-height: 0;}
.soluFour .fourLi2{ float: right; width: 42.91%; padding: 5.41% 0 0 0; line-height: 0;}
.soluFour .fourLiPic{ float: left; width: 100%; line-height: 0;}
.soluFour .fourLiTit{ float: left; width: 100%; padding-top: 17px; color: #1e50a2; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:767px){
    .soluFour .fourLi1{ width: 100%; padding: 3.41% 10% 0 10%; }
    .soluFour .fourLi2{ width: 100%; padding: 3.41% 10% 0 10%; }
}
.soluFive{background: url("../images/20190228_15.jpg") repeat;}
.soluFiveBox{ padding: 4.16% 0 0 0;}
.fiveLineOne{}
.fiveLineOne .fiveLi1{ float: left; width: 41.66%; padding: 5.41% 0 0 0; line-height: 0;}
.fiveLineOne .fiveLi2{ float: right; width: 45.58%; padding: 5.41% 0 0 0; line-height: 0;}
.fiveLineOne .fiveLiPic{ float: left; width: 100%; line-height: 0;}
.fiveLineOne .fiveLiTit{ float: left; width: 100%; padding-top: 17px; color: #1e50a2; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:767px){
    .fiveLineOne .fiveLi1{ width: 100%; padding: 3.41% 10% 0 10%; }
    .fiveLineOne .fiveLi2{ width: 100%; padding: 3.41% 10% 0 10%; }
}
.fiveLineTwo{ padding-bottom: 6.66%;}
.fiveLineTwo .fiveTwoLeft{ float: left; width: 52.75%; padding-top: 5%;}
.fiveLineTwo .fiveLi2{ float: left; width: 100%; line-height: 0;}
.fiveLineTwo .fiveLiPic{ float: left; width: 100%; line-height: 0;}
.fiveLineTwo .fiveLiTit{ float: left; width: 100%; padding-top: 17px; color: #1e50a2; font-size: 14px; line-height: 24px; text-align: center;}
.fiveLineTwo .fiveLi3{ float: left; width: 100%; margin-top: 15.63%; background-color: #f4c7cb; padding: 24px 21px; color: #333333; font-size: 14px; line-height: 31px;}
.fiveLineTwo .fiveTwoRight{ float: right; width: 43.58%; padding-top: 5%;}
@media screen and (max-width:767px){
    .fiveLineTwo .fiveTwoLeft{ width: 100%; padding-top: 3.41%;}
    .fiveLineTwo .fiveTwoRight{ float: left; width: 100%; padding-top: 3.41%;}
    .fiveLineTwo .fiveLi3{ margin-top: 3.63%;}
}
/*案例展示*/
.caseName{ margin-top: 4.25%;  border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px;}
.caseName .caseNewUl{ float: left; width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.caseName .caseNewLi{ float: left; width: 25%; padding: 15px 0 22px 0;text-align: center;}
.caseName .caseNewLi .caTit{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 22px;}
.caseName .caseNewLi .caTxt{ float: left; width: 100%; padding-top: 19px; color: #666666; font-size: 12px; line-height: 20px; }
.caseName .caseNewLi.marBottom{ margin-bottom: 33px;}
@media screen and (max-width:991px){
    .caseName .caseNewLi{ width: 50%; padding: 10px 0 18px 0; }
    .caseName .caseNewLi.marBottom{ margin-bottom: 0;}
}
@media screen and (max-width:767px){
    .caseName .caseNewLi .caTxt{ padding-top: 5px; }
}
.newCase{ padding: 4.41% 0 4.41% 0;}
.newCaseLeft{ float: left; width: 856px;}
.newCaseUp{}
.newCaseUp .img2{ width: 100%; height: 523px;}
.newCaseUnder{ margin:23px -12px 0 -12px;}
.newCaseSlick{ float: left; width: 100%;}
.newCaseSlick .caseThisLi{ padding: 0 12px;}
.newCaseSlick .caseThisLi .caseOver{ overflow: hidden; line-height: 0; cursor: pointer;}
@media screen and (max-width:1229px){
    .newCaseLeft{ width: 686px;}
    .newCaseUp .img2{ height: 419px;}
}
@media screen and (max-width:991px){
    .newCaseLeft{ width: 100%;}
    .newCaseUnder{ margin:20px -8px 0 -8px;}
    .newCaseSlick .caseThisLi{ padding: 0 8px;}
}
@media screen and (max-width:767px){
    .newCaseUnder{ margin:10px -5px 0 -5px;}
    .newCaseSlick .caseThisLi{ padding: 0 5px;}
}
.caseAboutRight{ float: right; width:300px; color: #666666; font-size: 12px; line-height: 20px; }
.caseAboutRight .infroLi{ padding-bottom: 42px;}
.caseAboutRight .infroLi .froTit{ color: #eb0b23; font-size: 18px; line-height: 1;}
.caseAboutRight .infroLi .froText{ padding-top: 20px;}
@media screen and (max-width:1229px){
    .caseAboutRight{ width:241px; }
    .caseAboutRight .infroLi{ padding-bottom: 20px;}
    .caseAboutRight .infroLi .froText{ padding-top: 10px;}
}
@media screen and (max-width:991px){
    .caseAboutRight{ float: left; width:100%; padding-top: 3.5%; }
    .caseAboutRight .infroLi:last-child{ padding-bottom:0;}
}
.soluMore{}
.soluMoreDown{ padding: 3.16% 0 22px 0; overflow: hidden;}
.soluMoreSlick{ margin: 0 -20px;}
.soluMoreSlick .soluLi{ padding: 0 20px;}
.soluMoreSlick .soluLi .enPic{ overflow: hidden; line-height: 0;}
.soluMoreSlick .soluLi .enPic .img3{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.soluMoreSlick .soluLi:hover .enPic .img3{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.soluMoreSlick .soluLi .enTit{ padding-top: 16px; color: #333333; font-size: 16px; line-height: 20px; text-align: center;}
.soluMoreSlick .soluLi:hover .enTit{ color: #1e50a2;}
@media screen and (max-width:767px){
    .soluMoreSlick{ margin: 0 -6px;}
    .soluMoreSlick .soluLi{ padding: 0 6px;}
    .soluMoreSlick .soluLi .enTit{ padding-top: 10px; font-size: 14px; }
}
.soluMoreSlick .slick-prev{ position: absolute; width: 38px; height: 51px; background: url("../images/20190228_38.png") center no-repeat; background-size: contain; cursor: pointer; left: 20px; top: 50%; margin-top: -18px;}
.soluMoreSlick .slick-prev:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.soluMoreSlick .slick-next{ position: absolute; width: 38px; height: 51px; background: url("../images/20190228_39.png") center no-repeat; background-size: contain; cursor: pointer; right: 20px; top: 50%; margin-top: -18px;}
.soluMoreSlick .slick-next:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
@media screen and (max-width:767px){
    .soluMoreSlick .slick-prev{ width: 20px; height: 37px;  left: 6px;  margin-top: -15px;}
    .soluMoreSlick .slick-next{ width: 20px; height: 37px;  right: 6px;  margin-top: -15px;}
}
/*资质大图*/
.honorBigBack{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 2500;}
.honorBig{ position: fixed; width: 538px; height: 740px; left: 50%; top: 50%; z-index: 2600;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.honorBig .bigShup{ position: absolute; width: 24px; height: 24px; line-height: 0; right: 10px; top: 10px; cursor: pointer;}
@media screen and (max-width:1229px){
    .honorBig{ width: 363px; height: 500px; }
}
@media screen and (max-width:767px){
    .honorBig{ width: 100%; height: auto; }
}
/*
  -webkit-appearance:none;
outline: 0;
     -webkit-box-shadow: 0 2px 6px #000;
        -moz-box-shadow: 0 2px 6px #000;
          -o-box-shadow: 0 2px 6px #000;
             box-shadow: 0 2px 6px #000;
     border-radius:11px;
     -webkit-border-radius:11px;
        -moz-border-radius:11px;
          -o-border-radius:11px;
     text-overflow:ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
     transition: -webkit-transform 2s;
     -ms-interpolation-mode:bicubic;
     transform: scale(1.09,1.09);
     -ms-transform: scale(1.09,1.09);
     -webkit-transform: scale(1.09,1.09);
     -o-transform: scale(1.09,1.09);
     -moz-transform: scale(1.09,1.09);
     opacity: 0;
     filter: alpha(opacity=0);
              -moz-opacity: 0;
            -khtml-opacity: 0;
  -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
         transform: translate(0, -50%);
     */
.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
.proListBlock{}
.proListBlock .blockLi{ min-height: 42px; margin-top: 8px; background-color: #f4f4f4; position: relative;}
.proListBlock .blockLi .boleft{ position: absolute; width: 200px; height: 100%; border-right: #fff solid 2px; background-color: #ededed; padding: 10px 0 10px 50px; color: #333333; font-size: 14px; line-height: 22px;  }
.proListBlock .blockLi .boleft a{color: #333333;}
.proListBlock .blockLi .boleft.hover,
.proListBlock .blockLi .boleft:hover{ background-color: #1e50a2; }
.proListBlock .blockLi .boleft.hover a,
.proListBlock .blockLi .boleft:hover a{color: #fff;}
.proListBlock .blockLi .boRight{ padding-left: 200px;}
.proListBlock .blockLi .boRight .boUl{ float: left; width: 100%; padding: 10px 6px 10px 6px; color: #555555; font-size: 13px; line-height: 22px;}
.proListBlock .blockLi .boRight .boUl li{ float: left; padding: 0 12px; line-height: 22px;}
.proListBlock .blockLi .boRight .boUl li:hover,
.proListBlock .blockLi .boRight .boUl li{ color: #1e50a2;}
.proListBlock .blockLi .boRight .boUl li a{color: #555555; }
.proListBlock .blockLi .boRight .boUl li:hover a,
.proListBlock .blockLi .boRight .boUl li.hover a{color: #1e50a2;}
@media  screen and (max-width:767px){
    .proListBlock .blockLi .boleft{ position: static; float: left; width: 100%; height: 100%; border-right: 0; border-bottom: #fff solid 2px;  padding: 5px 0 5px 0; text-align: center;  }
    .proListBlock .blockLi .boRight{ float: left; width: 100%; padding-left: 0;}
    .proListBlock .blockLi .boRight .boUl{  line-height: 30px;}
}
/*分页*/
.m-page {
	text-align:right;
	font-size:0;
	height:38px;
	line-height:38px;
	padding-right:10px;
}
.m-page li {
	display:inline
}
.m-page a, .m-page i {
	display:inline-block;
	font-size:15px;
	background-color:#1e50a2;
	padding:0px 13px;
	height:36px;
	overflow:hidden;
	text-align:center;
	border:0px #FFFFFF solid;
	color:#FFFFFF;
	font-family:Arial;
	margin-left:5px;
	vertical-align:top;
}
.m-page a.next, .m-page a.prev {
	font-family:宋体;
	font-size:16px;
	font-weight:700;
}
.m-page a:hover, .m-page li.thisclass a {
	color:#FFFFFF;
}
.m-page span {
	font-size:14px;
	padding-right:10px;
}
/*增加的底部*/
.footer{ width:100%; float:left;}
.footer .footer_t{ width:100%; float:left; padding:46px 0 30px 0; position:relative; border-bottom:solid 1px rgba(255,255,255,0.05);}
.footer .footer_t ul{ width:100%; float:left;}
.footer .footer_t ul li{ width:14.8%; float:left;}
.footer .footer_t ul li .dl{ width:100%; float:left;}
.footer .footer_t ul li .dl .dt{ width:100%; float:left; font-size:16px; color:white; line-height:39px; letter-spacing:1px; background:url(../images/footer1.png) no-repeat left bottom;}
.footer .footer_t ul li .dl .dd{ width:100%; float:left; margin-top:12px; font-size:14px; color:#999; line-height:34px;}
.footer .footer_t ul li .dl .dd .a{ display:block; width:100%; float:left; font-size:14px; color:#999; line-height:34px; letter-spacing:1px;}
.footer .footer_t ul li .dl .dd .a:hover{ color:#fff;}
.footer .footer_t ul li .dl .dd a{ color:#999;}
.footer .footer_t ul li .dl .dd a:hover{ color:#fff;}
.footer .footer_t ul li.last{ width:26%; float:left;}
.footer .footer_t ul li.last .dd .ewm{ width:88px; height:88px; float:left; margin-top:10px; padding:8px; background:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.footer .footer_t ul li.last .dd .ewm img{ width:100%; float:left;}
.footer .footer_d{ width:100%; float:left; padding:18px 0 19px 0px; position:relative;}
.footer .footer_d .p{ float:left; font-size:14px; color:white; line-height:26px; opacity:0.2; letter-spacing:1px;}
.footer .footer_d .link1{ float:right; font-size:14px; line-height:26px; letter-spacing:1px;}
.footer .footer_d .link1 a{ color:white; opacity:0.2;}
.footer .footer_d .link1 span{ color:white; opacity:0.2; margin:0 10px;} 
.footer .footer_d .link1 a:hover{ opacity:1;}
@media screen and (max-width: 991px) {
.footer .footer_t{ padding:16px 0 10px 0;}
.footer .footer_t ul li{ display:none;}
.footer .footer_t ul li.last{ display:block; width:100%; position:relative;}
.footer .footer_t ul li.last .dt{ font-size:14px; color:white; line-height:35px; padding:0 10px; background:#222; position:relative; cursor:pointer;}
.footer .footer_t ul li.last .dt:before{ content:''; background:url(../images/top4.png) no-repeat center center; background-size:6px auto; width:30px; height:35px; position:absolute; right:0; top:0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.footer .footer_t ul li.last .dd{ display:none; font-size:12px; margin-top:6px; line-height:26px; position:absolute; left:0; bottom:100%; background:#333; padding:10px;
-moz-border-top-left-radius:6px; 
-webkit-border-top-left-radius:6px; 
-khtml-border-top-left-radius:6px;
border-top-left-radius:6px;
-moz-border-top-right-radius:6px; 
-webkit-border-top-right-radius:6px; 
-khtml-border-top-right-radius:6px;
border-top-right-radius:6px;}
.footer .footer_t ul li.last .dd .ewm{ margin-top:6px; padding:6px;}
.footer .footer_t ul li.last .dt.on:before{ transform:rotate(-90deg);}
.footer .footer_d{ padding:8px 10px 9px 10px; text-align:center;}
.footer .footer_d .p{ width:100%; font-size:12px; line-height:22px;}
.footer .footer_d .link1{ width:100%; font-size:12px; line-height:22px;}
.footer .footer_d .link1 span{ margin:0 6px;} 
}
@media screen and (max-width: 767px) {
.footer{ padding:0 10px;}
.footer .footer_t ul li.last .dd{ padding:10px;}
.footer .footer_t{ padding:8px 0 6px 0;}
}
/*增加的底部*/
/*底部电话拨打*/
media  screen and (max-width:991px){
.pz_down{ padding-bottom:50px;}
}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#1e50a2; background:#1e50a2; height:50px; z-index:3; border-top:solid 1px #e4272f;}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:3px 0 5px 0; position:relative;}
.pf_down li .ico7{ width:100%; float:left; height:25px; background-size:18px 18px !important;}
.pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center;}
.pf_down li.l2 .ico7{ background:url(../images/btn16.png) no-repeat center;}
.pf_down li.l3 .ico7{ background:url(../images/btn17.png) no-repeat center;}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
/*二级下拉*/
.sub { z-index:21;  position:absolute; float:left; width:140px; left: 50%; margin-left: -70px;top:100%; display:none; text-align:left;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .l2{ float: left; position: relative; width:100%; float:left; margin-top:1px; background:url(../images/top5.png);}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 40px; color: #fff; padding:0 20px; overflow:hidden; position:relative;}
.sub .l2 .l2_a svg{ display:block; width:7px; height:12px; position:absolute; right:20px; top:50%; background:url(../images/top4.png) no-repeat center center; margin-top:-6px; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .l2:hover{ background:#f39800;}
.sub .ul3{ width:100%; float:left; position:absolute; left:101%; top:-1px; display:none; text-align:center;}
.sub .ul3 .l3{ width:100%; float:left; margin-top:1px; background:url(../images/top3.png);}
.sub .ul3 .l3 .l3_a{ display:block; width:100%; float:left; padding:0 10px; font-size:12px; line-height: 40px; color: #fff;}
.sub .ul3 .l3:hover{ background:url(../images/top2_h.png);}
.menu ul .nli:hover .sub,.sub .l2:hover .ul3{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}

















/*拼接 首页新闻和关于我们*/

.index1{padding:20px 0; position: relative;}
.index1_l{float:right; width:44.64%; position: relative;}
.index1_l .videoBox{width:100%; padding-bottom:96.16%; }
.index1_l .videoBox video,
.index1_l .videoBox p{width:100%; height:100%; position:absolute; left:0; top:0;}
.index1_l .videoBox p iframe{width:100%; height:100%; }

.index1 .playIco{width:57px; height: 57px; position: absolute; top:50%; left: 50%; margin:-28.5px 0 0 -28.5px; }
.index1 .more{position:absolute; bottom:0; left:0; background-color:#1e50a2; width:259px; height: 61px; line-height: 61px; font-size:16px; color:#fff; text-transform: uppercase; padding-left:50px; letter-spacing: 1px;}
.index1 .more .moreImg{width:45px; float:right; margin:19.5px 35px 0 0; }
.index1 .more:hover{opacity:0.5;}
.index1_bottom{width:106px; position: absolute; bottom:-30px; left: 50%; margin-left:-53px;}

.index1_r{width:48.92%; float:left;}
.index1_r_title{font-weight:bolder; padding:48px 0; background:url(../images/j3.jpg) no-repeat; background-size:auto 100%; background-position:80px 0;}
.index1_r_title .title_h3{font-size:60px; color:#1e50a2; font-family:Arial; text-transform: uppercase; font-weight: bolder;}
.index1_r_title .title_h4{font-size:30px; color:#5f5f5f; margin-top:10px;}
.index1_r .p{font-size:15px; line-height: 36px; height: 216px;overflow : hidden; margin: 40px 0 50px 0;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}

.comCount{font-size:0;}
.comCount .countLi{ display:inline-block; vertical-align: top; width:33.3333%; position: relative;}
.comCount .countLi::after{width:1px ; height: 92%; top:4%; content: ""; position: absolute; left:0; border-left:#efefef solid 1px;}
.comCount .countLi:first-child::after{display:none;}
.comCount .countLi .big{ text-align:center;}
.comCount .countLi .big .bigCen{ display:inline-block; vertical-align:top; color:#1e50a2; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial;}
.comCount .countLi .big .bigCen .bigS{ color:#595959; font-size:16px; padding-left:10px;  font-style: normal; vertical-align: top;margin-top:10px; font-weight:normal; display:inline-block;}
.comCount .countLi .big .bigCen .bigI{color:#1e50a2; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial; display:inline-block; vertical-align: middle; margin-left:10px;}
.comCount .countLi .bigText{ color:#595959; font-size:16px; line-height:1; text-align:center;}

@media screen and (max-width:1429px){
	.index1_r{width:53%;}
}
@media screen and (max-width:1199px){
	.comCount .countLi .big .bigCen{ font-size:37px;}
	.comCount .countLi .bigText{font-size:14px;}
	.index1_r_title .title_h3{font-size:45px;}
	.index1_r_title .title_h4{font-size:20px;}
	.index1_r_title{padding:30px 0;}
	.index1_r .p{margin:20px 0;}
	}
@media screen and (max-width:991px){
	.index1{padding:50px 0;}
	.index1_r{width:100%; float:none;}
	.index1_l{width:60%; margin:20px auto auto auto; float:none;}
}
@media screen and (max-width:767px){
	.comCount .countLi::after{display:none;}
	.comCount .countLi .big .bigCen{ font-size:24px;}
	.comCount .countLi .big .bigCen .bigI{font-size:24px; margin:0;}
	.comCount .countLi .big .bigCen .bigS{ font-size:12px; padding:0;}
	.comCount .countLi .bigText{ font-size:12px; }
	.index1{padding:30px 0;}
	.index1_r_title .title_h3{font-size:24px;}
	.index1_r_title .title_h4{font-size:16px;}
	.index1_r_title{padding:16px 0;}
	.index1_r .p{font-size:13px; line-height: 20px; height: 120px; margin: 10px 0;}
	.index1_l{width:100%;}
	.index1 .playIco{width:30px; height: 30px; margin: -15px 0 0 -15px;}
	.index1 .more{width:160px; height: 30px; line-height: 30px; font-size:13px; padding-left:30px;}
	.index1 .more .moreImg{width:30px; margin:7.5px 10px 0 0;}
	.index1_bottom{width:80px; bottom:-22px; margin-left:-40px;}
	}




.gray_l{width:26.42%; height: 100%; position: absolute; top:0;  left: -29%; background-color:#fff; opacity: 0.6; z-index: 100;}
.gray_r{width:26.42%; height: 100%; position: absolute; top:0;  left: 102.57%; background-color:#fff; opacity: 0.6; z-index: 100;}

.dhAbout5_slide .img .pic{ float:left; line-height:0; border:1px solid #eeeeee; overflow:hidden;}
.dhAbout5_slide .img .pic img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.dhAbout5_slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.dhAbout5_slide .img .tx1{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:60px; background:#e8e8e8;}

.dhAbout5_slide .img:hover .pic{border:1px solid #1e50a2;}
.dhAbout5_slide .img:hover .tx1{ color:#fff; background:#1e50a2;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}

.dhAbout5_slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
/*
.dhAbout5_slide .img2 .sd{ display: none;}
.dhAbout5_slide .img4 .sd{ display: none;}
*/



	/*首页优势*/
	
	
/*homeAdvan*/

.homeAdvanBack{ background:url("../images/main11.jpg") bottom repeat-x;}

.homeAdvan{ padding: 7.52% 0 4.44% 0;}

@media screen and (max-width:767px){

    .homeAdvan{ padding:9% 0 4.6% 0;}

}

.homeAdvanDown{ padding-top: 2.56%;}


.homeAdvanDown ul li{ background-color: #2958a7;}

.homeAdvanDown ul li:hover{ background-color: #0d3f90;}

.homeAdvanDown ul li.double{ background-color: #1e50a2;}

.homeAdvanDown ul li.double:hover{ background-color: #0d3f90;}





.homeAdvanDown ul li .advanIco{ padding:21.36% 0 7.69% 0; text-align: center; line-height: 0; }

.homeAdvanDown ul li .advanIco b{ display:inline-block; vertical-align: top; width: 50px; height: 54px; line-height: 0;}

.homeAdvanDown ul li h4{ padding: 0 10px 5.98% 10px; color: #ffffff; font-size: 18px; font-weight: bold; line-height:1.33; text-align: center; }

.homeAdvanDown ul li .advanLine{ text-align: center; line-height: 0;}

.homeAdvanDown ul li .advanLine span{ display: inline-block; vertical-align: top; width: 37px; height: 4px; background-color: rgba(255,255,255,0.6); }

.homeAdvanDown ul li .advanText{ margin: 14.95% 7.69% 0 7.69%; height: 216px; color: #fff; font-size: 14px; line-height: 24px; overflow: hidden;}

.homeAdvanDown ul li .advanCount{ padding: 19.23% 7.69% 7.69% 7.69%; color: rgba(255,255,255,0.1); font-size: 48px; font-weight: bold; line-height: 1; text-align: right;}

.homeAdvanDown ul .owl-nav{ padding-top: 3.24%; text-align: center; line-height: 0;}

.homeAdvanDown ul .owl-nav .owl-prev{ display: inline-block; vertical-align: top; width: 55px; height: 27px; margin: 0 4px; background: url("../images/main17.png")  no-repeat; background-size: cover; cursor: pointer; overflow: hidden; text-indent: -200px;}

.homeAdvanDown ul .owl-nav .owl-prev:hover{background: url("../images/main17_h.png")  no-repeat; background-size: cover;}

.homeAdvanDown ul .owl-nav .owl-next{ display: inline-block; vertical-align: top; width: 55px; height: 27px; margin: 0 4px; background: url("../images/main18.png")  no-repeat; background-size: cover; cursor: pointer; overflow: hidden; text-indent: -200px;}

.homeAdvanDown ul .owl-nav .owl-next:hover{background: url("../images/main18_h.png")  no-repeat; background-size: cover; }

@media screen and (max-width:767px){

    .homeAdvanDown ul li .advanIco b{ width: 46px; height: 46px; }

    .homeAdvanDown ul li h4{ font-size: 16px; }

    .homeAdvanDown ul li .advanLine span{ width: 32px; height: 2px; }

    .homeAdvanDown ul li .advanCount{ font-size: 36px; }

    .homeAdvanDown ul .owl-nav .owl-prev{ width: 37px; height: 18px; }

    .homeAdvanDown ul .owl-nav .owl-next{ width: 37px; height: 18px; }

}



/*homeCome*/

.homeProTitle{}
.homeProTitle .proText{ text-align: center; line-height: 0;}
.homeProTitle .proText h2{ display: inline-block; vertical-align: top; color: #1e50a2; font-size: 36px; line-height: 1; padding: 0 140px; position: relative; }
.homeProTitle .proText h2::before{ content: ''; position: absolute; width: 1px; height: 7px; left: 50px; background-color: #1e50a2; top: 50%; margin-top: -4px;}
.homeProTitle .proText h2::after{ content: ''; position: absolute; width: 1px; height: 7px; right: 50px; background-color: #1e50a2; top: 50%; margin-top: -4px;}
.homeProTitle .proText h2 .span1{ position: absolute; width:100%; height: 141%; bottom: 50%; left: 0; right: 0; border: #1e50a2 solid 1px; border-bottom: 0; }
.homeProTitle .proText h2 .span2{ position: absolute; width:50px; height: 1px; bottom: 50%; left: 0; background-color: #1e50a2; }
.homeProTitle .proText h2 .span3{ position: absolute; width:50px; height: 1px; bottom: 50%; right: 0; background-color: #1e50a2; }
.homeProTitle .forCustom{ padding: 1.36% 0 3px 0; color: #454545; font-size: 18px; line-height: 1.2; text-align: center;}
.homeProTitle .forEng{ padding-bottom: 1.28%; color: #b2b2b2; font-size: 12px; line-height: 14px; text-align: center; text-transform: uppercase;}
.homeProTitle .forLine{ text-align: center; line-height: 0;}




/*首页产品*/

.homeProDown{ padding-top: 2.56%;}

.homeProDown .hd{ float: left; width: 100%;}

.homeProDown .hd ul{ float: left; width: 100%; background-color: #1e50a2;}

.homeProDown .hd ul li{ float: left; width: 25%; padding: 15px 0; position: relative; color: #ffffff; font-size: 16px; line-height: 20px; cursor: pointer; text-align: center;}

.homeProDown .hd ul li.on{ background-color: #eda304;}

.homeProDown .hd ul li::after{ display: none; content: ''; left: 50%; margin-left: -7px; top: 100%; position: absolute; width: 0; height: 0; border-top: #eda304 solid 8px; border-right: transparent solid 7px; border-left: transparent solid 7px;}

.homeProDown .hd ul li.on::after{ display: block; }

.homeProDown .bd{ float: left; width: 100%; padding-top:8px; }

@media screen and (max-width:767px){

    .homeProDown .hd ul li{ width: 50%; padding: 10px 0; }

    .homeProDown .hd ul li::after{  border-top: #eda304 solid 0; border-bottom: #1e50a2 solid 8px; top: auto; bottom: 0; }

}

.homeProDown .bd .bdShow{ margin: 0 -15px;}

.bdShow ul{ float: left; width: 100%;}

.bdShow ul li{ float: left; width:33.3333%; padding: 0 15px; }

.bdShow ul li .linkBox{ margin-top: 8.37%;}

.bdShow ul li .linkBox .proPic{ overflow: hidden; position: relative; border: #ebebeb solid 1px; border-bottom: 0; background-color: #fff;}

.bdShow ul li .linkBox .proPic .picSelf{}

.bdShow ul li .linkBox .proPic .proBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

}

.bdShow ul li:hover .linkBox .proPic .proBack{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

.bdShow ul li .linkBox .proPic .proBack .txt{ position: absolute; width: 100%; padding:8.64% 6.75% 0 6.75%; }

.bdShow ul li .linkBox .proPic .proBack .txt p{ height: 60px; color: #fff; font-size: 14px; line-height: 30px; text-align: center; overflow: hidden;}

.bdShow ul li .linkBox .proPic .proBack .txt p a{color: #fff;}

.bdShow ul li .linkBox .proPic .proBack .bn{ position:absolute; width: 100%; left: 0; bottom: 0; padding: 0 15.94% 8.64% 15.94%; }

.bdShow ul li .linkBox .proPic .proBack .bn .bnLi{ float: left; width: 50%; padding: 0 3px;}

.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a{ float: left; width: 100%; height: 39px; background-color: #eda304; text-align: center; color: #fff; font-size: 14px; line-height: 39px;}

.bdShow ul li .linkBox .proPic .proBack .bn .bnLi.two a{ background-color: #1e50a2;}

.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a b{ display: inline-block; vertical-align: top; width: 13px; height: 13px; line-height: 0; margin-left: 5px; margin-top: 13px;}

.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a span{ display: inline-block; vertical-align: top; }

.bdShow ul li .linkBox .proDownTxt{ border: #ebebeb solid 1px;  padding: 4.05% 10px 4.57% 10px; background-color: #fff; text-align: center;}

.bdShow ul li:hover .linkBox .proDownTxt{ background-color: #1e50a2;  border: #1e50a2 solid 1px;}

.bdShow ul li .linkBox .proDownTxt h3{ color: #363636; font-size: 16px; line-height: 27px;}

.bdShow ul li:hover .linkBox .proDownTxt h3{ color: #fff;}

.bdShow ul li .linkBox .proDownTxt p{ color: #757575; font-size: 14px; line-height: 19px;}

.bdShow ul li:hover .linkBox .proDownTxt p{ color: #fff;}

@media screen and (max-width:767px){

    .homeProDown .bd .bdShow{ margin: 0 -7px;}

    .bdShow ul li{ width: 50%; padding: 0 7px; }

    .bdShow ul li .linkBox .proPic .proBack{ display: none;}

}




.homeHeatingBack{ background: url("") repeat;}



.homeHeating{ height: 50px; position: relative; z-index: 10;}



.homeHeating .heatFloat{ position: absolute; width: 100%; left: 0; bottom: 0; background: url("") repeat-y; background-size: 100% auto; padding: 25px 47px;}



.homeHeating .heatFloat .b{ float: right; width: 58px; height: 58px; line-height: 0;}



.homeHeating .heatFloat .heatLeft{ padding-right: 120px;}



.homeHeating .heatFloat .heatLeft h2{ float: left; width: 100%; color: #fff; font-size: 24px; line-height: 34px;}



.homeHeating .heatFloat .heatLeft .heatSmall{ float: left; width: 100%; color: #fff; font-size: 14px; font-family: Arial; line-height: 16px; margin-top: 6px; text-transform: uppercase;}



@media screen and (max-width:991px){



    .homeHeating{ display: none; }



}










/*homePro手机版首页产品*/







@media screen and (max-width:767px){



    .homePro{ padding: 9% 0 4.61% 0;}



}





@media screen and (max-width:991px){



    .homeProTitle .proText h2{ font-size: 28px; padding: 0 60px; }



    .homeProTitle .proText h2 .span1{ height: 110%; }



    .homeProTitle .forCustom{ font-size: 16px; }



}



@media screen and (max-width:767px){



    .homeProTitle .proText h2{ font-size: 20px; padding: 0 40px; }



    .homeProTitle .proText h2::before{ left: 20px; }



    .homeProTitle .proText h2::after{ right: 20px; }



    .homeProTitle .proText h2 .span2{ width:20px; }



    .homeProTitle .proText h2 .span3{ width:20px; }



    .homeProTitle .forCustom{padding: 1.36% 0 10px 0; font-size: 14px;  }



    .homeProTitle .forEng{ display: none; }



}




















