
/*header*/

/*img{max-width: 100%!important;}*/
.top1{height: 36px;background: #eeeeee;}
.top1 .l{width: 500px;height: 100%;display: flex;justify-content: left;align-items: center;float: left;}
.top1 .r{height: 100%;float: right;display: flex;justify-content: left;align-items: center;}
.top1 .r li{width: 31px;height: 20px;float: left;margin-left: 20px;}
.top1 .r li a{display: block;width: 100%;height: 100%;line-height: 20px;text-align: right}
.top1 .r li .a1{background: url("../Image/china.png") center no-repeat;}
.top1 .r li .a2{background: url("../Image/en.png") center no-repeat;}

/*.header*/
.clear{clear: both;}
.logo{}
.logo a{}
.logo a img{width: 85px;}
.logo p:nth-child(2){font-size: 22px;font-weight: bold;}
.logo p:nth-child(3){font-size: 17px;font-weight: bold;}
.header{height:120px}
.header .l{width: 291px;height: 100%;---float: left;display: inline-block;text-align: center;}
.header .r{width: 750px;height: 100%;float: right;}
.header .r li{width: 125px;height: 100%;float: left;background: #fff}
.header .r li a{display: block;width: 100%;height: 100%;line-height: 120px;text-align: right;
    color: #666;font-size: 16px;}
.header .r li a:hover{color:#2087dc}

/*banner*/
.banner{height: 650px;min-width: 650px;position: relative;}
.banner .swiper-container .swiper-slide{display: block;width: 100%;height: 650px;}
.lunbo{position: absolute;width: 100%;height: 75px;bottom: 2px;left: 0;z-index: 2}
.lunbo .son{width: 1200px;height: 75px;margin: 0 auto;background: #fff}
.swiper-containerba1{width: 1200px;height: 75px;overflow: visible!important;}
.swiper-containerba1 .swiper-wrapper{width: 1200px;height: 75px;}
.swiper-containerba1 .swiper-wrapper .swiper-slide{width: 1200px;height: 75px;background: #fff}
.lunbo .l{width: 70px;height: 75px;background: url("../Image/lb.png") center no-repeat;float: left;}
.lunbo .m{width: 600px;height: 75px;float: left;font-size: 16px;}
.lunbo .m a{display: block;width: 600px;height: 75px;font-size: 16px;color: #666;line-height: 75px;}
.lunbo .m1{width: 75px;height: 75px;float: left;font-size: 16px;float: left}
.lunbo .m1 a{display: block;width: 75px;height: 75px;font-size: 16px;color: #2087dc;line-height: 75px;text-align: center;}
.lunbo .r{width: 100px;height: 90px;float: right;background: #2073CF;position: relative;right: 20px;top:-35px;}
.lunbo .r .s{width: 90px;height: 57px;margin: 0 auto;border-bottom:1px dashed #fff;font-size: 50px;text-align: center;line-height: 57px;}

/*大标题*/
.big-title{height: 120px;width: 100%;background:url("../Image/btbg.png") center no-repeat;}
.big-title .son{width: 330px;height: 120px;margin: 0 auto;}
.four{height: 200px;}
.four li{width: 300px;height: 200px;float: left;cursor: pointer}
.four li:nth-child(1){background: url("../Image/f1.png") center top no-repeat;}
.four li:nth-child(2){background: url("../Image/f2.png") center top no-repeat;}
.four li:nth-child(3){background: url("../Image/f3.png") center top no-repeat;}
.four li:nth-child(4){background: url("../Image/f4.png") center top no-repeat;}
.four li .line{width: 50px;height:3px;background: #2087dc;margin: 0 auto;transition: 0.5s}
.four li .txt{width: 250px;margin: 0 auto;}
.four li:hover .line{transform: scaleX(1.8)}
.four li:hover .bp{color: #2087dc}


/*honor*/
.ihonor{height: 377px;background: url("../Image/hobg_01.jpg") center no-repeat;}
.ihonor .more{width: 150px;height: 35px;border-radius: 5px;overflow: hidden;float: right}
.ihonor .more a{display: block;width: 150px;height: 35px;color: #fff;text-align: center;line-height: 35px;font-size: 14px;
    background: url("../Image/m.png") center no-repeat;background-size: cover}



/*产品*/
.icatlist{width: 930px;height: 38px;margin: 0 auto}
.icatlist li{width: 170px;height: 38px;float: left;box-sizing: border-box;border: 1px solid #ddd;margin-left: 20px}
.icatlist li:nth-child(1){margin-left: 0;}
.icatlist li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 38px;font-size: 14px;
    background: url("../Image/m.png") center no-repeat;background-size: cover;font-size: 16px;color: #fff}

/**/
.iprolist li{width: 285px;height: 380px;float: left;margin-right: 20px;margin-bottom: 20px;}
.iprolist li:nth-child(4n){margin-right: 0;}
.iprolist li a{display: block;width: 285px;height: 380px;box-sizing: border-box;border: 1px solid #dfdfdf;}
.iprolist li a .son{width:273px;height: 368px;border: 5px solid #f7f7f7; }
.iprolist li a .son .ti{width: 245px;height: 60px;font-size: 16px;color: #333;line-height: 1.6;margin: 0 auto;margin-top: 5px}
.iprolist li a .son .s{width: 245px;height: 60px;margin: 0 auto;}
.iprolist li a .son .s .l{width: 180px;height: 60px;float:left;}
.iprolist li a .son .s .r{width: 65px;height: 60px;float:right;}
.iprolist li a .son .s .r .so{width: 65px;height: 25px;border-radius: 25px;background: #2087dc;text-align: center;line-height: 25px;}
.iprolist li a .son .i{width: 273px;height:220px;margin-top: 12px;}
.iprolist li a:hover .son{border: 5px solid #2087dc;}
.iprolist li a:hover .son .ti{color:#2087dc;}


/*abouit*/
.iabout{height: 472px;background: url("../Image/abbg.jpg") center no-repeat;}


.iabout .more{width: 150px;height: 35px;margin: 0 auto;}
.iabout .more a{display: block;width: 150px;height: 35px;border-radius: 5px;background: #fff;text-align: center;line-height: 35px;color: #2087dc;}


/**/
/*.inews{height: 550px;}*/

.inews .l{width: 767px;height: 465px;box-sizing: border-box;border: 1px solid #ddd;float: left;}
.inews .l .son{width: 727px;height: 465px;margin: 0 auto;}
.inews .l .son .s{width: 727px;height: 55px;border-bottom: 1px solid #ddd;}
.inews .l .son .s .z{width: 100px;height: 55px;float: left;margin-right: 20px;}
.inews .l .son .s .z a{display: block;width: 100px;height: 55px;text-align: center;line-height: 55px;}
.inews .l .son .s .y{width: 160px;height: 55px;float: right;line-height: 55px;color: #2087dc;text-align: right}
.inews .l .son .s .y a{color: #2087dc}
.inews .l .son .s .z a:hover{color: #2087dc;border-bottom: 3px solid #2087dc;}
.inews .l .son .s .z:nth-child(1){color: #2087dc;border-bottom: 3px solid #2087dc;}
.inews .l .son .x{width: 727px;height: 400px;background: url("../Image/nbg.jpg") left center no-repeat;}

.inews .l .son .x .con{width: 380px;float: right;margin-right: 20px}
.inews .l .son .x .con li{height: 48px;width: 100%;border-bottom: 1px dashed #ddd;}
.inews .l .son .x .con li a{display: block;width: 100%;height: 48px;line-height: 48px;
    background:url("../Image/d.jpg") left 5px center no-repeat; text-indent: 1.5em;font-size: 14px;}
.inews .l .son .x .con li a:hover{display: block;width: 100%;height: 48px;line-height: 48px;font-size: 14px;
    background:url("../Image/d1.jpg") left 5px center no-repeat; text-indent: 1.5em;color: #2087dc}
.inews .r{width: 400px;height: 465px;box-sizing: border-box;border: 1px solid #ddd;float: right;background: #2087dc}
.fuform{width: 374px;height: 360px;background: #fff;margin: 0 auto}
.fuform ul{background: #fff}

.fuform .fl1{width: 310px;height: 35px;border: 1px solid #ddd;box-sizing: border-box;margin: 0 auto}

.fuform .fl1 li{float: left}

.fuform .fl1 li:nth-child(1){width: 35px;height: 33px;border-right: 1px solid #ddd;background:#eee  url("../Image/tx.png") center no-repeat;

    background-size: 11px;}

.fuform .fl1 li:nth-child(2){width: 151px;}

.fuform .fl1 li input{display: block;width: 151px;height:33px;border: none;margin: 0 auto;outline: none;padding: 0;font-size: 12px;text-indent: 0.5em}



.fuform textarea{    display: block;margin-top: 10px;

    width: 288px;

    height: 70px;

    outline: none;

    padding: 0;

    font-size: 15px;

    line-height: 1.6;

    color: #666;

    background: #fff;border: 1px solid #ddd;font-size: 12px;padding: 10px;margin: 0 auto;margin-top: 10px}




.fuform button{    display: block;

    width: 250px;

    height: 26px;

    border: none;

    outline: none;

    background: #212d3a;

    margin-top: 10px;

    text-align: center;line-height: 26px;font-size: 12px;background: #0172c2;color: #fff;box-sizing: border-box;border: 1px solid #ddd;
    margin: 0 auto;margin-top: 20px;

}

.fuform .button2{background: #fff;color: #666;margin: 0 auto;margin-top: 10px}




/*生产厂房*/
/**/
.swiper-containercases{height: 285px;;margin: 50px 0;}
.swiper-containercases a{display: block;width: 380px;height: 285px;overflow: hidden;}
.changfang .swiper-slide{height:285px;width: 380px;overflow: hidden;position: relative;}
.changfang .swiper-slide .i{position: absolute;width: 100%;height: 285px;z-index: 2}
.changfang .swiper-slide .i img{transform: scale(0.9);transition: 0.5s}
.changfang .swiper-slide .one{position: absolute;width: 100%;height: 285px;z-index: 3;opacity: 1}
.changfang .swiper-slide .two{position: absolute;width: 100%;height: 285px;z-index: 4;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{opacity: 0}
.swiper-containercases a:hover .two{opacity: 1}
.swiper-containercases a:hover .i img{transform: scale(0.95)}
/*.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}*/
.changfang .swiper-button-prev{width: 38px;height: 38px;background: url("../Image/pr.png") center no-repeat;left: -70px;top: 39%;}
.changfang .swiper-button-next{width: 38px;height: 38px;background: url("../Image/ne.png") center no-repeat;right: -70px;top: 39%;}

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


/*footer*/
.footer{---height: 227px;background:#f5f5f5;}
.fmenu{height: 50px;width: 1200px;background: linear-gradient(120deg, #2087dc, #24c8be)}
.fmenu li{width: 200px;height: 100%;float: left;}
.fmenu li a{display: block;width: 100%;height: 100%;line-height: 50px;text-align: center;
    color: #fff;font-size: 14px;}
.footer .l{width: 291px;---height: 140px;---float: left;    position: relative;
    top: -35px;text-align: center;}
.footer .m{width: 530px;---height: 150px;---float: left;margin-left: 49px}
.footer .m li{width: 50%;---float: left;line-height: 2.2;color: #666;font-size: 15px;}
.footer .r{width: 120px;height: 150px;---float: right;text-align: center}

.div-foot1{display: inline-block !important;}
.div-foot2{display: inline-block;}
.div-foot3{display: inline-block;}
.div-foot4{display: inline-block;}

.beian{height: 35px;background:#eaeaea;line-height: 35px;}
.beian .l{width: 900px;height: 100%;display: flex;justify-content: left;align-items: center;float: left;color: #5d5d5d;font-size: 14px;}
.beian .r{height: 100%;width: 300px;float: right;text-align: right}
.beian a{font-size: 14px;color: #5d5d5d}




















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

.morea{width: 146px;height: 40px;box-sizing: border-box;border: 1px solid #fff;}
.morea a{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;font-size: 16px;color: #fff;transition: 0.4s}
.morea a:hover{background: rgba(255,255,255,0.21);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 #2087dc;
    border-radius: 3px;margin-left: 5px;color: #2087dc;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #2087dc;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #2087dc;background: #2087dc;color: #fff}
/**/

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


/*页面上部banner*/
.s-banner{width: 100%;height: 350px;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, #2087dc, #24c8be) ;
    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: #666;font-weight: normal;
    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 #2087dc}


/**********************产品栏目首页********************************************/
.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:#2087dc;color: #fff}
.product li:hover{border: 1px solid #2087dc;}


/**/
.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)}*/
.ncontact li:nth-child(2){background: #ebf3da  url("../Image/ctel.png") top 30px center no-repeat;}
.ncontact li:nth-child(2):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(3){background: #d8eefb url("../Image/add.png") top 30px center no-repeat;}
.ncontact li:nth-child(3):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;background:#2087dc url("../Image/logobg.png") left 6px top 10px no-repeat;background-size: 133px;
    width:160px;position: fixed;top:230px;right: 0px;z-index: 10000000000000;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: #2087dc;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:#2087dc;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/tel3.png") center left 3px no-repeat;background-size: 15px}
#fu .cont p:nth-child(2){background:  url("../Image/tel3.png") center left no-repeat;background-size: 20px}
