@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;min-width: 1200px;position: relative;height:100%;}
textarea{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size: 16px;}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff}
input::-webkit-input-placeholder {color:#727272;font-size:12px;}
.left{display: inline-block;float: left;}
.right{display: inline-block;float: right;}
.center{text-align: center;}
/*分页*/
#page{text-align: center;padding: 50px 0 70px;}
#page li{display: inline-block;width: 48px;height: 43px;box-sizing:border-box;margin-left: 10px;line-height: 41px;vertical-align: middle;border:1px solid #e5e5e5;}
#page .bigpage{width: 110px;}
#page .bigpage1{width: 126px}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;color: #757575}
#page .page_active{background-color: #ee320c;}
#page .page_active a{color: #fff}
#page span{display: inline-block;margin-left: 12px;color: #034372}
/*公用*/
.public{width: 1200px;margin:0 auto;}
.cl{clear: both;display: block;}
.center{text-align: center;}
/*首页*/
.indexTitle{text-align: center;}
.indexTitleLine{margin: 27px auto 0;width: 315px;height: 1px;background-color: #d2d2d2;position: relative;}
.indexTitleLine:before{content: "";position: absolute;width: 57px;height: 3px;background-color: #222;bottom: 0;left: 129px}
.indexTitleEng{font-size: 32px;color: #002561;text-transform: uppercase;font-weight: bold;}
/*栏目+banner*/
.HeadTips{height: 48px;background-color: #002561;line-height: 48px;color: #fff;font-size: 16px}
.HeadTipsR{display: flex;align-items:center;justify-content:flex-end;}
.HeadTips span,.HeadTips img{vertical-align: middle;}
.HeadTipsR img{margin: 0 10px}
.HeadTips .public{display: flex;align-items:flex-end;justify-content:space-between;}
.lanmu .public{display: flex;align-items:center;justify-content:space-between;}
.lanmu .logo{height:100px;display: flex;align-items:center;width: 195px;}
.lanmu .logo img{width: 100%}
.lanmu .lanmuList{height: 100px;display: flex;align-items:center;justify-content:space-around;width:700px;padding: 0 15px}
.lanmu .lanmuList .lanmuListF{text-align: center;position: relative;height: 100px;line-height: 100px;width: 140px}
.lanmu .lanmuList .lanmuListF>a{font-size: 18px;color: #222;height: 100%;display: block;width: 100%;position: relative; }
.lanmu .lanmuList .lanmuListF.on>a{position: relative;}
.lanmu .lanmuList .lanmuListF.on  .lanmuListFEngc{color: #fed083}
.lanmu .lanmuList .ctype{position: absolute;top:94px;width:200px;left:-30px;z-index: 99;background-color: rgba(255,255,255,.8); opacity: 0; visibility: hidden; transition:all .1s ease-out 0s; transform:translate3d(0,10px,0); -moz-transform:translate3d(0,10px,0); -webkit-transform:translate3d(0,10px,0);border-bottom:6px solid #002561;padding: 15px 0 10px}
.lanmu .lanmuList .ctype:before{content: "";position: absolute;width: 100%;height: 14px;background: url(../images/bg1.png) no-repeat;background-size: 100%;background-position: top;left: 0;top: -7px}
.ctype li{border: none;height: 35px;text-align: center;line-height:35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ctype li a{font-size: 14px;color: #222;display: block;width: 100%;height: 100%}
.ctype li:hover a{color: #ef320d;}
.lanmuListF:hover .ctype{opacity:1; visibility:visible; transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.seachBox{width: 275px;box-sizing:border-box;border:1px solid #d2d2d2;height: 45px;border-radius: 45px;overflow: hidden;position: relative;}
.ss_bd{width: 100%;box-sizing:border-box;padding: 0 50px 0 20px;height: 45px;border:none;outline: none;font-size: 16px;color: #222}
.ss_bd::-webkit-input-placeholder{color: #898989;font-size: 16px}
.ss_btn{position: absolute;width: 40px;height: 40px;border-radius: 40px;top: 1.5px;right: 1.5px;border:none;background: url(../images/icon2.png) no-repeat;background-position: center;background-color: #002561;outline: none;}
#banner{position: relative;}
#banner img{width: 100%}
#banner .swiper-slide{background-size:100%; }
#banner>.swiper-pagination-bullets{bottom: 40px}
#banner .swiper-pagination-bullet{height: 6px;width: 55px;background-color: rgba(3,4,9,.59);opacity: 1;border-radius:0;margin: 0 15px}
#banner .swiper-pagination-bullet-active{background-color: #ef320d}
#banner .swiper-button-prev{width: 50px;height: 90px;background-color: rgba(0,0,0,.5);left: 0;border-bottom-right-radius: 15px;border-top-right-radius: 15px;background-size: 35%;padding: 0}
#banner .swiper-button-next{width: 50px;height: 90px;background-color: rgba(0,0,0,.5);right: 0;border-bottom-left-radius: 15px;border-top-left-radius: 15px;background-size: 35%;padding: 0}
/*首页*/
.section1{padding: 65px 0}
.section1ListBox{width: 100%;overflow:hidden; position:relative;margin-top: 55px}
.section1List{overflow:hidden; zoom:1;width: 100%}
.section1List li{width: 385px;position: relative;overflow: hidden;float:left; _display:inline; margin-right: 22.5px}
.section1List li .section1Pic{width: 100%;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
.section1Title{position: absolute;width: 260px;height: 60px;background-color: rgba(0,37,97,.86);bottom: 110px;right: 0;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;text-align: center;line-height: 60px;color: #fff;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.section1Box{position: absolute;bottom: 0;left:  -100%;width: 100%;background-color: rgba(0,37,97,.86);transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;box-sizing:border-box;padding: 20px}
.section1Box h2{display: flex;align-items:center;justify-content:space-between;font-size: 16px;color: #fff;font-weight: bold;}
.section1JJ{font-size: 14px;color: #fff;line-height: 28px;margin-top: 25px}
.section1List li:hover .section1Pic{transform: scale(1.2) rotate(2deg);}
.section1List li:hover .section1Title{right: -260px}
.section1List li:hover .section1Box{left:0}
.section1ListBox .hd {display: flex;justify-content:center;margin-top: 45px}
.section1ListBox .hd .prev,.section1ListBox .hd .next{ display:block;  width:95px; height:45px;overflow:hidden;cursor:pointer;border:1px solid #222;text-align: center;;line-height: 45px;color: #222;font-size: 20px}
.section1ListBox .hd .prev{background-color: #002561;border:1px solid #002561;margin-right: 50px ;color: #fff}
.secrion2{background: url(../images/bg3.jpg) no-repeat;background-size: cover;background-position: center;padding: 75px 0 95px;}
.section2Box{background-color: #fff;padding: 30px 30px 0;margin-top: 60px;width: 1200px;margin-left: -30px}
.section2Top{display: flex;align-items:center;justify-content:space-between;}
.section2Type li{float: left;width: 155px;height: 40px;box-sizing:border-box;border:1px solid #d2d2d2;margin-right: 20px}
.section2Type li a{color: #222;font-size: 14px;display: block;width: 100%;height: 100%;line-height: 40px;text-align: center;text-transform:capitalize;}
.section2Type li:first-child a{background-color: #002561;color: #fff}
.section2More{display: inline-block;color: #222;font-size: 14px;border:1px solid #222;width: 155px;height: 45px;text-align: center;line-height: 45px;position: relative;}
.section2More:before{content: "";position: absolute;width: 90px;height: 1px;background-color: #222;top: 22px;left: -80px;}
.section2ListBox .hd {display: flex;justify-content:center;margin-top: 45px}
.section2ListBox{width: 100%;position:relative;margin-top:45px}
.section2List{overflow:hidden; zoom:1;width: 100%;overflow:hidden; }
.section2List li{width: 385px;position: relative;overflow: hidden;float:left; _display:inline; margin-right: 22.5px}
.section2Pic{overflow: hidden;}
.section2Pic img{width: 100%;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
.section2Title{height: 80px;line-height: 80px;font-size: 18px;color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.section2JJ{font-size: 14px;color: #222;line-height: 28px;border-bottom: 1px solid #d2d2d2;padding-bottom: 25px;position: relative;}
.section2JJ:after{content: "";position: absolute;width: 0;height: 1px;background-color:#002561;bottom:-1px;left: 0;transition:all 0.8s; -webkit-transition:all 0.8s;}
.section2Date{height: 60px;line-height: 60px;display: flex;align-items:center;justify-content:space-between;font-size: 20px;color: #222}
.section2Date span:last-child{display: none;}
.section2ListBox .hd {position: absolute;bottom: -50px;left: 0;width: 100%}
.section2ListBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.section2ListBox .hd ul li{ float:left;  width:15px; height:15px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background-color: #d2d2d2;box-sizing:border-box;border-radius: 15px}
.section2ListBox .hd ul li.on{background-color: transparent; border:2px solid #ef3a17;}
.section2List li:hover .section2Pic img{transform: scale(1.2) rotate(2deg);}
.section2List li:hover .section2Title{color: #002561}
.section2List li:hover .section2JJ:after{width: 100%}
.section2List li:hover .section2Date{color: #002561}
.section2List li:hover .section2Date span:last-child{display: block;}
.section3{padding: 90px 0 75px}
.section3Top{display: flex;align-items:flex-end;justify-content:space-between;margin-top: 50px}
.section3TopL{width: 600px}
.section3TopLText{font-size: 14px;color: #222;line-height: 28px;}
.section3More{text-align: right;margin-top: 20px}
.section3More a{display: inline-block;width: 120px;height: 35px;border:1px solid #ef320d;text-align: center;line-height: 35px;color: #ef320d;font-size: 14px;}
.section3TopR{width: 550px;}
.section3TopRC{width: 525px;border:1px solid #002561;margin-top: 40px;padding-bottom: 20px;box-sizing:border-box;padding-left: 20px}
.section3TopRC img{margin-top: -20px;}
.section3Bot{background: url(../images/bg4.png) no-repeat;background-position: top center;padding-top: 90px}
.section3BotTitle{text-align: center;font-size: 36px;color: #222;font-weight: bold;text-transform: uppercase;}
.section3BotTitle label{color: #002561}
.section3List{display: flex;align-items:center;justify-content:space-around;margin-top: 50px}
.section3ListPic{width: 140px;height: 140px;border-radius: 140px;border:1px solid #002561;margin: 0 auto 10px;transition:transform 2s;}
.section3List li p{font-size: 16px;color: #002561;text-align: center;margin-top: 15px}
.section3List li:hover .section3ListPic{transform: rotateY(180deg);-ms-transform:rotateY(180deg);  /* IE 9 */-moz-transform:rotateY(180deg);   /* Firefox */-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */-o-transform:rotateY(180deg); }
/*底部*/
.copyright{height: 55px;background-color: #ebebeb;text-align: center;line-height: 55px;}
.copyright *{font-size: 14px;color: #222}
.footContact{position: relative;}
.footCon{display: flex;align-items:center;justify-content:center;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.footContact>img{width: 100%}
.footBox {padding: 60px 0}
.footBox .public{display: flex;align-items:center;justify-content:space-between;}
.footBoxL{width: 340px;}
.footBoxL *{max-width: 100%;color: #222;font-size: 16px}
.footBoxR{width: 815px;}
.gbookinput{width: 100%;display: flex;justify-content:space-between;margin-bottom: 40px}
.gbookinput input{width: 255px;border:none;border-bottom: 1px solid #e5e5e5;height: 60px;outline: none;font-size: 16px;color: #222}
.gbookinput input::-webkit-input-placeholder,.gbooktextarea textarea::-webkit-input-placeholder{font-size: 14px;color: #666;}
.gbooktextarea{height: 115px;border:none;border-bottom: 1px solid #e5e5e5;outline: none;font-size: 16px;color: #222}
.gbooktextarea textarea{width: 100%;height: 100%;border:none;outline: none;resize:none;font-size: 16px;color: #222}
.gbookSub{margin-top: 70px;text-align: center;}
.gbookSub input{width: 100px;height: 35px;border:none;background-color: #ef320d;font-size: 14px;color: #fff;outline: none;}
.gbookSub input:first-child{background-color: #002561;margin-right: 20px}
/*二级*/
.nono{height: 500px;line-height: 300px;text-align: center;color: #808080;font-size: 18px;}
.bannerBox{position: relative;}
.navgation{position: absolute;width: 1200px;left: calc((100% - 1200px) / 2);bottom: 0;background-color: #fff;display: flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #c6c6c6;box-shadow: 0 0 2px #c6c6c6;z-index: 3;min-height: 60px}
.ejtype{width: 775px;display: flex;flex-wrap:wrap;justify-content:flex-start;padding:0 25px 0 0;box-sizing:border-box; }
.ejtype li{height: 60px;line-height: 60px;margin-left: 25px;box-sizing:border-box;position: relative;}
.ejtype li:after{content: "";position: absolute;width: 0;height: 5px;background-color: #ee3611;bottom: 0;left: 0;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.ejtype li a{color: #222;font-size: 18px}
.ejtype li:hover:after{width: 100%}
.ejtype li.active{border-bottom: 5px solid #ee3611}
.ejtype li.active:hover:after{width: 0}
.navTitle{width: 400px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;margin-right: 25px}
.navTitle img{margin-right: 10px}
.navTitle span,.navTitle a{font-size: 16px;color: #727272;margin-left: 5px}
.navTitle span,.navTitle a,.navTitle img{vertical-align: middle;}
.container{margin-top: 40px;}
.proList{display: flex;flex-wrap:wrap;}
.proList li{width: 385px;margin-bottom: 45px}
.proList li:nth-child(3n-1){margin-left: 22.5px;margin-right: 22.5px}
.proListPic{width: 100%;overflow: hidden;}
.proListPic img{width: 100%;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
.proList li p{font-size: 16px;color: #222;margin-top: 25px;text-align: center;}
.proList li:hover .proListPic img{transform: scale(1.2) rotate(2deg)}
.proList li:hover p{color: #002561}
.proshowBox{display: flex;align-items:flex-start;justify-content:space-between;padding-bottom: 100px}
.proshowList{background-color: #f2f2f2;width: 265px}
.proshowList li{height: 70px;text-align: center;line-height: 70px;padding: 0 15px;box-sizing:border-box;border-bottom: 1px solid #fff;position: relative;}
.proshowList li:after{content: "";position: absolute;width: 100%;height: 1px;background-color: #fff;bottom: 0;left: 0}
.proshowList li a{display: block;width: 100%;height: 100%;font-size: 14px;color: #222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.proshowList li.proshowType{background-color: #002561}
.proshowList li.proshowType a{color: #fff;font-size: 18px;}
.proshowList li.active a{color: #ee320c}
.proshowList li:hover a{color: #ee320c}
.proshowList li.proshowType:hover a{color: #fff}
.proshowCon{width: 880px;}
.proshowCon *{max-width: 100%}
.newslist {padding: 0 25px}
.newslist li{display: flex;margin-bottom: 50px;color: #222;align-items:center;justify-content:space-between;position: relative;}
.newslist li:after{content: "";position: absolute;width: 1px;height: 100%;background-color: #e5e5e5;right: 175px;top: 0}
.newslist li .newslistPic{width: 240px;overflow: hidden;}
.newslist li .newslistPic img{width: 100%;transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
.newslist li .newslistText{width: 650px;}
.newslist li .newslistText p{font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li .newslistText div{font-size: 14px;line-height: 25px;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslistDate{width: 175px;text-align: center;font-size: 32px;color: #888}
.newslistDate p{font-size: 32px}
.newslistDate p:first-child{font-size: 28px;color: #222;margin-bottom: 5px}
.newslist li:hover .newslistPic img{transform: scale(1.2) rotate(2deg)}
.newslist li:hover .newslistText p{color: #002561}
.newslist li:hover .newslistDate p:first-child{color: #002561}
.newShow{padding-bottom: 200px}
.newShowTitle{color: #002561;font-size: 24px;text-align: center;}
.newShowDate{text-align: center;font-size: 14px;color: #757575;padding: 20px 0 40px;border-bottom: 1px solid #e5e5e5}
.newShowCon{padding: 40px 0 90px}
.newShowCon *{max-width: 100%}
.ejpage{display: flex;align-items:center;justify-content:space-between;}
.ejpage a{font-size: 14px;color: #222;width: 325px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.showContent *{max-width: 100%;}
.showContent {padding-bottom: 120px}

.proshowConbot table{border-collapse: collapse; border-spacing:0;}