/*分页*/
#page{height:42px;text-align: center;padding: 45px 0 30px}
#page li{display: inline-block;width: 35px;height: 30px;box-sizing:border-box;border:1px solid #f0f0f0;margin-left: 12px;line-height: 30px;vertical-align: middle;}
#page .bigpage{width: 90px;}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;color: #666}
#page .onpage,#page .pagenum{border: none;color: #999}
#page .onpage a,#page .pagenum a{color: #999}
#page li i{color: #e2e2e2}
#page .page_active{border:1px solid #003d97;background-color: #003d97;color: #fff}
#page .page_active a{color:#fff;}
.nav{position: relative;}
#banner{width: 100%;position: relative;}
.bannerPic img{width: 100%;}
.bannerText{position: absolute;top:80px;width: 1200px;left: calc( ( 100% - 1200px ) / 2)}
.bannerText p{font-size: 18px;color: #454545;margin-bottom: 20px;animation-duration:1s;  animation-delay:.3s;}
.bannerText p:first-child{font-size: 30px;color: #1b1b1b;animation-duration:1s;  animation-delay:.5s;}
.ejNav{width: 100%;height: 50px;background-color: #003d97;overflow:hidden }
.ejNav .public{font-size: 0}
.ejNav .animated{animation-duration:1s;  animation-delay:0.8s;}
.ejNavL,.ejNavR{display: inline-block;width:600px;vertical-align: middle;font-size: 14px;}
.ejNavL li{float: left;width: 160px;text-align: center;font-size: 16px;moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.ejNavL li a{display: block;width: 100%;height: 100%;line-height: 50px;color: #fff}
.ejNavL li:hover{background-color: #63b630;}
.ejNavR{text-align: right;}
.ejNavR a,.ejNavR span,.ejNavR img{color: #fff;vertical-align: middle;}
.ejNavR a{display: inline-block;margin-left: 10px;margin-right: 7px;}
.container{padding-top: 50px;overflow:hidden;min-height: 400px}
.container2{padding-top: 50px;background: url(../images/conbg.jpg) repeat;background-size: 100%;min-height: 400px}
.ejtitle{color: #262626;font-size: 30px;padding: 0 20px;border-left: 4px solid #003d97;margin-bottom: 30px;}
.zwnone{animation-duration:1.8s;  animation-delay:1.5s;}
.boxL,.boxR{float: left;animation-duration:1.8s;  animation-delay:.8s;}
.boxL{width: 255px;}
.boxLtitle{height:60px;background-color:#003d97;text-align: center;line-height: 60px;font-size: 20px;color: #fff;margin-bottom: 20px;}
.boxLtitle span,.boxLtitle img{vertical-align: middle;}
.boxLtitle img{margin-right: 25px}
.ejType li{height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #474747;margin-bottom: 20px;position: relative;padding-left: 45px;}
.ejType li a{color: #111;display: block;width: 100%;height: 100%;moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.ejType li a i{display: inline-block;margin-right: 25px;}
.ejTypeBg{position: absolute;width: 0;height: 100%;top: 0;left: 50%;background-color: #63b630;z-index: -1;moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.ejType li:hover .ejTypeBg{width: 100%;left: 0}
.ejType li:hover a{color: #fff}
.ejcontact{margin-top: 15px;}
.ejcontactTitle{font-size: 24px;color: #333;font-weight: bold;height: 50px;line-height: 50px;text-align: center;border-bottom: 3px solid #013c8e}
.ejcontactCon{padding: 15px 0}
.boxR{width: 895px;margin-left: 50px;min-height: 615px;margin-bottom: 40px;overflow: hidden;}
/*案例*/
.prolist li{float: left;width: 290px;height:290px;overflow:hidden;position: relative;margin-bottom: 24px;overflow: hidden;moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.prolist li:nth-child(3n-1){margin-left: 12.5px;margin-right: 12.5px;position: relative;}
.prolist li img{width: 100%}
.prolist li .prolistname{position: absolute;bottom: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;z-index: 3}
.prolist li .prolistnameBg1{position: absolute;background-color: rgba(0,61,151,.9);width: 100%;height: 35px;bottom: 0;left: 0;z-index: 2;moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.prolist li .prolistnameBg2{position: absolute;background-color: rgba(99,182,48,.9);width: 100%;height: 35px;bottom: -35px;left: 0;z-index: 2;moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.prolist li:hover{box-shadow: 5px 5px 5px #888888;}
.prolist li:hover .prolistnameBg1{bottom:-35px;}
.prolist li:hover .prolistnameBg2{bottom:0px;}
/*案例详情*/
.proshow{padding: 0 35px 70px}
.proshow .proshowTitle{font-size: 24px;color: #1e1e1e;text-align: center;padding: 40px 0 20px;}
.proshow .proshowDate{font-size: 16px;color: #7a7a7a;text-align: center;}
.proshow .proshowPic{margin: 40px auto 30px;text-align: center;}
.proshow .proshowTag{border-bottom: 1px solid #dbdbdb;font-size: 16px;color: #000;padding: 15px 0}
.proshow .proshowCon{padding: 35px 0;}
/*产品*/
.prolist1 li{float: left;width: 280px;border:1px solid #ddd;margin-bottom: 24.5px;}
.prolist1 li .prolistpic{background-color: linear-gradient(to bottom, #fbfbfb, #fff);overflow: hidden;}
.prolist1 li .prolistpic img{width: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.prolist1 li:nth-child(3n-1){margin-left: 24.5px;margin-right: 24.5px;}
.prolist1 li:hover .prolistpic img{transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
.prolist1 li .prolisttext{border-top: 1px solid #ddd;padding: 20px 10px 25px;}
.prolist1 li .prolisttext p{color: #595959;font-size: 14px}
.prolist1 li .prolisttext p:first-child{color: #262626;font-size: 18px;}
.prolist1 li .prolisttext p:nth-child(2){font-size: 16px;margin: 15px 0}
.prolist1 li .prolisttext p:nth-child(3){line-height: 20px;}
.prolist1 li .prolisttext a{display: block;margin-top: 10px;width: 105px;height: 40px;background-color: #003d97;text-align: center;line-height: 40px;color: #fff;font-size: 14px;border-radius: 40px;moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;box-sizing:border-box;}
.prolist1 li .prolisttext a:hover{background-color: transparent;border:1px solid #003d97;color: #003d97}
/*新闻列表*/
.newlist li{width: 1120px;margin: 0 auto;padding: 35px 0;border-top: 1px solid #e5e5e5;position: relative;moz-transition: background-color,padding 1s ease;-webkit-transition: background-color,padding 1s ease;-o-transition: background-color,padding 1s ease;transition: background-color,padding 1s ease;animation-duration:2s;  animation-delay:1s;}
.newlist li:first-child{border-top:none;}
.newlist li a{display: block;width: 100%;height: 100%;font-size: 0;}
.newlistPic,.newlistCon{display: inline-block;vertical-align: middle;font-size: 14px;}
.newlistPic{width: 225px;}
.newlistPic img{width: 100%}
.newlistCon{width: 870px;padding-left: 25px;}
.newlistTitle span{font-size: 18px;color: #333}
.newlistTitle label{float: right;font-size: 18px;color: #878787}
.newlistJianjie{font-size: 14px;color: #878787;margin-top: 20px;line-height: 25px;}
.newlist li:hover{background-color: #fff;padding: 35px;border: none}
.newlist li:hover +li{border: none;}
.newlist li:hover .newlistTitle span{color: #003d97}
/*新闻详情*/
.newShow{padding-bottom: 40px;animation-duration:1.8s;  animation-delay:1.5s;}
.newshowTitle{color: #1e1e1e;font-size: 24px;text-align: center;padding: 20px 0 30px;}
.newshowDate{text-align: center;font-size: 16px;color: #7a7a7a}
.newshowDate span{display: inline-block;margin-right: 20px}
.newshowCon{padding: 30px 0 50px}
/*上下页*/
.ejpages{position: relative;}
.ejpages .pages{margin-top: 15px;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ejpages .pages span{font-size: 14px;color: #474747;vertical-align: middle;}
.ejpages .pages a{font-size: 14px;color: #7a7a7a;vertical-align: middle;}
.goback{position: absolute;display: block;width: 130px;height: 40px;background-color: #003d97;font-size: 16px;color: #fff;text-align: center;line-height: 40px;border-radius: 40px;right: 0;top:10px;}
/*底部*/
.ejgbook{background-color: #fafafa;padding: 40px 0}
.ejgbook span{font-size: 16px;color: #262626;display: inline-block;width: 67px;height: 35px;text-align: center;line-height: 35px;}
.ejgbook .input1{box-sizing:border-box;width: 150px;height: 35px;border:1px solid #d9d9d9;padding: 0 10px;color: #262626;font-size: 16px;outline: none;}
.ejgbook .input2{box-sizing:border-box;width: 300px;height: 35px;border:1px solid #d9d9d9;padding: 0 10px;color: #262626;font-size: 16px;outline: none;}
.ejgbook .submit{width: 125px;height: 35px;background-color: #63b630;border:none;color: #fff;font-size: 14px;text-align: center;line-height: 35px;margin-left: 15px;outline: none;}
.ejbanquan{background-color: #000;width: 100%;color: #fff;font-size: 14px;text-align: center;padding: 15px 0;}
/*单页*/
.aboutcon{padding:10px 0 35px}
.contactUs{padding-top: 20px;padding-bottom: 60px;}
.contactPic,.contactCon{float: left;height: 255px;}
.contactPic{width: 585px;overflow: hidden;}
.contactPic img{width: 100%;height: 100%}
.contactCon{width: 615px;box-sizing:border-box;border:2px solid #ededed;border-left: none;padding: 15px 50px;position: relative;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.contactUs .arrow{ position:absolute; right:50px; bottom:15px; }
.contactUs .arrow a{ display:block;  width:28px; height:28px; float:right; margin-left:9px; overflow:hidden;border:2px solid #acacac;border-radius: 29px;box-sizing:border-box;text-align: center;line-height: 20px;font-size: 20px;color: #acacac}
.contactUs .hd{border-top:1px solid #d5d5d5;margin-top: 55px;padding-top: 40px;}
.contactUs .hd li{float: left;width: 179px;height: 60px;background-color: #003d97;margin-left: 25px;font-size: 24px;color: #fff;text-align: center;line-height: 60px;position: relative;}
.contactUs .hd li:first-child{margin-left: 0}
.contactUs .hd li .sj{position: absolute;top: -38px;width: 20px;height: 15px;left:79px;color: #003d97;font-size: 20px}
.contactUs .hd li:before{content: "";position:absolute;width: 11px;height: 11px;border-radius: 11px;background-color: #003d97;top:-45px;left: 84.5px;}
.contactUs .hd .on{background-color: #62b630}
.contactUs .hd .on .sj{color: #62b630}
.contactUs .hd .on:before{background-color: #62b630}