/**/
.mainbox{width: 100%}
.container{width: 1200px;margin: 0 auto!important;}



.filex{position: fixed;top: -20px;z-index: 9;background: #fff;height: 71px;border-bottom: 1px solid #ddd;transition: 0.5s;
    opacity: 0}
.filex .menu{width: 650px;height: 70px;margin: 0 auto}
.filex .menu li{width: 130px;height: 30px;margin-top: 20px;float: left}
.filex .menu li a{display: block;width: 130px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;
    color: #1e1e1e; }
.filex .menu li a:hover{font-weight: bold}
.filex1{transform: translateY(20px);opacity: 1}


.flogo{position: absolute;top: 22.5px;left: 82px;transition: 0.5s;opacity: 0;transition-delay: 0.3s}
.flogo1{transform: translateY(-20px);opacity: 1}

/*头部*/
.header{height: 170px;background: #fff;}
.header .logo{width: 1200px;height: 100px;margin: 0 auto;text-align: center;}
.header .menu{width: 650px;height: 70px;margin: 0 auto}
.header .menu li{width: 130px;height: 30px;margin-top: 20px;float: left}
.header .menu li a{display: block;width: 130px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;
color: #1e1e1e;}
.header .menu li a:hover{font-weight: bold}
/**/
.menubot{height: 140px;background: #1a1a1a;}

/**/
.banner{height:auto;overflow: hidden;width: 100%;position: relative;z-index: 1}
.banner .contorl{position: absolute;z-index: 2;width: 100%;height:70px;background: rgba(0,0,0,0);top: 350px; }
.banner .contorl #bf{width: 70px;height: 70px;margin: 0 auto;cursor: pointer}
.banner .contorl #ting{width: 70px;height: 70px;margin: 0 auto;cursor: pointer}









/*about*/
.about{height: 620px;background: #f5f5f5;overflow: hidden;}
.five{height: 370px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.five li{width: 238.8px;height:370px;border-left: 1px solid #ededed;float: left;cursor: pointer}
.five li:nth-child(5){border-right: 1px solid #ededed;}

.five li .son{width: 238.8px;height: 370px;background: #fff;position: relative;}

.five li .son .one{width: 238.8px;height:370px;position: absolute;left: 0;top: 0;z-index: 2;background: #fff;
transition: 0.3s;opacity: 1;}
.five li .son .one .i{width: 112px;height: 102px;margin: 0 auto;margin-top: 25px;}
.five li .son .one .line{width: 94px;height: 3px;margin: 0 auto;margin-top: 15px;background: #e9e9e9;}
.five li .son .two{width: 238.8px;height:370px;position: absolute;left: 0;top: 0;z-index: 3;opacity: 0;transition: 0.3s}
.five li .son .two .i{width: 112px;height: 102px;margin: 0 auto;margin-top: 15px;
    transform: translateY(-15px);transition: 0.4s;opacity: 0;transition-delay: 0.1s}
.five li .son .two .f1{margin-top: 50px;transform: translateY(15px);transition: 0.4s;opacity: 0;transition-delay: 0.15s}
.five li .son .two .f2{margin-top: 15px;transform: translateY(15px);transition: 0.4s;opacity: 0;transition-delay: 0.2s}
.five li .son .two .line{width: 94px;height: 3px;margin: 0 auto;margin-top: 15px;background: #fff;
    transform: translateY(20px);transition: 0.4s;opacity: 0;transition-delay: 0.25s}
.five li .son .two p{margin-top: 15px;transform: translateY(15px);transition: 0.4s;opacity: 0;transition-delay: 0.3s}
.five li .son .two .more{width: 122px;height: 26px;margin: 0 auto;
    transform: translateY(20px);transition: 0.4s;opacity: 0;transition-delay: 0.35s}
.five li .son .two .more a{display: block;width: 120px;height: 24px;text-align: center;line-height: 24px;color: #eee;
transition: 0.3s;border: 1px solid #f5f5f5;}


.five li .son:hover .one{opacity: 0;}
.five li .son:hover .two{opacity: 1;transform: scale(1.2);background: #212120}
.five li .son:hover .two .i{transform: translateY(20px);opacity: 1;width: 112px;height: 102px;margin: 0 auto;
}
/*.five li .son:hover .two .i img{width: 112px;}*/
.five li .son:hover .two .f1{transform: translateY(-15px);opacity: 1;font-size: 20px;}
.five li .son:hover .two .f2{transform: translateY(-15px);opacity: 1;font-size: 14px;}
.five li .son:hover .two .line{transform: translateY(-15px);opacity: 1}
.five li .son:hover .two p{transform: translateY(-15px);opacity: 1}
.five li .son:hover .two .more{transform: translateY(-10px);opacity: 1}
.five li .son .two .more a:hover{border: 1px solid #fff;background: #fff;color: #333}





/*product*/

.product{height: 750px;}
.plist{width: 1200px;height: 660px;}
.plist .l{width: 590px;height: 660px;float: right;background: #eee;}
.plist .r{width: 590px;height: 660px;float: left;}
.plist .r li{width: 590px;height: 320px;background: #eee}
.plist .r li:nth-child(2){margin-top: 20px;}
.plist .r .p_t{position: relative;z-index: 1;background: url("../Image/p.png") center no-repeat;cursor: pointer;}
.plist .r .p_t .le{width: 124px;height: 151px;position: absolute;left: 90px;top: 48px;z-index: 2;
background: url("../Image/pl.png") center no-repeat;transition: 0.5s}
.plist .r .p_t .ri{width: 139px;height: 163px;position: absolute;right: 89px;bottom: 54px;z-index: 2;
    background: url("../Image/pr.png") center no-repeat;transition: 0.5s}
.plist .r .p_t .mi{width: 250px;height: 320px;position: absolute;left: 170px;top: 0px;z-index: 3;
    color: #fff;transition: 0.5s}
.plist .r .p_t .mi .m1,.plist .r .p_t .mi .m2{transition: 0.5s}
.plist .r .p_t:hover .le{transform: translateX(-45px)}
.plist .r .p_t:hover .ri{transform: translateX(45px)}
.plist .r .p_t:hover .mi .m1{transform:translateY(-10px);}
.plist .r .p_t:hover .mi .m2{transform:translateY(-5px)}

.plist .r .td{position: relative;z-index: 1}
.plist .r .td .td1{position: absolute;width: 590px;height: 320px;left: 0;top:0;z-index: 2}
.plist .r .td .td1 img{transition: 0.4s;}
.plist .r .td .td2{position: absolute;width: 590px;height: 320px;left: 0;top:0;z-index: 3;background: rgba(0,0,0,0.7);opacity: 0;
transition: 0.4s;}

.plist .r .td .td2 .t1{position: relative;top: 60px;opacity: 0;transition: 0.4s;transition-delay: 0.1s}
.plist .r .td .td2 p{position: relative;top: 60px;opacity: 0;transition: 0.4s;transition-delay: 0.2}


.plist .r .td:hover .td1 img{transform: scale(1.1)}
.plist .r .td:hover .td2{opacity: 1}
.plist .r .td:hover .td2 .t1{opacity: 1;transform: translateY(-60px)}
.plist .r .td:hover .td2 p{opacity: 1;transform: translateY(-60px)}



/**/
.swiper-containerp .swiper-wrapper{width: 590px;height: 660px;}
.swiper-containerp .swiper-wrapper .swiper-slide{width: 590px;height: 660px;}


/*合作*/
.hezuo{height: 420px;background: #f5f5f5;}
.hezuo li{width: 190px;height: 80px;margin-bottom:12px;margin-right: 12px;background: #fff;float: left;overflow: hidden}
.hezuo li:nth-child(6n){margin-right: 0px;}
.hezuo li a{display: block;width: 190px;height: 80px;}





.footer{height: 131px;background: #fff;overflow: hidden}
.footer .flo{height: 85px;border-bottom: 1px solid #ddd;background: #fff}
.footer .flo .l{width: 251px;height: 85px;float: left;}
.footer .flo .r{width: 475px;height: 30px;float: right}
.footer .flo .r li{width: 95px;height: 30px;float: left;list-style: none}
.footer .flo .r li a{display: block;width: 95px;height: 30px;background:url("../Image/fl.png") right center no-repeat;
text-align: center;line-height: 30px;font-size: 14px;color: #656565;}

/**/
.footer .beian{height: 45px;line-height: 45px;color: #656565;font-size: 14px;}
.footer .beian a{color: #656565;font-size: 14px;}
/*********************************************************************首页结束****************************************/

/*关于我们*/
.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;}
/*内页*/
/*内页上部*/


/*product*/
.common .l{width: 250px;float: left;background: #f9f9f9}
.common .l .n-title{height: 60px;width: 100%;line-height: 60px;background:#18a8f9;
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: #45525d;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: 1180px;float: right;background: #fff;/*box-shadow: 0 0 5px 1px #ddd*/;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.2);z-index: 2;transition: 0.5s;opacity: 1;color: #333}
.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{}
.nnewlist li{width: 1200px;height: 180px;margin-bottom: 20px;}
.nnewlist li a{display: block;width: 1200px;height: 180px;background: #fafafa;transition: 0.3s;border-radius: 5px;overflow: hidden}
.nnewlist li .l{width: 250px;height: 180px;overflow: hidden;float: left;}
.nnewlist li .l img{transition: 0.5s}
.nnewlist li .r{width: 930px;height: 180px;overflow: hidden;float: right;transition: 0.3s}
.nnewlist li .r .t{background: url("../Image/bt.png") left center no-repeat;text-indent: 1.5em;background-size: 27px;
transition: 0.3s}
.nnewlist li .r .time{background: url("../Image/time.png") right 85px center no-repeat;background-size: 20px}

.nnewlist li a:hover{box-shadow:0px 5px 10px 3px #ddd}

.nnewlist li a:hover .l img{transform: scale(1.1)}
.nnewlist li a:hover .r{transform: translateX(0px)}
.nnewlist li a:hover .r .t{color: #18a8f9}



/**/
.n-other li{width: 575px;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: 565px;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: 425px;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: 382px;margin-right: 27px;height: 350px;float: left;margin-bottom: 30px;position: relative;}
.cases-n li:nth-child(3n){margin-right: 0px;}
.cases-n li {display: block;width: 382px;height: 350px;
    position: relative;}
.cases-n li  .i{width: 382px;height: 310px;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  .t{width: 382px;height: 40px;text-align: center;line-height: 40px;background: #133a58;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:hover .t{background: #18a8f9}
.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;}

/*video*/
.video{width: 100%}
.video li{width: 600px;height: 500px;background: red;margin: 0 auto;margin-bottom: 20px;}
.video li .v{width: 100%;height: 460px;background: #fff;}
.video li .t{text-align: center;width: 100%;height: 40px;line-height: 40px;background: #ddd;color: #33}






    /**//*分页*/
.footpage{text-align: center;line-height: 50px}
.footpage a,.footpage span{display: inline-block;height: 25px;text-align: center;line-height: 25px;border:1px solid #18a8f9;
    border-radius: 3px;margin-left: 5px;color: #797979;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #18a8f9;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #18a8f9;background: #18a8f9;color: #fff}
/**/


.n-t{border-bottom: 2px solid #133a58}
.n-t .tt{height: 40px;width: 100px;line-height: 40px;background: #133a58;float: left}
.n-t .tip{float: right;height: 40px;width: 200px}
.n-t .tip .son{height: 35px;width: 200px;}
.n-t .tip .son a{display: block;height: 35px;line-height: 35px;width: 200px;text-indent: 35px;
    background:#ff773a url("../Image/tip.png") left 5px center no-repeat;border-radius: 5px;color: #fff}

.n-t .tip1{float: right;height: 40px;width: 120px}
.n-t .tip1 .son{height: 35px;width:120px;}
.n-t .tip1 .son a{display: block;height: 35px;line-height: 35px;width: 120px;text-indent: 35px;
    background:green url("../Image/fanhui.png") left 5px center no-repeat;border-radius: 5px;color: #fff}
/**/
.imglimit2 .son{width: 80%;margin: 0 auto;}

.swiper-containernn .swiper-button-next{width: 40px;height: 90px;right: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_r1.png") no-repeat center;margin-top: -75px;}
.swiper-containernn .swiper-button-prev{width: 40px;height: 90px;left: 0;background: rgba(0,95,177,0.8) url("../Image/index_tab_l1.png") no-repeat center;margin-top: -75px;}
.swiper-containernn .swiper-button-next:hover{background: rgba(0,95,177,0.6) url("../Image/index_tab_r1.png") no-repeat center;}
.swiper-containernn .swiper-button-prev:hover{background: rgba(0,95,177,0.6) url("../Image/index_tab_l1.png") no-repeat center;}

/*下一页*/
.prev li{width: 100%;height: 35px;line-height: 35px;text-indent: 30px;border-bottom: 1px dashed #666;font-size: 14px;}
.prev li:nth-child(1){background: url("../Image/prev.png") left 5px center no-repeat;background-size: 18px 18px}
.prev li:nth-child(2){background: url("../Image/next.png") left 5px center no-repeat;background-size: 18px 18px}
.prev li a{font-size: 14px;}
.prev li a:hover{color:#005fb1}

/**/
/*.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}*/



/*右侧悬浮框*/
#fu{
width:160px;position: fixed;top:230px;right: 0px;z-index: 10;background:#18a8f9;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: #005fb1;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:#005fb1;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: 50px;bottom: 50px;cursor: pointer;display: none;
}
#gotop:hover{background: #9aa1a8 url("../Image/top.png") center no-repeat}


/**/
.ceshi{height: 200px;width: 200px;background: #ddd;}
.ceshi .son{font-size: 5vh}
.ceshi .aaa::after{color: red;font-size: 20px;content: 'open-quote';border-bottom: 2px solid red;transition: 0.5s}

.ceshi .aaa:hover::before{content: '55';transform: translateX(20px);}

/***/
.company .l{height: 350px;width: 750px;float: left;}
.company .r{height: 350px;width: 400px;float: right}

.swiper-containerc .swiper-slide{width: 750px;height: 350px;}

/**/
.s-banner{height: 350px;background: url("../Image/casebg1.jpg") center no-repeat;}
.s-banner .line{width: 90px;height: 3px;background: #fff;}
.s-banner .more{width: 220px;height: 50px;}
.s-banner .more a{display: block;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #fff;
background: #18a8f9}



/*第一个*/
.first .menu{position: relative;}
.first .x-com{position: absolute;width: 100%;height: 300px;background:#fff;z-index: 6;top: -670px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.first .x-com1{transform: translateY(790px);opacity: 1;height: 350px}
.first .x-com .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.first .x-com .xfive li{width: 250px;height: 90px;float: left;margin-left: 30px;cursor: pointer;border-right: 1px solid #ddd;}
.first .x-com .xfive li:nth-child(1){margin-left: 0;}
.first .x-com .xfive li:nth-child(3){border-right: none;width: 180px}
.first .x-com .xfive li .i{}
.first .x-com .xfive li .line1{width: 60px;height: 3px;background: #ddd;}
.first .x-com .xfive li .t{}
.first .x-com .xfive li:nth-child(4){width: 100px;height: 90px;float: right;border-right: none;
}
.first .x-com .xfive li .a{display: block;width: 100px;height: 90px;background: rgba(0,0,0,0.3);font-size: 14px;text-align: center;
line-height: 90px;border-right: none;transition: 0.3s}
.first .x-com .xfive li .a:hover{background: rgba(0,0,0,0.2);}
/*第二个*/

.first .x-case{position: absolute;width: 100%;height: 300px;background:#fff;z-index: 6;top: -670px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.first .x-case1{transform: translateY(790px);opacity: 1;height: 350px}
.first .x-case .container{width: 1000px;height: 350px;margin-top: 50px!important;}

.first .x-case li{width: 150px;height: 50px;float: left;margin-left: 25px;}
.first .x-case li a{display: block;width: 150px;height: 50px;background: #777;text-align: center;line-height: 50px;color: #fff;
    transition: 0.3s;background: #777;}
.first .x-case li a:hover{background: #555;border-radius: 10px;overflow: hidden}

/*第三个*/
.first .x-news{position: absolute;width: 100%;height: 300px;background:#fff;z-index: 6;top: -670px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;overflow: hidden}
.first .x-news1{transform: translateY(790px);opacity: 1;height: 350px}
.first .x-news .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.x-news li{list-style: none;width: 425px;height: 80px;background: #f3f3f3;float: left;margin-left: 50px;margin-bottom: 20px;overflow: hidden;transition: 0.3s}
.x-news li:nth-child(2n-1){margin-left: 0px;}
.x-news li a{display: block;width: 415px;height: 70px;margin-top: 5px;margin-left: 5px;}
.x-news li a .i{width: 70px;height: 70px;float: left;}
.x-news li a .son{width: 325px;height: 70px;float: right}
.x-news li a:hover .son .t{color: #005fb1}
.x-news li:hover{box-shadow:1px 3px 5px 1px #ddd;transform: translateY(-2px)}

/*第四个*/
.first .x-con{position: absolute;width: 100%;height: 300px;background:#fff;z-index: 6;top: -670px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.first .x-con1{transform: translateY(790px);opacity: 1;height: 350px}
.first .x-con .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.x-con .l{width: 900px;height: 300px;float: left;background: #fff}


/**************************最上部下拉开始*************/
/*第一个*/
.x-com111{position: fixed;width: 100%;height: 350px;background:#fff;z-index: 8;top: -570px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.x-com1111{transform: translateY(610px);opacity: 1;}
.x-com1111 .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.x-com1111 .xfive li{width: 250px;height: 90px;float: left;margin-left: 30px;cursor: pointer;border-right: 1px solid #ddd;}
.x-com1111 .xfive li:nth-child(1){margin-left: 0;}
.x-com1111 .xfive li:nth-child(3){border-right: none;width: 180px}
.x-com1111 .xfive li .i{}
.x-com1111 .xfive li .line1{width: 60px;height: 3px;background: #ddd;}
.x-com1111 .xfive li .t{}
.x-com1111 .xfive li:nth-child(4){width: 100px;height: 90px;float: right;border-right: none;
}
.x-com1111 .xfive li .a{display: block;width: 100px;height: 90px;background: rgba(0,0,0,0.3);font-size: 14px;text-align: center;
    line-height: 90px;border-right: none;transition: 0.3s}
.x-com1111 .xfive li .a:hover{background: rgba(0,0,0,0.2);}

/*第二个*/

.x-case111{position: fixed;width: 100%;height: 350px;background:#fff;z-index: 8;top: -570px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.x-case1111{transform: translateY(610px);opacity: 1;}
.x-case111 .container{width: 1000px;height: 350px;margin-top: 50px!important;}

.x-case111 li{width: 150px;height: 50px;float: left;margin-left: 25px;}
.x-case111 li a{display: block;width: 150px;height: 50px;background: #777;text-align: center;line-height: 50px;color: #fff;
    transition: 0.3s;background: #777;}
.x-case111 li a:hover{background: #555;border-radius: 10px;overflow: hidden}

/*第三个*/
.x-news111{position: fixed;width: 100%;height: 350px;background:#fff;z-index: 8;top: -570px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;overflow: hidden}
.x-news1111{transform: translateY(610px);opacity: 1;}
.x-news111 .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.x-news111 li{list-style: none;width: 425px;height: 80px;background: #f3f3f3;float: left;margin-left: 50px;margin-bottom: 20px;overflow: hidden;transition: 0.3s}
.x-news111 li:nth-child(2n-1){margin-left: 0px;}
.x-news111 li a{display: block;width: 415px;height: 70px;margin-top: 5px;margin-left: 5px;}
.x-news111 li a .i{width: 70px;height: 70px;float: left;}
.x-news111 li a .son{width: 325px;height: 70px;float: right}
.x-news111 li a:hover .son .t{color: #005fb1}
.x-news111 li:hover{box-shadow:1px 3px 5px 1px #ddd;transform: translateY(-2px)}

/*第四个*/
.x-con111{position: fixed;width: 100%;height: 350px;background:#fff;z-index: 8;top: -570px;opacity:1;transition: 0.5s;
    border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.x-con1111{transform: translateY(610px);opacity: 1;height: 380px}
.x-con111 .container{width: 1000px;height: 350px;background: rgba(0,0,0,0);margin-top: 50px!important;}
.x-con111 .l{width: 900px;height: 300px;float: left;background: #fff}


/*cases*/
.cases{height: 890px;border-bottom: 2px solid #e2e2e2}

.clist{width: 1200px;height: 660px;}
.clist .l{width: 590px;height: 660px;float: left;position: relative;opacity: 0}
.clist .l .floor1{position: absolute;width: 590px;height: 660px;z-index: 2;top: 0;left: 0}
.clist .l .floor1 img{transition: 0.5s}
.clist .l .floor2{position: absolute;width: 590px;height: 660px;z-index: 3;top: 0;left: 0;transition: 0.5s}
.clist .l .floor2 .line{width: 94px;height: 3px;background: #fff;}
.clist .l a{display: block;}
.clist .l a:hover .floor1 img{transform: scale(1.05)}
.clist .l a:hover .floor2{transform: translateX(15px)}

.clist .r{width: 590px;height: 660px;float: right;}
.clist .r li{width: 590px;height: 320px;position: relative}
.clist .r li:nth-child(2){margin-top: 20px;}
.clist .r .floor1{position: absolute;width: 590px;height: 320px;z-index: 2;top: 0;left: 0}
.clist .r .floor1 img{transition: 0.5s}
.clist .r .floor2{position: absolute;width: 590px;height: 320px;z-index: 3;top: 0;left: 0;transition: 0.5s}
.clist .r .floor2 .line{width: 94px;height: 3px;background: #fff;}
.clist .r a{display: block;}
.clist .r a:hover .floor1 img{transform: scale(1.05)}
.clist .r a:hover .floor2{transform: translateX(15px)}

/**/
.catlist dt{width: 140px;height: 40px;margin-left: 5px;float: left;}
.catlist dt:nth-child(1){width: 70px}
.catlist dt a{display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 14px;
background: #eee;}
.catlist dt a:hover{background: #333;color: #fff}
.catlist dt .catlist1{background: #333;color: #fff}

/**/
.xfive li{width: 250px;height: 90px;float: left;margin-left: 30px;cursor: pointer;border-right: 1px solid #999;}
 .xfive li:nth-child(1){margin-left: 0;}
 .xfive li:nth-child(3){border-right: none;width: 230px}
 .xfive li .i{}
 .xfive li .line1{width: 60px;height: 3px;background: #ddd;}
 .xfive li .t{}
 .xfive li:nth-child(4){width: 100px;height: 90px;float: right;border-right: none;
}
 .xfive li .a{display: block;width: 100px;height: 90px;background: rgba(0,0,0,0.3);font-size: 14px;text-align: center;
    line-height: 90px;border-right: none;transition: 0.3s}
 .xfive li .a:hover{background: rgba(0,0,0,0.2);}
/*第二个*/