.header{height: 105px;}
.header .l{width: 300px;height: 105px;float: left;}
.header .l li{width: 35px;height: 35px;float: left;margin: 35px 12px;overflow: hidden}
.header .l li a{display: block;width: 35px;height: 35px;border-radius: 35px!important;overflow: hidden;background: #e4e4e4;}
.header .l li:nth-child(1) a{;background:#fff url("../Image/china.png") center no-repeat;}
.header .l li:nth-child(2) a{;background:#fff url("../Image/en.png") center no-repeat;}
.header .l li:nth-child(3) a{background:#e4e4e4 url("../Image/t1.png") center no-repeat;}
.header .l li:nth-child(3) a:hover{background:#1c3048 url("../Image/t11.png") center no-repeat;}
.header .l li:nth-child(4) a{background:#e4e4e4 url("../Image/t2.png") center no-repeat;}
.header .l li:nth-child(4) a:hover{background:#1c3048 url("../Image/t22.png") center no-repeat;}
.header .l li:nth-child(5) a{background:#e4e4e4 url("../Image/t3.png") center no-repeat;}
.header .l li:nth-child(5) a:hover{background:#1c3048 url("../Image/t33.png") center no-repeat;}
.header .m{width: 600px;height: 105px;float: left;}
.header .r{width: 300px;height: 105px;float: left;background: #fff;}
.header .r .son{width: 215px;height: 51px;background:  url("../Image/heewm.png") left center no-repeat;float: right;margin-top: 27px;}


/*banner*/
.banner{width: 100%;background: #ddd;min-width: 1200px;---max-height: 833px;position: relative;}
.swiper-containerban .swiper-slide{position: relative;width: 100%;min-height: 500px;---max-height: 833px}
.swiper-containerban .i{position: relative;width: 100%;height: 100%;top:0;left: 0;z-index: 2}
.swiper-containerban .i img{width: 100%;}
.swiper-containerban .t{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 3;color: #fff}
.bmore{width: 146px;height: 40px;margin: 0 auto;box-sizing: border-box;border: 1px solid #bbb;}
.bmore a{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-size: 16px;color: #bbb;transition: 0.4s}
.bmore a:hover{background: rgba(255,255,255,0.21);color: #fff;}

/*menu*/
.menu{position: absolute;height: 50px;width: 100%;z-index: 100;top:0;left: 0;background: rgba(0,0,0,0.3);}
.menu li{width: 150px;height: 50px;float: left;}
.menu li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 50px;font-size: 16px;color: #fff;
background: url("../Image/menul.png") right center no-repeat;transition: 0.5s}
/*.menu li a:hover{url("../Image/menul.png") right center no-repeat;transform: translateX(10px) }*/


/*首页产品*/
.iproduct{height: 770px;}
.iproduct .son{height: 828px;background: url("../Image/line.png") left top no-repeat}
.iproduct .top{width: 1200px;height: 250px;}
.iproduct .top .l{width: 500px;height: 250px;float: left;margin-left: 20px;}
.iproduct .top .r{width: 520px;height: 250px;float: right;position: relative;}
.iproduct .top .r .szj{position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
.iproduct .top .r .szj a{display: block;width: 100%;height: 100%;background: url("../Image/szj.png") center no-repeat;transition: 0.5s;
transform: scale(0.9)}
.iproduct .top .r .szj a:hover{transform: rotate(90deg) scale(1);background: url("../Image/szj1.png") center no-repeat;}
.iproduct .top .r .itypelist{width: 520px;height: 45px;position: absolute;left: 0;bottom: 0;}
.itypelist li{width: 117px;height: 45px;float: left;background: #f2f2f2;}
.itypelist li:nth-child(1){width: 50px;}
.itypelist li a{display: block;width: 100%;height: 100%;background: #f2f2f2;text-align: center;line-height: 45px;font-size: 16px;transition: 0.3s}
.itypelist li:nth-child(1) a{width: 50px;background: #1c3048;color: #fff}
.itypelist li:nth-child(1) a:hover{width: 50px;background: #1c3048;color: #fff}
.itypelist li a:hover{background: rgba(28,48,72,0.6);color: #fff}
/**/
.swiper-containercases{height: 380px;;margin-top: 50px;}
.swiper-containercases a{display: block;width: 100%;height: 100%;}
.iprolist .swiper-slide{height:380px;width: 220px;overflow: hidden;position: relative;}
.iprolist .swiper-slide .i{position: absolute;width: 100%;height: 380px;z-index: 2}
.iprolist .swiper-slide .i img{transform: scale(1.1);transition: 0.5s}
.iprolist .swiper-slide .one{position: absolute;width: 100%;height: 380px;z-index: 3;}
.iprolist .swiper-slide .one .son1{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(28,48,72,0.3);transform: scale(0.9);
    transition: 0.5s;opacity: 0}
/*.iprolist .swiper-slide .one .son11{width: 98%;height: 98%;box-sizing: border-box;border: 1px solid #ddd;transform: scale(1);*/
   /*opacity: 1}*/
.swiper-containercases a:hover .one .son1{transform: scale(1);opacity: 1;background: rgba(0,0,0,0)}
.swiper-containercases a:hover .i img{transform: scale(1.15)}
/*.swiper-containercases a:hover .one .son11{transform: scale(1);opacity: 1;background: rgba(0,0,0,0)}*/
/*.swiper-containercases a:hover{border-bottom: 4px solid #032348;box-sizing: border-box}*/
.iproduct .swiper-button-prev{width: 30px;height: 57px;background: url("../Image/pr.png") center no-repeat;left: -70px;top: 70%;}
.iproduct .swiper-button-next{width: 30px;height: 57px;background: url("../Image/ne.png") center no-repeat;right: -70px;top: 70%;}

.iproduct .swiper-button-prev:hover{width: 30px;height: 57px;background: url("../Image/pr1.png") center no-repeat;}
.iproduct .swiper-button-next:hover{width: 30px;height: 57px;background: url("../Image/ne1.png") center no-repeat;}


/*关于我们*/
.iabout{height: 700px;background: url("../Image/abbg.jpg") top center no-repeat;overflow: hidden}
.iabout .container{height: 900px;background: url("../Image/line.png") left top no-repeat;}
.more{width: 146px;height: 40px;box-sizing: border-box;border: 1px solid #bbb;}
.more a{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-size: 16px;color: #bbb;transition: 0.4s}
.more a:hover{background: rgba(255,255,255,0.21);color: #fff;}


/*定制*/
.idingzhi{height: 920px;background: url("../Image/dbg.jpg") center no-repeat;}

.idingzhi .r{width: 530px;height: 920px;float: right;background: #ddd;background: url("../Image/line.png") left top no-repeat;}
.licheng{width: 500px;height: 518px;margin-left: 30px;margin-top: 20px;}
.licheng .z{width: 38px;height: 518px;float: left;background: url("../Image/bline.png") center repeat-y;}
.licheng .z li{width: 38px;height: 38px;margin-bottom: 42px;border-radius: 38px;background: #b9bcc5;text-align: center;line-height: 38px;
color: #fff;font-size: 22px;cursor: pointer;font-weight: lighter}
.licheng .z li:nth-child(7){margin-bottom: 0;}
.licheng .z li:hover{background: #1c3048}
.licheng .z .xz{background: #1c3048}
.licheng .y{width: 440px;height: 512px;float: right}
.licheng .y li{width: 440px;height: 80px;cursor: pointer}
.licheng .y li .p1{font-weight: lighter;font-size: 22px;color: #222;}
.licheng .y li .p2{font-size: 16px;color: #a8a8a8;margin-top: 3px}
.licheng .y .xz .p1{font-weight: normal;color:#1c3048 }
.licheng .y .xz .p2{color:#1c3048 }



/*团购*/
.ituangou{height: 670px;background: url("../Image/tgbg.jpg") center no-repeat;}


/**/
.iqiye{height:720px;background: url("../Image/line2.png") top center no-repeat;}
.dlist li{width: 397px;height: 240px;overflow: hidden;float: left;margin-right: 4px;margin-bottom: 4px;}
.dlist li:nth-child(3n){margin-right: 0;}
.dlist li a{display: block;width: 100%;height: 100%;}
.dlist li a img{transition: 0.5s}
.dlist li a:hover img{transform: scale(1.05)}
.dlist li:nth-child(5),.dlist li:nth-child(6),.dlist li:nth-child(4){margin-bottom: 35px}


/**/
.ifour{height: 670px;}
.ifour .container{width: 1200px;height: 670px;position: relative;background: url("../Image/bq.jpg") center no-repeat;}
.ifour .one1{width: 50px;height: 50px;position: absolute;left: 142px;top: 243px;z-index: 2;background: #666;}
.ifour .two1{width: 50px;height: 50px;position: absolute;right: 123px;top: 242px;z-index: 2;background: #666;}
.ifour .three1{width: 50px;height: 50px;position: absolute;left: 202px;top: 452px;z-index: 2;background: #666;}
.ifour .four1{width: 50px;height: 50px;position: absolute;right: 213px;top: 453px;z-index: 2;background: #666;}
/**/
.ifour .one{width: 131px;height: 110px;position: absolute;left: 0px;top: 230px;z-index: 2;}
.ifour .two{width: 113px;height: 110px;position: absolute;right: 0px;top: 230px;z-index: 2;}
.ifour .three{width: 131px;height: 110px;position: absolute;left: 58px;top: 450px;z-index: 2;}
.ifour .four{width: 131px;height: 110px;position: absolute;right: 70px;top: 450px;z-index: 2;}

.ifour .p1{color: #1e1e1e;font-size: 24px;}



/*留言*/
.imessage{height: 376px;background: url("../Image/mesbg.jpg") center no-repeat;}
.imessage .l{width: 600px;height: 376px;float: left;}
#iform{width: 500px;height: 60px;box-sizing: border-box;border: 1px solid #a2aab4;}
#iform input{display: block;width: 400px;height: 56px;outline: none;float: left;border: none;color: #a2aab4;font-size: 16px;text-indent: 1em;
background: #1c3048 url("../Image/forml.png") right center repeat-y}
#iform button{display: block;width: 98px;height: 56px;outline: none;box-sizing: border-box;background:#1c3048 url("../Image/s.png") center no-repeat}
/**/
.imessage .r{width: 600px;height: 376px;float: left;}
#iform2{width: 540px;float: right;}
#iform2 input{display: block;width: 400px;height: 50px;outline: none;border: none;color: #a2aab4;font-size: 14px;text-indent: 2em;
line-height: 50px;background: #fff;margin-top: 7px;}
#iform2 button{display: block;width: 155px;height: 45px;background:#1c3048;color: #fff;text-align: center;line-height: 45px;margin-top: 15px; }


/*footer*/
/*.footer{border-top: 1px solid #032348}*/
.footer .link{height: 90px;border-bottom: 1px solid #cdcdcd;}
.footer .link .l{float: left;width: 1000px;height: 90px;line-height: 90px;overflow: hidden}
.footer .link .l a{display: inline-block;margin-left: 20px;font-size: 14px;color: #222;}
.footer .link .r{float: right;width: 155px;overflow: hidden;height: 90px;}
.footer .link .r a{display: block;width: 155px;height: 45px;background:#1c3048;color: #fff;text-align: center;line-height: 45px;margin-top: 22.5px; }
/**/
.footer .con{height: 150px;padding-bottom: 50px;border-bottom: 1px solid #cdcdcd;}
.footer .con .l{width: 200px;height: 150px;float: left;background: url("../Image/footline.png") right center no-repeat;}
.footer .con .l li{width: 50%;height: 50px;float: left}
.footer .con .l li a{display: block;width: 100%;height: 50px;text-align: left;line-height: 50px;color: #222;}
.footer .con .m1{width: 700px;height: 150px;float: left;background: url("../Image/footline.png") right center no-repeat;}
.footer .con .m1 .son{width: 640px;height: 150px;margin: 0 auto;background: #fff}
.footer .con .m1 li{width: 230px;height: 50px;float: left;margin-top: 12px}
.footer .con .m1 li:nth-child(2n){width: 400px;margin-left: 10px;}
.footer .con .m1 li:nth-child(4),.footer .con .m1 li:nth-child(3){margin-top: 25px;}
.footer .con .m1 li .p1{font-size: 16px;color: #222}
.footer .con .m1 li .p2{font-size: 16px;color: #111;font-weight: bold;margin-top: 3px;}
.footer .con .m2{width: 180px;height: 150px;float: left;}
.footer .con .m2 .son{width: 158px;height: 36px;}
.footer .con .m2 li{width: 35px;height: 35px;border-radius: 35px;background: #e4e4e4;float: left;margin-left: 26px;overflow: hidden;
list-style: none}
.footer .con .m2 li:nth-child(1){margin-left: 0px;}
.footer .con .m2 li a{display: block;width: 100%;height: 100%;}
.footer .con .m2 li:nth-child(1) a{background:#e4e4e4 url("../Image/t1.png") center no-repeat;}
.footer .con .m2 li:nth-child(1) a:hover{background:#1c3048 url("../Image/t11.png") center no-repeat;}
.footer .con .m2 li:nth-child(2) a{background:#e4e4e4 url("../Image/t2.png") center no-repeat;}
.footer .con .m2 li:nth-child(2) a:hover{background:#1c3048 url("../Image/t22.png") center no-repeat;}
.footer .con .m2 li:nth-child(3) a{background:#e4e4e4 url("../Image/t3.png") center no-repeat;}
.footer .con .m2 li:nth-child(3) a:hover{background:#1c3048 url("../Image/t33.png") center no-repeat;}
.footer .con .r{width: 120px;height: 150px;float: right;}
/**/
.beian{height: 75px;background:#fff;line-height: 75px;}
.beian .l{width: 900px;height: 100%;display: flex;justify-content: left;align-items: center;float: left;color: #5d5d5d;font-size: 16px;}
.beian .r{height: 100%;width: 300px;float: right;text-align: right}
.beian .r a{font-size: 16px;color: #5d5d5d}


/**分页*/
.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 #032348;
    border-radius: 3px;margin-left: 5px;color: #032348;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #032348;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #032348;background: #032348;color: #fff}
/**/

/******************************************首页样式结束*******************************/


/*页面上部banner*/
.s-banner{width: 100%;height: 400px;background: #fff;position: relative}

/**侧边栏*/
.maincon{margin-top: 50px;margin-bottom: 50px;overflow: hidden}
.sidebar{width: 280px;float: left;background: #fff;padding-bottom: 30px}
.sidebar .top{width: 100%;height: 100px;border-radius: 10px; background: linear-gradient(120deg, #032348, rgba(17,42,72,0.8)) ;
position: relative;
}
.catlist{box-sizing: border-box;border: 1px solid rgba(28,48,72,0.2);border-radius: 5px;margin-top: 10px;
padding-bottom: 20px}
.catlist li{width: 100%;}
.catlist li .a1{display: block;width: 100%;height: 50px;position: relative;text-indent: 1.5em;line-height: 50px;border-radius:5px;
    overflow: hidden;transition: 0.5s;color: #032348;font-weight: bold;
background:rgba(28,48,72,0.1)}
.catlist li .a1 .k{position: absolute;width: 30px;height: 50px;background: url("../Image/fenlei.png") center no-repeat;
    left: 12px;top: 0px;transition: 0.5s;background-size: 20px;opacity: 0.8}
.catlist li .a1 span{transition: 0.5s;display: inline-block}
.catlist li .a1:hover span{transform: translateX(5px)}

.catlist dt{width: 50%;height: 35px;float: left;}
.catlist dt .a2{display: block;width: 100%;height: 35px;text-indent: 2em;line-height: 35px;margin: 5px 0;box-sizing: border-box;
    border-radius: 5px;overflow: hidden;
;/*background: url("../Image/catn.png") right 10px center no-repeat;background-size: 15px;*/font-size: 14px;}
.catlist dt .a2:hover{color:#032348;/*background: url("../Image/catn1.png") right 10px center no-repeat;background-size: 15px;*/
color: #032348;font-weight: bold}
.sidebar .lianxi{box-sizing: border-box;width: 100%;border: 1px solid rgba(28,48,72,0.2);padding-bottom: 20px;
    border-radius: 5px;margin-top: 10px;}
.sidebar .lianxi dt{padding: 7px 0}

/*全局右侧*/
.mainright{width: 900px;float: right;}
.bread{width: 100%;height: 40px;line-height: 40px;text-align: right;color: #666;border-bottom: 1px solid #032348}


/**********************产品栏目首页********************************************/
.product li{width: 210px;height: 300px;float: left;margin-right: 20px;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;
margin-top: 20px;}
.product li:nth-child(4n){margin-right: 0;}
.product li a{display: block;width: 100%;height: 100%;}
.product li .i{width:100%;height: 260px;position: relative;overflow: hidden}
.product li .i .one{position: absolute;width: 210px;height: 260px;z-index: 2;top: 0;left: 0;background:rgba(0,0,0,0.1);opacity: 0;transition: 0.3s}
.product li .i .two{position: absolute;width: 210px;height: 260px;box-sizing: border-box;z-index: 3;top: 0;left: 0;border: 1px solid #fff;transition: 0.5s}
.product li .i img{transition: 0.5s;transform: scale(0.95)}
.product li .t{width: 100%;height: 40px;text-align: center;line-height: 40px;background: #eee;transition: 0s}
.product li a:hover .i img{transform: scale(1);}
.product li a:hover .i .one{opacity: 1;}
.product li a:hover .i .two{transform: scale(0.95);}
.product li a:hover .t{background:#032348;color: #fff}
.product li:hover{border: 1px solid #032348;}


/**/
.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}
/**********************产品栏目内页********************************************/
.productcon .pimg img{max-height: 400px;}
.cons{    height: 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-style: solid solid solid;
    border-width: 1px 1px 3px;
    border-color: #333;
    color: #032348;
    font-size: 16px;
    font-weight: bold;}



/*******************************新闻中心栏目首页************************************/

.news li{width: 900px;height: 150px;margin-top: 20px;padding: 5px 0}
.news li a{display: block;width: 890px;height: 100%;box-sizing: border-box;box-shadow:0px 2px 7px #aaa;margin: 0 auto;
transition: 0.3s;border-radius: 3px;overflow: hidden}
.news li .l{width: 150px;height: 150px;float: left;}
.news li .m{width: 630px;height: 150px;float: left;margin-left: 10px}
.news li .r{width: 90px;height: 150px;float: left;margin-left: 10px;}
.news li .r .son{width: 180px;height: 150px;position:relative;left: -90px;transition: 0.5s}
.news li .r .son .a{width: 50%;height: 150px;float: left;background: url("../Image/more1.png") center no-repeat;background-size: 30px}
.news li .r .son .b{width: 50%;height: 150px;float: left;background: url("../Image/more.png") center no-repeat;background-size: 30px}
.news li a:hover{box-shadow:0px 5px 8px #999;transform: translateY(0px)}
.news li a:hover .p1{color:#032348 }

.news li a:hover .r .son{transform: translateX(90px)}




/***************************招聘栏目首页***********************/
.zhao{width: 858px;border: 1px solid #ddd;padding: 20px;margin-top: 20px;border-radius: 3px;}
.zhao .son{width: 45%;float: left;margin-bottom: 10px}
.zhao .sona{font-size: 15px;}
.zhao .sona .zhiwei{font-size: 15px;font-weight: bold;}
.zhao .son .time{color: red}
.zhao .son1{width: 100%}
.zhao .do{float: right;}
.zhao .do a{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #032348;border-radius: 3px;}
.zhao .do a:hover{background-color:#122b48}


/**/
.jobsseek form{width: 800px;margin: 0 auto;margin-top: 20px;}
.jobsseek form .faqline{width: 800px;height: 40px;margin-bottom: 12px;}
.jobsseek form .faqline .faqtit{display: block;width: 100px;height: 40px;float: left;text-align: right;line-height: 40px;}

.jobsseek form .faqline .input{display: block;width: 690px;float: right;height: 40px;outline: none;
    border: 1px solid #ddd;box-sizing: border-box;}
.jobsseek form .faqline .input1{width: 300px;float: left;margin-left: 10px;}
.jobsseek form .faqline1 input{display: inline-block;width: 20px;float: none}
.jobsseek form .content{height: 100px;}
.jobsseek form .content  .faqtit{display: block;width: 100px;height: 100px;float: left;text-align: right;line-height: 100px;}
.jobsseek form .content  textarea{display: block;width: 684px;height: 100px;float: right;text-align: right;line-height: 40px;border: 1px solid #ddd}
.jobsseek form .code img{position: absolute;width: 100px;height: 40px;top: 0;right: 390px}
.jobsseek form button{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #032348;border-radius: 3px;
margin-left: 10px;float: left}



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


/*团体定制*/
.dingzhi li{margin-top: 30px;cursor: pointer}
.dingzhi li:hover{}
.dingzhi li .l{width: 120px;height: 120px;border-radius: 120px;background: #032348;float: left;}
.dingzhi li .l .tt{line-height: 14px;margin-top: 8px;}
.dingzhi li .r{width: 760px;height: 120px;border-radius: 120px;background: #eee;float: right;transition: 0.5s}
.dingzhi li:nth-child(2n) .l{float: right}
.dingzhi li:nth-child(2n) .r{float: left}
.dingzhi li:hover .r{background: rgba(28,48,72,0.3)}


/*在线留言*/
/*message*/
.messagen{width: 100%;padding: 10px 0;background: #eee}
.messagen  .l{width: 310px;height: 400px;float: left;margin-left: 20px;background: url("../Image/mebg.jpg") left center no-repeat;}
.messagen  .l .tijiao{width: 225px;height: 45px;background: #005fb1;}
.messagen  .l .tijiao a{display: block;width: 225px;height: 45px;text-align: center;line-height: 45px;}
.messagen  .l .zx{width: 310px;height: 50px;background: url("../Image/tel2.png") left center no-repeat;}

.messagen  .r{width: 820px;float: right;}
.messagen  .r form ul{background: #fff}
.messagen  .r .fl1{width: 815px;height: 50px;border: 1px solid #ddd;}
.messagen  .r .fl1 li{float: left}
.messagen  .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  .r .fl1 li:nth-child(2){width: 760px;}
.messagen  .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  .r .fl2 li:nth-child(1){background:#fff  url("../Image/tel3.png") center no-repeat;}

.messagen  .r .fl3{width: 815px;height:100px;border: 1px solid #ddd;}
.messagen  .r .fl3 li{float: left}
.messagen  .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  .r .fl3 li:nth-child(2){width: 760px;}
.messagen  .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  .r form button{display: block;width: 415px;height: 50px;border: none;outline: none;background: #212d3a;margin: 0 auto}


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


#fu{transition: 0.5s;
    width:160px;position: fixed;top:230px;right: 0px;z-index: 10000000000000;background:#032348;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(160px);}

#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: #032348;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:#032348;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}
