/*header s*/
.notes{overflow:hidden;background:#dedede;padding:10px 0;}
.header{height:80px;position:relative;z-index:999;overflow:hidden;}
.logo{max-width:27%;height:80px;overflow:hidden;display:flex;align-items:center;flex-direction:row;;margin-left:2%}
.logo img{max-width:100%}
.navs{width:43%;margin-left:5%;}
.subdl{display:none!important}
.navs li{float:left;line-height:80px;text-align:center;position:relative;padding:0 2.5%;}
.navs ul,.calls2 ul{margin-bottom:0;}
.navs li i{position: absolute;right:0;top:47px;width:100%;height:1px;background:#b8221e;opacity:0;transition:all 0.6s}
.navs li:hover i{width:0;opacity:1;}
.navs li a{color:#333333;font-size:0.8vw;display:block;width:100%;height:100%;position:relative;z-index:999}
.navs li:after{
  content:"";
  display:block;
  width:100%;
  height:0;
  position: absolute;
  left:0;
  top:0;
  background:#0963d1;
  transition:all 0.6s;
  opacity:0;
}
.navs li:before{
  content:"";
  display:block;
  width:100%;
  height:0;
  position: absolute;
  left:0;
  bottom:0;
  background:#0963d1;
  transition:all 0.6s;
  opacity:0;
}
.navs li:hover:after,.navs li:hover:before{height:50%;opacity:1;}
.navs li:hover a{color:#fff}

.codesss{position: absolute;right:70px;top:0;width:85px;height:85px;;display:none}

.calls2{width:5%;margin:0 1.2%;height:  100%;line-height: 80px;}
.lxcall{line-height:80px;color:#0963d1;font-size:1.2vw;margin-left:2%}
.calls li{line-height:80px;;display:inline;white-space:nowrap;margin-right:1%;height:80px;}
.calls li a{font-size:12px;color:#0963d1}

.codes{width:4%;height:80px;background:#0963d1;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.codes:hover .codesss{display:block;}
.calls2  li{white-space:nowrap;}
@media screen and (max-width:1300px){
.navs{margin-left:10%}
}
/*header e*/

/*banner s*/
.btnss{position: absolute;right:0;top:310px;z-index:99999}
.slideBox{height:800px; overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden;position:absolute;left:5%;bottom:80px;z-index:999;}
 .slideBox .hd ul li{margin:0 5px;  width:20px; height:6px; line-height:14px;cursor:pointer;zoom:1;*display:inline;font-size:12px;text-align:left;background:#fff;margin-bottom:15px;transition:all 0.6s;float: left;}
.slideBox .hd ul li.on{width:40px}
.slideBox .bd{ position:absolute; height:100%; z-index:0;width:100%;right:0;top:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:800px;}
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .prev,.slideBox .next{ position:absolute; width:60px; height:60px;z-index:99999;cursor:pointer;}
.slideBox .prev{background:url(../images/prev.jpg) no-repeat center;left:3%; top:50%; }
.slideBox .next{background:url(../images/next.jpg) no-repeat center;right:3%; top:50%; }
.slideBox .prev:hover{background:url(../images/prevs.jpg) no-repeat center;left:3%; top:50%; }
.slideBox .next:hover{background:url(../images/nexts.jpg) no-repeat center;right:3%; top:50%; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox .prev{background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox{text-align:center;}
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/*banner e*/

/*serach s*/
.serach{height:120px;border-bottom:1px solid #dddddd;position:relative;}
.serach-l h2{font-size:20px;color:#333333;margin-top:30px}
.serach-l h2 span{color:#0963d1}
.serach-l ul{margin-top:10px;}
.serach-l li{float: left;margin-right:20px}
.serach-l li a{font-size:14px;color:#999999}

.serach-main{width:300px;height:40px;background:#eeeeee;margin-left: 151px;margin-top: 40px;}
.texts{width:250px;line-height:40px;text-indent:10px;background:none}
.butts{width:35px;height:35px;background:url(../images/ss.png) no-repeat center;cursor:pointer;}

.serach-r{width:260px;height:200px;background:#0963d1;position: absolute;right:0;bottom:0;padding:40px 20px;text-align:right;}
.serach-r h2{font-size:14px;color:#ffffff;color:#fff;font-weight:normal;}
.serach-r p{font-size:18px;color:#ffffff;font-weight:bold;margin:10px 0 15px}
.serach-r span{font-size:14px;color:#0f5ac0;background:#fff;padding:4px  10px;}
.serach-r i{width:20px;height:3px;background:#fff;display:block;position: absolute;right:20px;top:180px;}
.serach-r em{font-size:14px;color:#ffffff;display:block;font-style:normal;margin:20px 0 10px}
.serach-r strong{color:#fff;font-size:24px;display:block;margin-top:30px}
/*serach e*/

/*about s*/
.about{padding:70px 0;background:url(../images/bg.jpg) no-repeat center bottom;height:850px;position:relative;}
.bg2{position: absolute;left: -50px;top:40px;}
.about-l{width:400px;padding-top:50px}

.about-tit h2{font-size:60px;color:#0963d1;text-transform:uppercase;margin-bottom:0;}
.about-tit p{font-size:30px;color:#333333;font-weight:bold;margin-bottom:0;}

.about-desc{margin-top:40px}
.about-desc p{font-size:22px;color:#333333;margin-bottom:20px}
.about-desc div{font-size:16px;color:#666666;line-height:1.8;text-align:justify;height:196px;overflow:hidden;}

.about-r{width:740px;height:560px;overflow:hidden;position:relative;}
.about-r img{width:100%;height:100%}

.about-r a{position: absolute;left:0;bottom:0;width:100px;height:100px;background:url(../images/more.jpg) no-repeat center;z-index:999;}
.num{margin-top:60px;}
/*about e*/

/*product*/

.pros{height:800px;overflow:hidden;padding:80px 0;}
.pros-l{width:880px;}
.pros-tit h2{margin-bottom:0}
.pros-tit h2,.pros-tit p{color:#fff}
.pros-lm-tit{margin-top:30px}
.pros-lm-tit h2{font-size:24px;color:#ffffff;font-weight:normal;}
.pros-lm-tit p{font-size:16px;color:#fff;margin-top:9px}
.pros-list{margin-top:30px}
.pros-list ul{width:105%;}
.pros-list li{width:280px;height:270px;float: left;background:#fff;margin:0 20px 20px 0;overflow:hidden;}
.pros-pic{height:220px;overflow:hidden;}
.pros-pic img{width:100%;height:100%; transition:all 0.6s}
.pros-list li:hover span{background:#0963d1;color:#fff}
.pros-desc{height:50px;overflow:hidden;}
.pros-desc-l{width:150px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px;font-size:16px;color:#333333;padding:0 10px;}
.pros-desc span{line-height:50px;width:100px;text-align:center;font-size:14px;color:#333333}
.pros-list li:hover .pros-pic img{transform:scale(1.06);}

.pros-r{width:250px;background:url(../images/tms.png);margin-top:240px}
.pros-r li{height:77px;overflow:hidden;line-height:77px;padding-left:30px;background:url(../images/xts.png) no-repeat center bottom;}
.pros-r li:hover{background:#3a85e2}
.pros-r li h2{padding-left:35px;font-size:20px;color:#555555;font-weight:normal;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:77px}
.pros-r li:nth-child(1) h2{background:url(../images/t1.png) no-repeat left;}
.pros-r li:hover:nth-child(1) h2{background:url(../images/t1s.png) no-repeat left;}

.pros-r li:nth-child(2) h2{background:url(../images/t2.png) no-repeat left;}
.pros-r li:hover:nth-child(2) h2{background:url(../images/t2s.png) no-repeat left;}

.pros-r li:nth-child(3) h2{background:url(../images/t3.png) no-repeat left;}
.pros-r li:hover:nth-child(3) h2{background:url(../images/t3s.png) no-repeat left;}

.pros-r li:nth-child(4) h2{background:url(../images/t4.png) no-repeat left;}
.pros-r li:hover:nth-child(4) h2{background:url(../images/t4s.png) no-repeat left;}

.pros-r li:nth-child(5) h2{background:url(../images/t5.png) no-repeat left;}
.pros-r li:hover:nth-child(5) h2{background:url(../images/t5s.png) no-repeat left;}

.pros-r li:nth-child(6) h2{background:url(../images/t6.png) no-repeat left;}
.pros-r li:hover:nth-child(6) h2{background:url(../images/t6s.png) no-repeat left;}


.pros-list li i{display:inline-block;width:20px;height:20px;background:url(../images/yuan.png) no-repeat center bottom;position:relative;top:5px}
.pros-list li:hover i{background:url(../images/yuans.png) no-repeat left;}
.pros-r li:hover h2{color:#fff}
.pros-lx{height:80px;overflow:hidden;line-height:80px;text-align:center;font-size:18px;color:#0963d1;display:block;}
.callss{text-align:right;position: absolute;right:0;top:0;}

.callss span{font-size:16px;color:#ffffff;display:block;}
.callss i{width:25px;height:3px;display:block;background:#fff;display:block;margin:15px 0;}
.callss strong{font-size:36px;color:#ffffff;display:block;}


/* case e*/
.cases{padding:80px 0;overflow:hidden;}
.cases-tit{text-align:center;}
.cases-tit span{font-size:60px;color:#0963d1;font-weight:bold;text-transform:uppercase;}
.cases-tit p{font-size:30px;color:#333333;font-weight:bold;}

.cases-btn{text-align:center;margin-top:40px}
.cases-btn li{width:135px;height:45px;line-height:45px;background:#eeeeee;text-align:center;display:inline-block;cursor:pointer;font-size:16px;color:#666666}
.cases-btn li:hover{background:#0f5ac0;color:#fff}
.cases-btn li:hover a{color:#fff}

.cases-list{width:1200px;margin:50px auto;display:none}
.cases-list ul{width:105%}
.cases-list li{width:580px;height:420px;float:left;margin:0 40px 40px 0;box-shadow:0 0 15px #d9d5d5;position:relative;}
.cases-pic{height:320px;overflow:hidden;}
.cases-pic img{width:100%;height:100%;transition:all 0.6s;}
.cases-list li:hover img{transform:scale(1.06);}
.cases-ms{padding:20px 40px 0 40px;}
.cases-ms h2{color:#000033;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
.cases-ms p{font-size:16px;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}
.mores{position:absolute;right:50px;bottom:70px;}
.mores img{transition:all 0.6s}
.moress{display:block;width:200px;height:60px;line-height:60px;border:1px solid #dddddd;text-align:center;color:#666666;font-size:18px;margin:0 auto;}

/*process s*/
.process{height:400px;overflow:hidden;background:#f5f5f5;position:relative;}
.process-l{width:200px;height:300px;background:#0963d1;padding:50px 20px;}
.process-l p{color:#fff;font-size:24px;}
.process-l p strong{display:block;font-size:40px;}
.process-l span{font-size:16px;display:block;color:#fff;margin-top:45px}
.process-l i{width:15px;height:3px;display:block;background:#fff;margin-top:15px}
.process-l .strongs{font-size:24px;color:#fff;display:block;margin-top:20px}
.onlines{display:block;margin:30px auto;height:45px;background:#e7f0fa;border-radius:4px;text-align:center;line-height:45px}

.process-r{width:960px;position:relative;height:400px;}
.process-r li{width:70px;position:absolute;text-align:center;}
.process-r li.li1{left:60px;top:80px}
.process-r li.li2{left: 310px;top:80px}
.process-r li.li3{left: 570px;top:80px}
.process-r li.li4{left: 820px;top:80px}

.process-r li.li5{left: 188px;bottom:70px;}
.process-r li.li6{left: 440px;bottom:70px;}
.process-r li.li7{left: 710px;bottom:70px;}
.process-r li.li8{left: 931px;bottom:70px;}

.process-r li.li5 p,.process-r li.li6 p,.process-r li.li7 p,.process-r li.li8 p{margin-bottom:5px;}


.process-r li i{width:60px;height:60px;display:block;border:1px solid #cccccc;border-radius:3px;margin:0 auto;background:#fff}
.process-r li:hover i{background:#0963d1}
.process-r li p{font-size:14px;color:#666666;margin-top:5px}

.process-r li.li1 i{background-image:url(../images/b1.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li1 i{background-image:url(../images/b1s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li5 i{background-image:url(../images/b2.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li5 i{background-image:url(../images/b2s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li2 i{background-image:url(../images/b3.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li2 i{background-image:url(../images/b3s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li6 i{background-image:url(../images/b4.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li6 i{background-image:url(../images/b4s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li3 i{background-image:url(../images/b5.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li3 i{background-image:url(../images/b5s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li7 i{background-image:url(../images/b6.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li7 i{background-image:url(../images/b6s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li4 i{background-image:url(../images/b7.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li4 i{background-image:url(../images/b7s.png);background-position:center;background-repeat:no-repeat; }

.process-r li.li8 i{background-image:url(../images/b8.png);background-position:center;background-repeat:no-repeat;}
.process-r li:hover.li8 i{background-image:url(../images/b8s.png);background-position:center;background-repeat:no-repeat; }

.process-r li:hover i{background-color:#0963d1}
.process-r li:hover p{color:#0963d1}

.process-nums span{position: absolute;width:30px;height:30px;border:1px solid #999999;border-radius:50%;background:#ffffff;z-index:99;font-size:14px;color:#999999;font-weight:bold;text-align:center;line-height:30px}
.lines{width:100%;position: absolute;left:0;top:205px;height:1px;background:#cccccc}
.process-nums span.num1{left: 82px;top:190px;}
.process-nums span.num2{left: 207px;top:190px;}
.process-nums span.num3{left: 330px;top:190px;}
.process-nums span.num4{left: 460px;top:190px;}
.process-nums span.num5{left: 590px;top:190px;}
.process-nums span.num6{left: 727px;top:190px;}
.process-nums span.num7{left: 842px;top:190px;}
.process-nums span.num8{left: 947px;top:190px;}

.xts{position: absolute;right:0;top: 205px;width:70%;height:1px;background:#cccccc;}
/*process e*/

/*advant s*/
.advant{padding:80px 0;height:670px;position:relative;}
.show1 li{position:absolute;}
.show1 li.li1,.show1 li.li3{width:290px;height:210px;background:#333333;padding:20px;}
.show1 li.li2,.show1 li.li4{width:460px;height:170px;background:#0963d1;padding:40px;}

.show1 li.li1{left:0;top:250px;}
.show1 li.li3{right:0;top:250px;}
.show1 li.li2{left:330px;top:0;}
.show1 li.li4{left:330px;bottom:-80px;}
.show1 li.li2 h2{color:#fff;font-size:24px;}
.show1 li.li2 p{font-size:14px;line-height:2.4;text-align:justify;color:#ccd8f2;margin-top:20px;background:url(../images/tbs.png) no-repeat left;padding-left:20px;}
.show1 li.li2 span{font-size:30px;color:#fff;font-weight:bold;position: absolute;right:40px;top:40px;background:url(../images/xtss.png) no-repeat left bottom;}
.show1 li.li4{background:#f5f5f5}


.show1 li.li4 h2{color:#333333;font-size:24px;}
.show1 li.li4 p{font-size:14px;line-height:2.4;text-align:justify;color:#808080;margin-top:20px;background:url(../images/tbss.png) no-repeat left;padding-left:20px;}
.show1 li.li4 span{font-size:30px;color:#0963d1;font-weight:bold;position: absolute;right:40px;top:40px;background:url(../images/xtsss.png) no-repeat left bottom;}

.show1 li.li1 h2,.show1 li.li3 h2{color:#fff;font-size:24px;}
.show1 li.li1 p,.show1 li.li3 p{font-size:14px;color:#d0d0d0;line-height:2.4;margin-top:30px;background:url(../images/sj.png) no-repeat left;padding-left:20px;}
.show1 li.li1 span,.show1 li.li3 span{font-size:30px;color:#fff;font-weight:bold;position: absolute;right:40px;top:20px;background:url(../images/xtss.png) no-repeat left bottom;}

.img6{width:540px;height:250px;position: absolute;left:0;top:250px;right:0;margin:auto;z-index:999;}
.kfs{position: absolute;left:0;bottom:-80px;width:330px;height:250px;}
.kfs2{position: absolute;right:0;top:0;width:330px;height:250px;}
.tit2s{position: absolute;left:0;top:55px;}

.advant-call{width:250px;height:170px;background:#0963d1;position: absolute;right:0;bottom:-80px;padding:40px;}
.advant-call p{font-size:14px;color:#fff}
.advant-call h2{font-size:30px;color:#fff;margin-top:10px}
.find-m{display:block;width:220px;height:50px;background:#fff;border-radius:25px;line-height:50px;text-align:center;color:#0963d1;margin-top:40px}
/*advant e*/


/*honors s*/
.honors{padding:80px 0;overflow:hidden;}
.honors-tit{text-align:center;}
.honors-tit h2{color:#0963d1}
.honors-tit p{color:#333333;}
.honors-tit span{font-size:16px;color:#666666;display:block;margin-top:10px}

.picScroll-left{ width:100%;position:relative;margin-top:50px}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:40px; height:40px;cursor:pointer;position:absolute;z-index:999;top:80px}
.picScroll-left .hd .prev{;background:url(../images/left.jpg) no-repeat center;left:-50px}
.picScroll-left .hd .next{background:url(../images/right.jpg) no-repeat center;right:-50px}
.picScroll-left .hd .prev:hover{background:url(../images/lefts.jpg) no-repeat center;left:-50px}
.picScroll-left .hd .next:hover{background:url(../images/rights.jpg) no-repeat center;right:-50px}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.picScroll-left .bd{ padding:10px;}
  .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:280px;height:200px;background:#555  }
.picScroll-left .bd ul li img{width:100%;height:100%;transition:all 0.6s}
.picScroll-left .bd ul li img:hover{transform:scale(1.06);}
/*honors e*/

/*Solution s*/
.Solution{height:760px;overflow:hidden;padding:80px 0;position:relative;}
.Solution-tit{text-align:center;}
.Solution-main{position:relative;}
.Solution-main li{width:260px;height:80px;position:absolute;margin-top:100px}
.Solution-main li i{width:80px;height:80px;background:url(../images/tb4.png) no-repeat left;}
.Solution-main li h3{font-size:22px;color:#ffffff;font-weight:normal;margin-left:10px;width:150px;padding-top:10px;line-height:1.4;height:70px;overflow:hidden;}
.Solution-main li.li1{left:0;top:0;}
.Solution-main li.li2{left:0;top:150px;}
.Solution-main li.li3{left:0;top:300px;}
.Solution-main li.li4{right:0;top:0;}
.Solution-main li.li5{right:0;top:150px;}
.Solution-main li.li6{right:0;top:300px;}
.Solution-main li.li4 i,.Solution-main li.li5 i,.Solution-main li.li6 i{float: right;}
.Solution-main li.li4 h3,.Solution-main li.li5 h3,.Solution-main li.li6 h3{text-align:right;}
.icons{position: absolute;left:0;top:60px;right:0;margin:auto;}
.lxss{width:300px;height:60px;display:block;margin:0 auto;position: absolute;bottom:80px;left:0;right:0;background:url(../images/bgs.png) no-repeat center;font-size:30px;color:#ffffff!important;line-height:60px;text-align:center;z-index:99;}
/*Solution e*/


/*news s*/
.news{padding: 0 0 80px 0;}
.newsContent{
    width: 1200px;
    height: 580px;

    margin: auto;
    overflow: hidden;
}
.newsTop{
    width: 100%;
    height: 400px;
    margin-bottom: 60px;
    overflow: hidden;
}
.newsLef{
    width: 550px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.newsTitle{
    width: 100%;
    height: 101px;
    margin-top: 28px;
    margin-bottom: 55px;
    position: relative;
}
.newsTitle h3{
    width: 100%;
    height: 100%;
    background-image: url('../images/newsTit.png');
    background-position: left center;
    background-repeat: no-repeat;
}
.newsTitle > a{
    width: 50px;
    height: 50px;
    background: #0963d1;
    color: #fff!important;
    display: block;
    font-size: 20px;
    line-height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.newsTitle a:hover {
    background: #347fdc;
}
.newsTxts{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.newsTxts span{
    width: 100%;
    color: #888;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    float: left;
}
.newsTxts h4{
    background: linear-gradient(#cccccc,#cccccc) bottom/100% 1px no-repeat;
    box-sizing: border-box!important;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 18px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    width:100%;
}
.newsTxts h4 a{
    color: #333333!important;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.newsTxts h4 a:hover{
    color: #fd182d!important;
}
.newsTxts p{
    color: #666;
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    max-height: 42px;
    overflow: hidden;
    margin-bottom: 44px;
    float: left;
}
.newsTxts > a{
    width: 20px;
    height: 16px;
    background-image: url('../images/nJiantou.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: right;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.newsTxts > a:hover{
    margin-right: 5px;
}
.newsRig{
    width: 600px;
    height: 400px;
    float: right;
    overflow: hidden;
}
.newsRig a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.newsRig a img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.newsRig a:hover img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.newsBot{
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.newsBot ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.newsBot ul li{
    width: 600px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.newsBot ul li:last-child{
    float: right;
}
.newsBot ul li a{
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
    display: block;
    padding-right: 40px;
}
.newsPhoto{
    width: 180px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.newsPhoto img{
    width: 100%;
    height: 100%;

    -webkit-transition: 0.4s;
       -moz-transition: 0.4s;
        -ms-transition: 0.4s;
         -o-transition: 0.4s;
            transition: 0.4s;
}
.newsInfos{
    width: 354px;
    height: 100%;
    float: right;
    overflow: hidden;
}
.newsInfos h4{
    background: linear-gradient(#dddddd,#dddddd) bottom left/50px 1px no-repeat;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 16px;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.newsInfos p{
    color: #888;
    font-size: 14px;
    text-align: justify;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newsBot ul li:hover .newsPhoto img{
    -webkit-transform: scale(1.08);
       -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
         -o-transform: scale(1.08);
            transform: scale(1.08);
}
.newsBot ul li:hover .newsInfos h4{
    color: #fd182d;
}



/*news e*/


/*links s*/
.links{background:#eeeeee;height:100px;}
.links-tit{margin-top:20px}
.links-list li{float: left;line-height:100px;margin-left:50px;}
.links-list li a{font-size:16px;color:#666666;}
.links-list li a:hover{color:#0963d1}

.links ul{margin-bottom:0;}
/*links e*/



/*footer s*/
.footer{height:640px;overflow:hidden;width:100%}
.foot-l{width:35%;height:100%;background:#555}
.foot-r{width:65%;height:100%;background:#333333;}
.foot-ms{width:780px;margin-left:5%;padding-top: 70px;}
.foot-ms p.p1{color:#fff}
.foot-code{margin-top:40px}
.foot-code img{width:110px;height:110px;}
.foot-ms strong{font-size:24px;color:#ffffff;display:block;font-weight:normal;}
.lxs{margin-top:40px}
.lxs p{width:350px;font-size:14px;color:#bfbfbf;margin-bottom:10px}
.lxs p span{width:75px;float: left;}
.lxs p font{width:275px;float:left;}

.copyright{margin-top:100px}
.copyright p{font-size:12px;color:#bfbfbf}
.copyright p a{color:#bfbfbf}
.foot-ms-l{width:350px}
.foot-ms-r{width:400px}
.inputs{margin-top:30px}
.texts1{width:190px;height:30px;background:none;border-bottom:1px solid #999999;color:#808080}
.selects{width:190px;background:none;color:#808080;height:30px;border-bottom:1px solid #999999}
.inputss{margin-top:60px}
.textareass{width:400px;border-bottom:1px solid #999999;height:80px;background:none;border-bottom:1px solid #999999;margin-top:30px;color:#808080}
.buttsss{width:100px;height:40px;background:#0f5ac0;color:#fff;font-size:14px;cursor:pointer;float:none;}
.inputs span{font-size:12px;color:#808080}
/*footer e*/


#float{
    width: 80px;
    height: 335px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform-origin: right center;
    -webkit-transform: perspective(100px) rotateY(90deg);
    -moz-transform: perspective(100px) rotateY(90deg);
    -ms-transform: perspective(100px) rotateY(90deg);
    -o-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
}
#float.on{
    right: 0;
    opacity: 1;
    -webkit-transform: perspective(0) rotateY(0deg);
    -moz-transform: perspective(0) rotateY(0deg);
    -ms-transform: perspective(0) rotateY(0deg);
    -o-transform: perspective(0) rotateY(0deg);
    transform: perspective(0) rotateY(0deg);
}
#float ul{
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
#float ul li{
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2px;
    position: relative;
    background:#eeeeee;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#float ul li:last-child{
    margin-bottom: 0;
}
#float ul li a{
    height: 100%;
    display: block;
    position: relative;
    z-index: 99999;
    overflow: hidden;
}
#float ul li a i{
    width: 38px;
    height: 38px;
    background-image: url(../images/floatBg.png);
    background-repeat: no-repeat;
    display: block;
    margin: 12px auto 4px;
}
#float ul li a span{
    color: #999999;
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.floatTel{
    width: 160px;
    height: 50px;
    background: #0963d1;
    border-radius: 2px;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 80px;
    margin: auto;
    line-height: 50px;
    text-align: center;
    z-index: -1;
    opacity: 0;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#float ul li:hover .floatTel{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#float ul li.flEwm > div{
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 9;

    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#float ul li.flEwm > div img{
    width: 100%;
    height: 100%;
}
#float ul li.flEwm:hover > div{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
#float ul li,
#float ul li i,
#float ul li span{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
#float ul li:hover{
    background-color: #0963d1;
    border-color: transparent;
}
#float ul li:nth-child(1) a i{
    background-position: -54px 3px;
}
#float ul li:nth-child(2) a i{
    background-position: -54px -81px;
}
#float ul li:nth-child(3) a i{
    background-position: -54px -165px;
}
#float ul li:nth-child(5) a i{
    background-position: -54px -334px;
}
#float ul li:nth-child(4) a i{
    background-position: -54px -252px;
}
#float ul li:nth-child(1):hover a i{
    background-position: 0 3px;
}
#float ul li:nth-child(2):hover a i{
    background-position: 0 -81px;
}
#float ul li:nth-child(3):hover a i{
    background-position: 0 -165px;
}
#float ul li:nth-child(5):hover a i{
    background-position: 0 -334px;
}
#float ul li:nth-child(4):hover a i{
    background-position: 0 -252px;
}

#float ul li:hover span{
    color: #fff;
}

.InBanner.InBanner img{height:400px}