/**/

.mainbox{width: 100%}

.container{width: 1200px;margin: 0 auto!important;}



/*首页*/

/*最上部*/

.header{height: 110px;}

.header .l{width: 730px;height: 110px;float: left;}

.header .m{width: 270px;height: 110px;background: url("../Image/t-tel.png") left center no-repeat;float: left}

.header .r{height: 110px;width: 90px;float: right}

/*menu*/

.menu{height: 40px;background: #0079d3;}

.menu li{width:200px;height: 40px;float: left;}

.menu li a{display: block;width: 200px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 14px;}

.menu li a:hover{background: #005ea3;color: #fff}



/*product*/

.product{height: 860px;padding: 50px 0;}

.product .l{width: 250px;height: 860px;float: left}

.product{height: 860px;padding: 50px 0;}

.product .l .t{height: 90px;width: 250px;background: #0079d3 url("../Image/pl.png") left 30px center no-repeat;}

.product .l .b{width: 250px;height: 770px;border: 1px solid #ddd;box-sizing: border-box}

.product .l .b li{width: 188px;height: 54px;border-bottom: 1px solid #ddd;margin: 0 auto;}

.product .l .b li a{display: block;width: 188px;height: 54px;background: url("../Image/jt.png") left 25px center no-repeat;

text-indent: 4em;line-height: 54px;font-size: 14px;color: #666666;transition: 0.4s;}

.product .l .b li:last-child{border-bottom: none}

.product .l .b li a:hover{background: url("../Image/jt1.png") left 25px center no-repeat;color: #0079d3;transform: translateX(12px)}



/**/

.product .r{width: 926px;height: 860px;border: 1px solid #ddd;box-sizing: border-box;float: right}

.product .r .t{width: 876px;height: 90px;background: url("../Image/hot.png") left center no-repeat;margin: 0 auto}

.product .r .t .le{width: 300px;height: 90px;float: left;}

.product .r .t .ri{width: 300px;height: 90px;float: right;}

.product .r .b{width: 876px;margin: 0 auto;}

.product .r .b li{width: 279px;height: 256px;float: left;margin-right: 19.5px;float: left}

.product .r .b li:nth-child(3n){margin-right: 0px;}

.product .r .b li a{display: block;width: 279px;height: 256px;}

.product .r .b li a .i{width: 279px;height: 208px;border: 1px solid #ddd;overflow: hidden;box-sizing: border-box;position: relative;}

.product .r .b li a .i .son{position: absolute;width: 279px;height: 208px;top: 0;left: 0;}

.product .r .b li a .i .one{z-index: 1}

.product .r .b li a .i .one img{transition: 0.5s;}

.product .r .b li a .i .two{z-index: 2;opacity: 0;background: rgba(0,0,0,0.4);transition: 0.2s}

.product .r .b li a .i .three{z-index: 3;opacity: 0;transition: 0.2s}

.product .r .b li a .ti{width: 279px;height: 48px;line-height: 45px;color: #666;}

.product .r .b li a:hover .one img{transform: scale(1.1)}

.product .r .b li a:hover .two{opacity: 1}

.product .r .b li a:hover .three{opacity: 1}

.product .r .b li a:hover .ti{color:#0079d3}





/*about*/

.about{height: 560px;padding-bottom: 50px}

.about .t{height: 120px;background: #f6f6f6;position: relative;z-index: 2}

.about .four li{width: 300px;height: 134px;float: left;}

.about .four li a{display: block;height: 134px;width: 300px;}

.about .four li .son{width: 160px;height: 50px;margin-left: 70px;margin-top: 35px;}

.about .four li .son .zuo{width: 25px;height: 30px;float: left;padding-bottom: 10px;border-bottom: 1px solid #ddd;}

.about .four li .son .you{width: 120px;height: 50px;float: right;}

.about .four .active{background: url("../Image/at-bg.png") center no-repeat;}

.about .four .active .zuo,.about .four .active .you{color: #fff}

.about .con{width: 100%;height: 440px;background: url("../Image/abg.png") center no-repeat;background-size: cover;

position: relative;z-index: 1;top:-15px;}

.about .con .left{width: 601px;height: 333px;float: left;}

.about .con .right{width: 560px;height: 333px;float: right;}



/*news*/

.news{padding-bottom: 50px;}

.news .l{width: 650px;height: 500px;float: left;}

.news .l .t{height: 60px;width:650px;border-bottom: 1px solid #ddd;}

.news .l .t .z{width: 300px;height: 60px;float: left}

.news .l .t .z li{width: 90px;height: 60px;font-size: 20px;line-height: 60px;text-align: center;

float: left;margin-right: 40px;font-weight: bold;color: #666;cursor: pointer}

.news .l .t .z .active{color:#0079d3;border-bottom: 2px solid #0079d3;}

.news .l .t .y{width: 100px;height: 60px;text-align: right;line-height: 60px;float: right}

.news .l .t .y a{color: #999}

.newslist1{margin-top: 35px;}

.newslist1 li{width: 650px;height: 120px;background: #f3f3f3;margin-bottom: 20px;}

.newslist1 li:last-child{margin-bottom: 0}

.newslist1 li .l{width: 180px;height: 120px;overflow: hidden;float: left}

.newslist1 li .r{width:410px;height: 120px;margin-left: 30px;float: left;}

.newslist1 li .r .bt{color: #666;font-size: 16px;font-weight: bold;}

.newslist1 li .r p{font-size: 14px;color: #999;line-height: 1.6}





.news .r{width: 450px;height: 500px;float: right;}

.news .r .t{height: 60px;width:450px;border-bottom: 1px solid #ddd;}

.news .r .t .z{width: 300px;height: 60px;float: left}

.news .r .t .z li{width: 90px;height: 60px;font-size: 20px;line-height: 60px;text-align: center;

    float: left;margin-right: 40px;font-weight: bold;color: #666;cursor: pointer;color:#0079d3;border-bottom: 2px solid #0079d3;}



.news .r .t .y{width: 100px;height: 60px;text-align: right;line-height: 60px;float: right}

.news .r .t .y a{color: #999}

.news .r ol li{width: 50%;float: left;line-height: 36px;}

.news .r ol li a{color: #666;}

.news .r ol li a:hover{color: #0079d3;}

.news .m{height: 500px;width: 1px;background: #ddd;float: left;margin-left: 49px;}





/*form*/

.indexform{height: 432px;background: url("../Image/formbg.png") center no-repeat;background-size: cover}

.indexform form{width: 1200px;height: 316px;background: rgba(255,255,255,0.3);}

.indexform form .form{width: 1170px;height: 286px;background: #fff;background:#fff url("../Image/mess.png") left 50px center no-repeat}

.indexform form .form .con{width: 980px;height: 250px;margin-left: 150px;margin-top: 20px}

.indexform form .form .con .input{display: block;width: 300px;height: 50px;float: left;margin-right: 40px;outline: none;border: 1px solid #ddd;box-sizing: border-box;

background: url("../Image/man.png") left center no-repeat;text-indent: 4em}

.indexform form .form .con .input:nth-child(2){background: url("../Image/tel1.png") left center no-repeat;}

.indexform form .form .con .input:nth-child(3){margin-right: 0px;background: url("../Image/em.png") left center no-repeat;}

.indexform form .form .con .text{width: 690px;height: 100px;float: left}

.indexform form .form .con .text textarea{border: 1px solid #ddd;display: block;width: 688px;height: 98px;}

.indexform form .form .twoi{width: 220px;height: 100px;float: right}

.indexform form .form .twoi button{width: 220px;height: 40px;background: #0079d3;font-size: 16px;text-align: center;line-height: 40px;color: #fff;border: none;outline: none;}

.indexform form .form .twoi input{width: 220px;height: 40px;background: #e7e7e7;font-size: 16px;text-align: center;line-height: 40px;color: #333333;border: none;

    outline: none;margin-top: 10px;display: block;letter-spacing: 5px}





/*footer*/

.footer{height: 210px;background: #005ea3;}

.footer .l{width: 398px;height: 150px;float: left;}

.footer .m{width: 270px;height: 150px;background: red;float: left;margin-left: 40px;padding-left: 40px;background: url("../Image/fl.png") left center no-repeat}

.footer .m li{width: 30%;float: left;line-height: 37px;}

.footer .m li a{color: #fff;font-size: 14px;}

.footer .r{width: 400px;padding-left: 40px;float: right;background: url("../Image/fl.png") left center no-repeat;height: 150px;}

.footer .r li{width: 50%;float: left;line-height: 37px;color: #fff;font-size: 14px;text-indent: 1.5em}

.footer .r li:nth-child(1){background: url("../Image/a1.png") left center no-repeat;}

.footer .r li:nth-child(2){background: url("../Image/a.png") left center no-repeat;}

.footer .r li:nth-child(3){background: url("../Image/c.png") left center no-repeat;}

.footer .r li:nth-child(4){background: url("../Image/e.png") left center no-repeat;}

.footer .r li:nth-child(5){background: url("../Image/e.png") left center no-repeat;}

.beian{height: 68px;background: #005ea3;border-top: 1px solid #669ec8;}

.beian .l{width: 1000px;height: 68px;line-height: 68px;font-size: 14px;color: #fff;float: left}

.beian .r{width: 200px;height: 68px;line-height: 68px;font-size: 14px;color: #fff;float: left;text-align: right}

.beian a{color: #fff}

    /*****************************************************************************首页结束*/

.footpage{text-align: center;line-height: 50px;font-size: 13px;}

.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #0079d3;

    border-radius: 3px;margin-left: 5px;color: #0079d3;padding: 0px 5px 0px 5px;}

.footpage span{padding: 0px 10px 0px 10px;background: #0079d3;color: #fff;}

.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #0079d3;background: #0079d3;color: #fff}

/**/







/*****************/

/**/

.two a{width: 115px;height: 35px;border: 1px solid #005fb1;text-align: center;line-height: 35px;font-size: 14px;margin-right: 15px;

    transition: 0.5s;float: left;background: rgba(17, 80, 155, 0.07)}

.two a:hover{background: #005fb1;color: #fff;}

.two a:nth-child(3){margin-right: 0px;background: rgba(17, 80, 155, 0.07) url("../Image/zan.png") left 10px top 6px no-repeat;background-size: 20px;

    text-align: left;text-indent: 35px;}

.two a:nth-child(3):hover{color: #005fb1}



/*关于我们*/

.fourth{height: 800px;}

.fourth .fl1 .l{width:600px;height: 400px;float: left;background: #f3f3f3}

.fourth .fl1 .l .son{width: 510px;margin: 0 auto}

.fourth .fl1 .l:nth-child(3) p{color: #373737;line-height: 2.0;font-size: 14px;}



.swiper-containercom .swiper-slide{height: 350px;width: 380px;}



.swiper-containercom .swiper-slide a{display: block;height: 350px;width: 100%;}

.swiper-containercom .swiper-slide a .one{border: 1px solid #ddd;height: 300px;}

.swiper-containercom .swiper-slide a .one .son{width: 97%;height: 96%;overflow: hidden;position: relative}

.swiper-containercom .swiper-slide a .one .son .f1{width: 380px;height: 100%;position: absolute;overflow: hidden;z-index: 2}

.swiper-containercom .swiper-slide a .one .son .f1 img{transition: 0.5s;}

.swiper-containercom .swiper-slide a .one .son .f2{width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 3;

    background:rgba(0,0,0,0.4);transition: 0.3s;opacity: 0;transform: scale(1.5)}

.swiper-containercom .swiper-slide a .one .son .f2 .con{width: 80%;height: 80%;border: 1px solid #fff;}

.swiper-containercom .swiper-slide a .one .son .f2 .con .more{width: 100px;height: 25px;border: 1px solid #ddd;

    border-radius: 5px;text-align: center;line-height: 25px;color: #fff;background: #fff;color: #005fb1;

    transition: 2s;}



.swiper-containercom .swiper-slide a:hover .one{border: 1px solid #005fb1;}

.swiper-containercom .swiper-slide a:hover .one .son .f1 img{transform: scale(1.1)}

.swiper-containercom .swiper-slide a:hover .one .son .f2{opacity: 1;transform: scale(1)}

.swiper-containercom .swiper-slide a:hover .t{color: #005fb1;}

.swiper-containercom .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}





.swiper-containerho .swiper-slide{width: 216px;height: 350px;}

.swiper-containerho .swiper-slide a{display: block;width: 216px;height: 350px;}

.swiper-containerho .swiper-slide a .i{width: 100%;height: 300px;overflow: hidden;}

.swiper-containerho .swiper-slide a .t{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #666;}





/**/

.wb-about-num{width: 100%;height: 220px;padding: 50px 0px;background: url(../Image/contactbg.jpg) center no-repeat;

    background-attachment: fixed;}

.wb-about-num .four .son{width: 300px;height: 210px;float: left;margin-top: 20px;}

.wb-about-num .four .son .shang{width: 300px;height: 70px;text-align: center;line-height: 80px;}

.wb-about-num .four .son .zhong{margin-top: 70px;width: 300px;height: 70px;text-align: center;font-size: 30px;color: #fff;line-height: 70px;}

.wb-about-num .four .son .xia{width: 300px;height: 70px;text-align: center;font-size: 20px;color: #fff;line-height: 10px;}

.picList .t{font-size: 15px;margin-top: 10px;height: 30px;line-height: 20px;}

.picScroll-left .ti{font-size: 25px;text-align: center;margin-bottom: 20px;}



/*小banner背景图**/

/*背景图*/

.aboutbg{background: url(../Image/bg.jpg) no-repeat center;}

/*内页*/

/*内页上部*/

.b-bannner{width: 100%;height: 300px;background-size: cover;position: relative;}

.s-banner{position: absolute;left: 0;bottom:0;height: 50px;background: rgba(0,0,0,0.5);}

.s-banner .son{width: 1200px;height: 50px;position: relative;}

.s-banner .son .l{float: left;width: 800px;height: 50px;}

.s-banner .son .l li{width: 150px;height: 50px;float: left;}

.s-banner .son .l li a{display: block;width: 150px;height: 50px;color: #fff;line-height: 50px;

    background:#0079d3}

.s-banner .son .l li a:hover{background: #2d85c8}

.s-banner .son .r{float: right;width: 250px;position: relative;height: 130px;bottom:80px;}

.s-banner .son .r .top{width: 250px;height: 80px;line-height: 80px;text-align: center;background: #0079d3}

.s-banner .son .r .bot{width: 250px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);}



/*product*/

.common .l{width: 250px;float: left;background: #f9f9f9}

.common .l .n-title{height: 60px;width: 100%;line-height: 60px;background:#0079d3;

    background-size: cover}

.common .l .p-list{background: #f9f9f9}

.common .l .p-list li{width: 250px;height: 50px;border-bottom: 1px solid #ddd;}

.common .l .p-list li a{display: block;width: 250px;height: 50px;position: relative;}

.common .l .p-list li a .one{position: absolute;width: 250px;height: 50px;left: -250px;top: 0;z-index:1;background: #0079d3;transition: 0.5s}

.common .l .p-list li a .two{position: absolute;width: 250px;height: 50px;left: 0;top: 0;z-index:2;line-height: 50px;font-size: 14px;

    text-indent: 1em;color: #444;transition: 0.5s}

.common .l .p-list li a:hover .one{transform: translateX(250px);}

.common .l .p-list li a:hover .two{color: #fff}

.common .l .contact-n{padding-bottom: 20px}

.common .r{width: 880px;float: right;background: #fff;/*box-shadow: 0 0 25px #666;*/border-radius: 0px;overflow: hidden;padding: 15px;}

.bread{width: 100%;height: 50px;line-height: 50px;}



/*列表*/

.product-n li{width: 282px;height: 250px;float: left;margin-right: 17px;margin-bottom: 17px}

.product-n li:nth-child(3n){margin-right: 0px;}

.product-n li a{display: block;width: 282px;height: 250px;position: relative;overflow: hidden}

.product-n li a .one{position: absolute;left: 0;top: 0;width: 282px;height: 250px;overflow: hidden;z-index: 1}

.product-n li a .t{position: absolute;left: 0;bottom: 0;width: 282px;height: 40px;line-height: 40px;

    text-align: center;background: rgba(0,0,0,0.7);z-index: 2;transition: 0.5s;opacity: 1}

.product-n li a .tt{position: absolute;left: 0;bottom: 0;width: 282px;height: 0px;overflow: hidden;z-index: 3;background: rgba(0,0,0,0.7);

;transition: 0.5s}

.product-n li a:hover .t{opacity: 0;}

.product-n li a:hover .tt{height: 250px;}



.product-n li a .yy{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;

    background: rgba(255,119,58,0.8) url("../Image/zan1.png") left 8px top 3px no-repeat;background-size: 18px;

    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff;transition: 0.5s}

.product-n li a:hover .yy{opacity: 0}

.bread{height: 50px;}



/*news*/

.nnewlist{background: url("../Image/nnd.png") no-repeat top center;padding-bottom: 20px;}

.nnewlist .son{width: 576px;height: 123px;background: #ddd;float: left;margin-top: 30px;margin: 11px 0 30px 0;}

.nnewlist .son:nth-child(2n){float: right;background: url("../Image/nn.png") no-repeat 0 -369px;}

/*.nnewlist .son:nth-child(1),.nnews .son:nth-child(2){margin-top: 0px;}*/

.nnewlist .son:nth-child(2n) a:hover{float: right;background: url("../Image/nn.png") no-repeat 0 -246px;}

.nnewlist .son:nth-child(2n-1){background: url("../Image/nn.png") no-repeat 0 -123px;}

.nnewlist .son:nth-child(2n-1):hover{background: url("../Image/nn.png") no-repeat 0 0;}

.nnewlist .son a{display: block;height: 123px;width: 576px;}

.nnewlist .son  .l{width: 88px;height: 123px;float: left}

.nnewlist .son  .l .t{width: 88px;height: 75px;text-align: center;line-height: 75px;font-size: 35px;font-weight: bold;color: #fff;}

.nnewlist .son  .l .b{width: 88px;height: 48px;text-align: center;line-height: 48px;font-size: 14px;color: #666;}

.nnewlist .son  .r{width: 488px;height: 123px;float: right}

.nnewlist .son  .r .con{width: 410px;height: 100px;margin-left: -20px}

/*.nnewlist .son  .r .con .t{color: #666;}*/

.nnewlist .son  .r .con p{line-height: 1.6;font-size: 14px;color: #666}



.nnewlist .son .right .l{float: right}

.nnewlist .son .right .r{float: left;}

.nnewlist .son .right .r .con{margin-left: 10px}





/**/

.n-other li{width: 425px;height: 130px;background: #f3f3f3;float: left;margin-left: 30px;margin-bottom: 20px;overflow: hidden;transition: 0.3s}

.n-other li:nth-child(2n-1){margin-left: 0px;}

.n-other li a{display: block;width: 415px;height: 120px;margin-top: 5px;margin-left: 12px;}

.n-other li a .i{width: 120px;height: 120px;float: left;}

.n-other li a .son{width: 275px;height: 110px;float: right}

.n-other li a:hover .son .t{color: #005fb1}

.n-other li:hover{box-shadow:1px 3px 5px 1px #ddd;transform: translateY(-2px)}



/*contact*/

.ncontact li{width: 285px;height: 230px;float: left;margin-right: 20px;cursor: pointer;transition: 0.2s;position: relative}

.ncontact li:nth-child(4){margin-right: 0}

.ncontact li:nth-child(1){background: #d8eefb url("../Image/cabout.png") top 30px center no-repeat;}

.ncontact li:nth-child(1):hover{background: #bae3fb url("../Image/cabout.png") top 30px center no-repeat;

    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}

.ncontact li:nth-child(2){background: rgba(28,90,193,0.3) url("../Image/clink.png") top 30px center no-repeat;}

.ncontact li:nth-child(2):hover{background: rgba(28,90,193,0.4) url("../Image/clink.png") top 30px center no-repeat;

    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}

.ncontact li:nth-child(3){background: #ebf3da  url("../Image/ctel.png") top 30px center no-repeat;}

.ncontact li:nth-child(3):hover{background: #e4f3c3 url("../Image/ctel.png") top 30px center no-repeat;

    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}

.ncontact li:nth-child(4){background: #d8eefb url("../Image/add.png") top 30px center no-repeat;}

.ncontact li:nth-child(4):hover{background: #c4e7fb url("../Image/add.png") top 30px center no-repeat;

    box-shadow: 0px 3px 10px 2px #ddd;transform: translateY(-8px)}





/*message*/

.messagen{width: 100%;padding: 10px 0;background: #eee}

.messagen .con .l{width: 310px;height: 345px;float: left;margin-left: 20px}

.messagen .con .l .tijiao{width: 225px;height: 45px;background: #005fb1;}

.messagen .con .l .tijiao a{display: block;width: 225px;height: 45px;text-align: center;line-height: 45px;}

.messagen .con .l .zx{width: 310px;height: 50px;background: url("../Image/tel2.png") left center no-repeat;}



.messagen .con .r{width: 820px;float: right;}

.messagen .con .r form ul{background: #fff}

.messagen .con .r .fl1{width: 815px;height: 50px;border: 1px solid #ddd;}

.messagen .con .r .fl1 li{float: left}

.messagen .con .r .fl1 li:nth-child(1){width: 50px;height: 50px;border-right: 1px solid #ddd;background:#fff  url("../Image/tx.png") center no-repeat;}

.messagen .con .r .fl1 li:nth-child(2){width: 760px;}

.messagen .con .r .fl1 li input{display: block;width: 750px;height: 50px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;text-indent: 0.5em}





.messagen .con .r .fl2 li:nth-child(1){background:#fff  url("../Image/tel3.png") center no-repeat;}



.messagen .con .r .fl3{width: 815px;height:100px;border: 1px solid #ddd;}

.messagen .con .r .fl3 li{float: left}

.messagen .con .r .fl3 li:nth-child(1){width: 50px;height: 100px;border-right: 1px solid #ddd;background:#fff  url("../Image/mes.png") center 7px no-repeat;}

.messagen .con .r .fl3 li:nth-child(2){width: 760px;}

.messagen .con .r .fl3 li textarea{display: block;width: 750px;height:90px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 15px;

    line-height: 1.6;color: #666;background: #fff}

.messagen .con .r form button{display: block;width: 415px;height: 50px;border: none;outline: none;background: #212d3a;margin: 0 auto}



/*honor*/

.honor-n li{width: 282px;margin-right: 17px;height: 340px;float: left;margin-bottom: 30px;}

.honor-n li:nth-child(3n){margin-right: 0px;}

.honor-n li a{display: block;width: 282px;height: 340px;}

.honor-n li a .i{width: 282px;height: 310px;overflow: hidden;background: #ddd}

.honor-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #133a58;color: #fff}

.honor-n li a .i img{transition: 0.5s;}

.honor-n li a:hover .i img{transform: scale(1.1)}

.honor-n li a:hover .t{background: #005fb1}





/*cases*/

.cases-n li{width: 282px;margin-right: 17px;height: 250px;float: left;margin-bottom: 30px;position: relative;}

.cases-n li:nth-child(3n){margin-right: 0px;}

.cases-n li a{display: block;width: 282px;height: 250px;

    position: relative;}

.cases-n li a .i{width: 282px;height: 210px;overflow: hidden;background: #ddd}



.cases-n li .dianzan{position: absolute;z-index: 2;width: 90px;height: 25px;transition: 0.3s;

    background: rgba(255,119,58,0.8) url("../Image/zan1.png") left 8px top 3px no-repeat;background-size: 18px;

    top:0;left: 0;border-radius: 5px;text-indent: 35px;line-height: 25px;color: #fff}



.cases-n li a .t{width: 282px;height: 40px;text-align: center;line-height: 40px;background: #0079d3;color: #fff}

.cases-n li a .i img{transition: 0.5s;}

.cases-n li a:hover .i img{transform: scale(1.1)}

.cases-n li a:hover .t{background: #0079d3}

.cases-n li a:hover .dianzan{opacity: 0;}

/*内页*/

.cases-d .top{width: 100%;height: 400px;}

.cases-d .top .le{width: 448px;height: 398px;border: 1px solid #ddd;float: left}

.cases-d .top .le .son{width: 430px;height: 378px;overflow: hidden}

.cases-d .top .ri{width: 400px;height: 400px;float: right;}





/*产品内页*/

.order



    /**/

.footpage{text-align: center;}



/*右侧悬浮框*/

#fu{

    width:160px;position: fixed;top:230px;right: 0px;z-index: 10;background:#0079d3;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}





#fu li{width: 100%;height: 35px;margin-bottom: 20px;}

#fu li a{display: block;width: 100%;height: 35px;border-radius: 35px;border:1px solid #ccc;background: #fff;

    line-height: 35px;text-align: center;font-size: 14px;color: #0079d3;transition: 0.3s;}

#fu li a:hover{color: #fff;border: 1px solid #fff;background: rgba(17, 80, 155, 0.07)}

#fu2{width:40px;height: 100%;position: fixed;right: 0px;top: 0px;z-index: 10;background:#0079d3;padding: 20px 0;}



#fu .side{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;

    background: #ff773a url("../Image/jin.png") center no-repeat;cursor: pointer}

#fu .side2{position: absolute;left: -50px;height: 40px;width: 50px;top: 0;

    background: #ff773a url("../Image/chu.png") center no-repeat;cursor: pointer;display: none}

#fu .cont p{text-indent: 1.5em}

#fu .cont p:nth-child(1){background:  url("../Image/tel4.png") center left 3px no-repeat;background-size: 15px}

#fu .cont p:nth-child(2){background:  url("../Image/tel5.png") center left no-repeat;background-size: 20px}







#gotop{position: fixed;z-index: 10;bottom: 350px;width: 60px;height: 60px;transition: 0.5s;background: #ccc url("../Image/top.png") center no-repeat;

    right: 100px;bottom: 150px;cursor: pointer;display: none;

}

#gotop:hover{background: #9aa1a8 url("../Image/top.png") center no-repeat}




.event_wrap{position:relative;}
.event_wrap .middle_line{position:absolute;left:50%;top:0;width:8px;margin-left: 0px;border-left: 1px solid #000;height:100%;}
.event_wrap .middle_line i{display:block;height:3.31%;border-bottom: 1px solid #000;width:60%;}
.event_wrap .middle_line i.first{padding-top: 75px;}
.event_wrap .middle_line i.last{margin-bottom: 25px;}
.big_squre{margin-left:-30px;left:50%;display:block;position:absolute;top:8px;width:60px;height:60px;background-color: #0069d1;border-radius: 10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.big_squre i{transform:rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;position: absolute;left: 11px;color: #fff;top:21px;font-size: 18px}
.small_squire{position:absolute;top:11px;display:block;height:12px;width:12px;padding:3px;border-radius: 3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color: #0069d1;}
.small_squire i{display:block;width:12px;height:12px;background-color: #fff;border-radius: 3px;}
.event_wrap .list{height:300px;position:relative;padding-top: 75px;}
.aActiveWid{width:50% !important;filter:alpha(opacity=100) !important;opacity:1 !important;}
.event_wrap .list:last-child{height:275px;}
.event_wrap .list .ev_text{position:absolute;opacity:0.1;filter:alpha(opacity=10);width:0px;overflow: hidden; 
    -o-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;}
.event_wrap .list_right .ev_text_odd,.event_wrap .list_left .ev_text_event{text-align: left;left:50%;}
.event_wrap .list_right .ev_text_event,.event_wrap .list_left .ev_text_odd{text-align: right;left:initial;right:50%;}
.event_wrap .list .ev_t1{top: 55px;}
.event_wrap .list .ev_t2{top: 80px;}
.event_wrap .list .ev_t3{top: 105px;}
.event_wrap .list .ev_t4{top: 130px;}
.event_wrap .list .ev_t5{top: 155px;}
.event_wrap .list .ev_t6{top: 180px;}
.event_wrap .list .ev_t7{top: 205px;}
.event_wrap .list .ev_t8{top: 230px;}
.event_wrap .list .ev_t9{top: 255px;}
.event_wrap .list .ev_t10{top: 280px;}
.event_wrap .list .ev_t11{top: 305px;}
.event_wrap .list .ev_t12{top: 330px;}

.event_wrap .list_right .small_squire,.event_wrap .list_left .ev_text_event .small_squire{left:4px;}
.event_wrap .list_left .small_squire,.event_wrap .list_right .ev_text_event .small_squire{right:3px;left:inherit;}
.event_wrap .list .small_line,.event_wrap .list_left .ev_text_event .samll_line{display: inline-block;position: absolute;height: 1px;overflow: hidden;border-top: 1px solid #000;top: 19px;left: 24px;width: 13%;}
.event_wrap .list_left .ev_text_odd .small_line,.event_wrap .list_right .ev_text_event .small_line{right:23px;left:initial;}
.ev_text h3{font-size: 18px;padding-left: 20%;width:80%}
.ev_text p{line-height: 20px;padding-left:20%;width:80%;overflow: hidden;}
.list_right .ev_text_event h3,.list_right .ev_text_event p,.list_left .ev_text_odd h3,.list_left .ev_text_odd p{padding-right: 100px;padding-left: inherit}