/**/
.banner{width: 100%;min-width: 1200px;position: relative}
.banner img{width: 100%;display: block;}

/**/
.menu{position: fixed;height: 100px;background: rgba(0,0,0,0);top: 0;left: 0;z-index: 1000;transition: 0.3s;-webkit-transition:0.2s;}
/*菜单*/
.menu .l{width: 350px;height: 100px;float: left;}
.menu .r{width: 750px;height: 50px;float: right;margin-top: 25px;}
.menu .r li{width: 107px;height: 100%;float: left;height: 55px;}
.menu .r li .son{width: 100%;height: 55px;position: relative}
.menu .r li .son .a{display: block;width: 100%;height: 100%;line-height: 55px;text-align: center;color: #fff;font-size: 16px;
    transition: 0.3s;-webkit-transition: 0.3s;}
.menu .r li .son .xiala{position: absolute;left: 0px;width: 107px;z-index: 10;
    box-sizing: border-box;top: 69px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;transition-timing-function:ease;visibility: hidden;
    box-shadow: 0px 4px 7px #888888;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;
;}
.menu .r li .son .xiala1{opacity: 1;transform: translateY(-14px);visibility: visible}
.menu .r li .son .xiala .s{width: 100%;height: 10px;background: url("../Image/xiala.png") top center no-repeat;}
.menu .r li .son .xiala .line{width: 100%;height: 0;display: none;margin: 0 auto;height: 3px;background:#00309a}
.menu .r li .son .xiala dl{width: 100%;background: #fff;}
.menu .r li .son .xiala dt{width: 100%;margin: 0 auto;height: 40px;border-bottom: 1px solid #eee;
;}
.menu .r li .son .xiala dt a{display: block;width: 100%;height: 100%;line-height: 40px;font-size: 14px;color: #7a7a7a;
    text-align: center;
}
.menu .r li .son .xiala dt a:hover{background: #f3f3f3}

.menu .r li .son .a:hover{color: #00309a;color: #fff}
.menu .r li .son .cz{color: #00309a;background: url("../Image/xl1.png") right 14px top 11px no-repeat;
    background-size: 11px;font-size: 16px;}

.menus{position: fixed;z-index: 20;top: 20px;left: 0;transform: translateY(-20px);-webkit-transform: translateY(-20px)}
/**/
.menu1{background: #fff}
.menu1  .r li .son .a{color: #333}
.menu1  .r li .son .a:hover{color: #333}
.menu1 .l .img1{display: none}
    /**/
.shaw{    box-shadow: 0px 1px 2px #666;
    background: rgba(0,0,0,0.6);}
.shaw1{    box-shadow: 0px 1px 2px #666;
    background: rgba(0,0,0,0.7);}


/*.shaw1{background: #fff}*/
.shaw1  .r li .son .a{color: #fff}
.shaw1  .r li .son .a:hover{color: #fff}
.shaw1 .img1{display: block!important;}
.shaw1 .img{display: none;}
    /**/
.sbanner{height: 320px;margin-top: 100px;}
/*关于我们*/
/**/
.iabout{height: 630px;}
.iabout .l{width: 46%;height: 630px;float: left;transition: 0.5s;-webkit-transition: 0.5s;position: relative;overflow: hidden}
.iabout .l img{transition: 0.5s;-webkit-transition: 0.5s;}
.iabout .r .t1{color: #222;transition: 0.5s;-webkit-transition: 0.5s}
.iabout .r{width: 54%;height: 630px;float: right;position: relative;background:url("../Image/iabr.png") bottom center no-repeat;
    transition: 0.6s;-webkit-transition: 0.6s;transition-timing-function:ease}
.iabout .r .more{width: 70px;height: 70px;position: absolute;bottom: 0;left: 0;-webkit-transition: 0.5s;transition: 0.5s}
.iabout .r .more a{display: block;width: 70px;height: 70px;background: #009ee3 url("../Image/j.png") center no-repeat;}
.iabout .r .son{width: 500px;float: left;margin-left: 100px;}
/*.iabout .r .son*/
.iabout .r .son .p1{color: #666;font-size: 15px;background: url("../Image/d.png") left center no-repeat;text-indent: 30px;display: none}
.iabout:hover .l{transform: translateX(px)}
.iabout:hover .l img{transform: scale(1.01)}
.iabout:hover .r{transform: translateX(-20px);}
/*.iabout:hover .r .more{opacity: 0;}*/
.iabout:hover .r .t1{color: #009ee3}
/*.iabout:hover{background: rgba(0,0,0,0.3)}*/
/*数字*/
.num{height: 350px;background: #f2f2f2;}
.num li{width: 240px;height: 350px;float: left;overflow: hidden}
.num li .p1{color: #545454;font-size: 20px;font-weight: bold;width: 100%;text-align: center;margin-top: 100px;}
.num li .p2{color: #545454;text-align: center;font-style: italic;margin-top: 45px;}
.num li .p3{color: #545454;font-size: 16px;font-weight: lighter;font-style:italic;margin-top: 30px;width: 100%;text-align: center}
/**/
.num li .p2 .d1{color: #545454;font-size: 50px;font-weight: bold;text-align: right;float: left;display: inline;}
.num li .p2 .d2{color: #545454;font-size: 50px;font-weight: bold;text-align: right;float: right;display: inline;}

/*产品*/
.iplist li{width: 380px;float: left;margin-right: 30px;margin-bottom: 40px}
.iplist li:nth-child(3n){margin-right: 0px;}
.iplist li a{display: block;}
.iplist li a .i{width: 380px;height: 200px;overflow: hidden}
.iplist li a .i img{transition: 0.5s;-webkit-transition: 0.5s}
.iplist li a .t{height: 66px;width: 380px;background: #e6ecf0;text-align: center;line-height: 66px;font-size: 22px;color: #2a2a2a;transition: 0.5s;-webkit-transition: 0.5s}
.iplist li a:hover .i img{transform: scale(1.25);-webkit-transform: scale(1.05)}
.iplist li a:hover .t{background: #009ee3;color: #fff}


/*首页新闻*/

/*新闻*/

.inlist li{width: 370px;float: left;margin-right: 45px;box-sizing: border-box;border: 1px solid #eee;transition: 0.5s;-webkit-transition: 0.5s;
padding-bottom: 7px;margin-bottom: 20px;}
.inlist li:nth-child(3n){margin-right: 0}
.inlist li a{display: block}
.inlist li .i{width: 370px;height: 200px;overflow: hidden}
.inlist li .i img{transition: 0.5s;-webkit-transition: 0.5s}
.inlist li .t{width: 100%;color: #121212}
.inlist li p{width: 100%;color: #666565;height: 120px;}
.inlist li .line{width: 50px;height: 1px;background: #ddd;transition: 0.5s;-webkit-transition: 0.5s;}
.inlist li .more{height: 50px;margin-top: 10px;}
.inlist li .more .y{overflow: hidden;width: 30px;height: 30px;float: left;border-radius: 30px;margin-top: 10px;}
.inlist li .more .y .s{width: 60px;height: 30px;transform: translateX(-30px);-webkit-transform: translateX(-30px);transition: 0.5s;-webkit-transition: 0.5s;}
.inlist li .more .y .a{width: 30px;height: 30px;background: #009ee3 url("../Image/jt.png") center no-repeat;float: left;border-radius: 30px;}
.inlist li .more .y .b{width: 30px;height: 30px;background: #bbb url("../Image/jt.png") center no-repeat;float: left;border-radius: 30px;}


.inlist li .more .y1{width: 200px;height: 50px;line-height: 50px;margin-left: 15px;float: left;color: #626262;transition: 0.5s;-webkit-transition: 0.5s;}
.inlist li:hover{border: 1px solid #009ee3}











/*.inlist li a:hover .line{transform: scaleX(6);-webkit-transform: scaleX(6);opacity: 1;background: #009ee3}*/
.inlist li a:hover .t{color: #009ee3}
.inlist li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.inlist li a:hover .more .s{transform:translateX(0px);-webkit-transform:translateX(0px)}
.inlist li a:hover .more .y1{color: #009ee3;}
/*.inews{margin-bottom: 300px}*/

/*留言*/
.inews{margin-bottom: 50px;}
/*.imessage{height: 560px;background: #ebebeb;}*/

/*#iform input{width: 583px;height: 45px;border: 1px solid #ddd;outline: none;margin-right: 28px;float: left;border-radius: 5px;*/
/*text-indent: 10px;font-size: 15px;padding: 0}*/
/*#iform .input2{margin-right: 0}*/
/*#iform textarea{width: 1194px;height:140px;outline: none;border: 1px solid #ddd;margin-top: 20px;font-size: 15px;line-height: 1.6;*/
/*text-indent: 6px;border-radius: 5px;}*/
/*#iform button{outline: none;background: #0b53b4;color: #fff;text-align: center;line-height: 45px;width: 1200px;margin-top: 20px;}*/
/*#iform button:hover{background: #083b7f;cursor: pointer}*/



/*dibu */
.footer{height: 320px;background: url("../Image/fobg.jpg") center no-repeat;background-size: cover}
.footer .l1{width: 300px;height: 320px;background: url("../Image/fl.png") right center no-repeat;overflow: hidden;float: left;}
.footer .l1 p{color: #929191;font-size: 14px;line-height: 2.3}

.footer .l2{width: 210px;height: 320px;margin-left: 100px;float: left;background: url("../Image/fl.png") right center no-repeat;}
.footer .l2 li{line-height: 2}
.footer .l2 a{color: #929191;font-size: 14px;}
.footer .l3{width: 270px;height: 320px;float: left;background: url("../Image/fl.png") right center no-repeat;margin-left: 60px;}
.footer .l3 li{line-height: 2.2;color: #929191;font-size: 14px;}
.footer .l5{width: 100px;float: right;}












    /***/
.beian{height: 48px;background:#252525;line-height: 48px;}
.beian .l{width: 900px;height: 100%;display: flex;justify-content: left;align-items: center;float: left;color: #717171;font-size: 14px;}
.beian .r{height: 100%;width: 300px;float: right;text-align: right}
.beian a{font-size: 14px;color: #717171}


/**/



















/**/
/*.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 #009ee3;
    border-radius: 3px;margin-left: 5px;color: #009ee3;padding: 0px 5px 0px 5px;}
.footpage span{padding: 0px 10px 0px 10px;background: #009ee3;color: #fff;}
.footpage select{display: inline-block;height: 25px;padding: 0px 5px 0px 5px;border-radius: 3px;border:1px solid #009ee3;background: #009ee3;color: #fff}
/**/

/******************************************首页样式结束*******************************/

/*关于我们侧边栏*/
.ablist li{width: 100%;height: 50px;overflow: hidden;margin-top: 5px;}
.ablist li a{display: block;width: 100%;height: 50px;line-height: 50px;background: #eee;text-indent: 15px;transition: 0.5s;-webkit-transition: 0.5s}
.ablist li a:hover{background: rgba(0,158,277,0.3)}
/*页面上部banner*/
.s-banner{width: 100%;height: 350px;background: #fff;position: relative}
/**/
.galist li{width: 286px;margin-right: 21px;float: left;margin-right: 19px;margin-bottom: 20px}
.galist li:nth-child(3n){margin-right: 0}
.galist li a{display: block;}
.galist li a .i{width: 286px;height: 200px;overflow: hidden}
.galist li a .i img{transition: 0.5s;-webkit-transition: 0.5s}
.galist li a .t{height: 40px;width: 286px;background: #eee;text-align: center;line-height: 40px;font-size: 14px;color: #2a2a2a;transition: 0.5s;-webkit-transition: 0.5s}
.galist li a:hover .i img{transform: scale(1.25);-webkit-transform: scale(1.05)}
.galist li a:hover .t{background: #009ee3;color: #fff}
/**侧边栏*/
.maincon{margin-top: 0px;margin-bottom: 50px;overflow: hidden}
.sidebar{width: 280px;float: left;background: #fff;padding-bottom: 30px}
/**侧边栏*/
.maincon{margin-top: 0px;margin-bottom: 50px;overflow: hidden}
.sidebar{width: 250px;float: left;padding-bottom: 30px;box-sizing: border-box;border: 1px solid #ddd;margin-bottom: 20px}
.sidebar .top{width: 100%;height: 40px;background: #ddd;line-height: 40px;background: #009ee3;display: none}
.sidebar .a1{color: #009ee3;font-size: 16px;display: block;line-height: 30px;text-indent: 20px;
    background:  url("../Image/d22.png") left 10px center no-repeat;}
.sidebar .a2{color: green;display: block;line-height: 30px;}
.sidebar .a2 .l2{width: 180px;height: 30px;float: left;text-indent: 35px;}
.sidebar .a2 .l2 a{color: #666;font-size: 14px;}
.sidebar .a2 .l2 a:hover{color: #333}
.sidebar .a2 .r2{width: 40px;height: 35px;float: left;background: url("../Image/zk.png") center no-repeat;
    text-align: center;text-indent: 0;background-size: 16px}
.sidebar .a2 .dk{width: 40px;height: 35px;float: left;background: url("../Image/zk1.png") center no-repeat;
    text-align: center;text-indent: 0;background-size: 16px}
.sidebar .a3{color: blue;display: block;text-indent: 50px;font-size: 14px;color: #666;line-height: 25px;}

/*全局右侧*/
.mainright{width: 900px;float: right;}
.bread{width: 100%;height: 40px;line-height: 40px;text-align: right;color: #666;border-bottom: 1px solid #ddd}


/**********************产品栏目首页********************************************/
/*company*/
.links li{width: 46%;height: 35px;background: #eee;margin-right: 4%;margin-bottom: 10px;text-indent: 10px;line-height: 35px;float: left;
    cursor: pointer;}
.links li:hover{background: #ddd;}
/**/
.product li{width: 281px;height: 300px;float: left;margin-right: 19px;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;
margin-top: 20px;}
.product li:nth-child(3n){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: 281px;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: 281px;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;}
.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.05);}
.product li a:hover .i .one{opacity: 1;}
.product li a:hover .i .two{transform: scale(0.95);}
.product li a:hover .t{background:#009ee3;color: #fff}
.product li:hover{border: 1px solid #009ee3;}

.tiao{width: 100%;height: 42px;background: #fff;}

.tiao .t-l{width: 150px;    height: 42px;    background-color: #0b53b4;float: left;text-align: center;line-height: 42px;}
.tiao .t-r{width: 750px;    height: 42px;    background-color: #eee;float: left;}


/**/
.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:#009ee3}
/**********************产品栏目内页********************************************/
.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: #eee;
    color: #032348;
    font-size: 16px;
    font-weight: bold;}
/**/
/*客户案例*/
.case-n{width: 900px;float: left;float: right}
.case-n li{width: 290px;float: left;margin-right: 15px;margin-bottom: 15px;}
.case-n li:nth-child(3n){margin-right: 0}
.case-n li a{display: block;}
.case-n li a .i{width: 100%;height: 250px;overflow: hidden;box-sizing: border-box;border: 1px solid #bbb}
.case-n li a .i .son{width: 280px;height: 240px;overflow: hidden}
.case-n li a img{transition: 0.5s;-webkit-transition:0.5s}
.case-n li a .t{height: 40px;width: 100%;background: #eee;color: #666;text-align: center;line-height: 40px;font-size: 15px;
    transition: 0.5s;-webkit-transition:0.5s}
.case-n li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.case-n li a:hover .t{background: #065ee4;color: #fff;}


/*******************************新闻中心栏目首页************************************/
.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}
.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/cabout.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: #fff}
.messagen  .l{width: 310px;height: 400px;float: left;margin-left: 20px;background: url("../Image/mbg.png") left 20px center no-repeat;
background-size: 267px;}
.messagen  .l .tijiao{width: 225px;height: 45px;background: #009ee3;}
.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: #1155bf;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: 100;background:#009ee3;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(160px);}

#fu li{width: 100%;height: 35px;margin-bottom: 20px;}

#fu li:nth-child(1) a{background: #ffffff url('../Image/qq.png') left 8px center no-repeat;}
#fu li:nth-child(1) a:hover{color: #009ee3;background: #ffffff url('../Image/qq.png') left 8px center no-repeat;}



#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: #1155bf;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:#009ee3;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}


/*新增关于我们栏目首页*/
.iablist{margin-bottom: 20px;}
.iablist li{width:585px;height: 350px;float: left;margin-right: 30px;margin-bottom: 30px;position: relative;;overflow: hidden;}
/**/
.iablist li:nth-child(1){background:url("../Image/ab1.jpg") center no-repeat;}
.iablist li:nth-child(2){background:url("../Image/ab2.jpg") center no-repeat;}
.iablist li:nth-child(3){background:url("../Image/ab3.jpg") center no-repeat;}
.iablist li:nth-child(4){background:url("../Image/ab4.jpg") center no-repeat;}
/**/

.iablist li:nth-child(2n){margin-right: 0}
.iablist li a{display: block;width: 100%;height: 100%;}
/**/
.iablist li a .son{width: 100%;height:60px;position: absolute;bottom: 0;left: 0;background: rgb(0,0,0,0.7);line-height: 60px;
text-indent: 20px;z-index: 2;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;}
.iablist li a .son1{position: absolute;width: 100%;height: 100%;z-index: 3;background: rgba(0,0,0,0.8);opacity: 0;transition: 0.5s;-webkit-transition: 0.5s}
.iablist li a .son1 .con{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #ccc;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;}

.iablist li a .son2{position: absolute;width: 100%;height: 100%;z-index: 7;opacity: 0;transition: 0.5s;-webkit-transition: 0.5s;transform: translateY(50px);
-webkit-transform: translateY(40px);}

.iablist li a .son2 .con{width: 470px;height: 280px;}

.iablist li a:hover .son{transform: translateY(60px);opacity: 0;-webkit-transform: translateY(60px)}
.iablist li a:hover .son1 .con{transform: scale(0.85);}
.iablist li a:hover .son2{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0)}
.iablist li a:hover .son1{opacity: 1;}

/**/
/*about页面*/
.family li{width: 585px;float: left;}
.family li:nth-child(1){margin-right: 30px;}
.family li .i{width: 100%;height: 293px;}
.family li .t{width: 100%;padding: 10px 0;line-height: 1.6;}
/*财政业绩*/
.caizheng{}
.caizheng .con{width: 600px;margin: 0 auto;}
.caizheng .con li{height: 60px;margin-bottom: 15px;width: 100%;line-height: 60px;text-indent: 20px;font-size: 20px;
text-align: center;background: #eee;border-radius: 20px;}
.eight li{width: 285px;float: left;margin-right: 20px;margin-bottom: 30px;}
.eight li:nth-child(4n){margin-right: 0;}
.eight li .i{width: 285px;height: 150px;}
.eight li .t{width: 285px;height: 45px;background: #eee;text-align: center;line-height: 45px;color: #444;font-size: 15px;}
/*研发*/
.yanfive li{width: 380px;float: left;margin-right: 30px;}
.yanfive li:nth-child(3n){margin-right: 0px;}
.yanfive li .i{width: 100%;height: 190px;overflow: hidden}
.yanfive li .t{padding: 15px 0;line-height: 1.6;background: #eee;font-size: 15px;}

/*产品中心*/
/*产品中心*/
.typelist li{width:120px;height: 40px;float: left;box-sizing: border-box;border-right: 1px solid #fff;}
.typelist li:nth-child(1){width: 80px;height: 40px;}
.typelist li:nth-child(1) a{background: #000;color: #fff}
.typelist li:nth-child(1) a:hover{background: #000;color: #fff}
.typelist li a{display: block;width: 100%;height: 100%;background: #eee;font-size: 14px;text-align: center;line-height: 40px;}
.typelist li a:hover{background: #009ee3;color: #fff}
.typelist li .xz{background: #009ee3;color: #fff}

/**/
.prolist {width: 920px;float: right;}
.prolist li{width: 290px;margin-right: 25px;float: left;margin-bottom: 30px;position: relative;}
.prolist li:nth-child(3n){margin-right: 0px;}
.prolist li a{display: block;width: 290px;
    position: relative;}
.prolist li  .i{width: 290px;height: 210px;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;overflow: hidden;}
.prolist li  .i img{transition: 0.5s;-webkit-transition: 0.5s}
.prolist li  .t{width: 290px;height: 40px;text-align: center;line-height: 40px;background: #eee;color: #666;font-size: 14px;}
.prolist li a .i img{transition: 0.5s;}
.prolist li a:hover .i img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.prolist li a:hover .t{background: #009ee3;color: #fff}



.prolist1 {width: 1200px;float: right;}
.prolist1 li{width: 285px;margin-right: 20px;float: left;margin-bottom: 30px;position: relative;}
.prolist1 li:nth-child(4n){margin-right: 0px;}
.prolist1 li a{display: block;width: 285px;
    position: relative;}
.prolist1 li  .i{width: 285px;height: 210px;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;overflow: hidden;}
.prolist1 li  .i img{transition: 0.5s;-webkit-transition: 0.5s}
.prolist1 li  .t{width: 285px;height: 40px;text-align: center;line-height: 40px;background: #eee;color: #666;font-size: 14px;}
.prolist1 li a .i img{transition: 0.5s;}
.prolist1 li a:hover .i img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.prolist1 li a:hover .t{background: #009ee3;color: #fff}









.remen{height: 66px;background: #fff;box-sizing: border-box;border-bottom: 1px solid #ddd}
.remen  .l{width: 930px;height: 66px;float: left;line-height: 66px;background:  url(../Image/re.png) center left no-repeat;
    text-indent: 1.5em;}
.remen  .l a{display: inline-block;margin-right: 20px;color: #7b7b7b;text-indent: 0;font-size: 14px;}
.remen  .r{width: 270px;height: 66px;float: left;}
.remen  .r form{width: 270px;height: 40px;margin-top: 13px;background: #eee;border-radius: 5px;overflow: hidden}
.remen  .r form input{display: block;height: 38px;;width: 208px;margin:0;padding: 0;outline: none;border: none;
    float: left;text-indent: 0.5em;background: #eee}

.remen  .r form button{width: 60px;height: 38px;background: #eee url("../Image/s.png") center no-repeat;text-align: center;line-height: 32px;float: left;
    outline: none;border: none;font-size: 14px;letter-spacing: 2px;color: #fff;font-weight: bold;}








