锘緻charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/


.header{ width:100%; min-width: 320px; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); position:fixed; left:0; top:0;  z-index:100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:center; box-sizing: border-box; /*padding:0 2.5%;*/}
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:center; }
.logo{ display:block; width:200px; flex-shrink: 0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;  padding-top: 20px; padding-bottom: 20px; flex-shrink: 0;}
.logo img{ width:100%;}
.navlist{ height: 54px; width:100%;}
.navlist > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.navlist > ul > li{ height: 54px;position:relative;}
.navlist > ul > li > a{ display: block; height: 54px; line-height: 54px;/* padding:0 24px;*/ font-size: 16px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: relative; padding:0 30px;}
/*.navlist > ul > li.active > a,.navlist > ul > li:hover > a{ background-color: #7dc2c9; color: #FFF !important }*/
.navlist ul li a::after{ content:' '; width: 1px; height: 16px; background-color: #999; position: absolute; right:0; top:50%; margin-top:-8px; }
.navlist ul li:nth-last-of-type(1) a::after{ display: none; }
.navlist ul li a:hover,.navlist ul li a.active{ color: #01479d; }
.navlist ul li a:hover::after,.navlist ul li a.active::after{ background-color: #01479d; }

.navlist > ul > li > p{width: 100%;height: auto;position: absolute;left: 10%;margin-left:0px;top: 54px;padding-top: 23px;box-sizing: border-box;background-color: #FFF;display: none;}
.navlist > ul > li > p > a{ width: 100%; height: 30px; line-height: 30px; display: block; font-size: 14px; text-align: left; box-sizing: border-box; padding-left:20px; padding-right:10px; position: relative;}
.navlist > ul > li > p > a::after{ content: ' '; width:0px; height: 0px; border-radius: 50%; background-color: #999; position: absolute; left:10px; top:50%; margin-top: -2px; }
.navlist > ul > li > p > a:hover{ color: #fff !important; background-color: #01479d }
.navlist > ul > li:hover > p{ display: none; }

.search{ width: 54px; height: 54px; position: relative; z-index: 200; }
.search h3{ width: 54px; height: 54px; background-image: url(../images/icon-search.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; flex-shrink: 0}
.search .searchForm{ width:760px; height: 54px; position: absolute; right:0; top:0; z-index: 230; background-color: #FFF;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; display: none;  flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.sechForm-input{ width: 100%; box-sizing: border-box; height: 54px; float: left; position: relative; background-image: url(../images/icon-search.png); background-position: left center; background-repeat: no-repeat; padding-left:54px; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.sechForm-input input{ width: 100%; height: 24px; line-height: 24px; border:0; font-size: 16px; background-color: #FFF;}
.sechForm-input::after{ content: ' '; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; left: 0; bottom:0; }
.sechForm-btn{ width: 54px; height: 54px; background-image: url(../images/icon-close.png); background-repeat: no-repeat; background-position: center center; flex-shrink: 0; background-size: 100% 100%; }
.headChat{ width: auto; display: inline-block; height: auto; box-sizing: border-box; padding:10px 0 10px 0; position: relative; margin-left:2%; z-index: 200; cursor: pointer;display:none;}
.headChat > h3{ width:30px; height: 24px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-image: url(../images/emp-38.png); background-size: 100% 100%;}
.headChat > .headChatCode{ width: 110px; height: 110px; position: absolute; right:0; top:44px; box-shadow: 0 0 6px rgba(0,0,0,0.04); display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; z-index:510;}
.headChat > .headChatCode > img{ width: 100%; }
.headChat.active > h3{ background-image: url(../images/emp-39.png); }
.headChat.active > .headChatCode{ display: block; }
/*.search:hover .searchForm{ display: block; }*/
.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #999; }
.menu > h3 > i{ font-size:20px;}

.header-blank{ background-color:transparent; height:100px;}


/*婊氬姩鍚庡鑸?/
.scrolltop{ background-color:rgba(255,255,255,0.96); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*涓讳綋*/
.main{   height:auto; }
/*搴曢儴*/

.foot-blank{ height:auto; width:100%; }
.fuwu{ width: 100%; height: 190px; background-image: url(../images/emp-12.png); background-position: center center; background-repeat: no-repeat;  }
.fuwu .containerCol{ padding-top:2%; padding-bottom:2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.contact{ width: 405px; height: 144px; flex-shrink: 0; }
.contact p{ width: 375px; height: 36px; line-height: 36px; padding-left: 30px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-position: left center; }
.contact p.contact-phone{background-image: url(../images/emp-13.png);}
.contact p.contact-email{background-image: url(../images/emp-14.png);}
.contact p.contact-addr{background-image: url(../images/emp-15.png);}
.fwNav{ display: inline-block;/* height: 36px;*/ width:100%;}
.fwNav ul{ width:100%; height: 36px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}
.fwNav ul li{ display: inline-block; height: 36px; line-height: 36px; font-size: 16px; margin-left:30px; font-size: 16px;}
.fwNav ul li a{ color: rgba(255,255,255,0.8) !important;  }

.chat{ width: 112px; height: 36px; position: relative; flex-shrink: 0; margin-left:30px;}
.chat h3{ width: 82px; height: 36px; line-height: 36px; padding-left:30px; font-weight: normal; font-size: 16px; color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-position: left center; background-image: url(../images/emp-16.png);text-align: center;}
.chat p{ width: 112px; height: 112px; position: absolute; right:0; top:36px; overflow: hidden; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.chat p img{ width: 112px; height: 112px; }
.chat:hover p{ display: block; }

.mFooter{ background-color: #1d2a55; }
.mFooter > .c-con{ box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.mOther{ width: 100%; box-sizing: border-box; padding:8% 8% 4% 8%; display: none; }
.mOther > .mOtherChat{ width: 100%; }
.mOther > .mOtherChat > p{ width: 40%; margin:0 auto; overflow: hidden; }
.mOther > .mOtherChat > p > img{ width: 100%; }
.mOther > .mOtherChat > h3{ width: 100%; font-weight: normal; font-size: 18px; color: rgba(255,255,255,0.6); text-align: center; line-height: 3; }
.mOther > .mOtherPhone{ width:100%; box-sizing: border-box; padding:0 6%; }
.mOther > .mOtherPhone > img{ width: 100%; }

.mCopyright{width:100%; color: rgba(255,255,255,0.6); font-size: 14px; height: 96px; line-height: 32px; text-align: left;}
.mTools{ display: inline-block; flex-shrink: 0; margin-left: 3%; }
.mTools > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items: center; line-height: 32px; }
.mTools > ul > li{ font-size: 14px; margin-left:30px; }
.mTools > ul > li > a{ color: rgba(255,255,255,0.6) !important; }
.mTools > ul > li > a > .iconfont{ font-size: 16px; }
.mTools > ul > li > a.mfToolChat{ display: inline-block; position: relative; z-index: 300; }
.mTools > ul > li > a.mfToolChat > p{ width: 110px; overflow: hidden; position: absolute; right:0; top:-120px; z-index: 320; display: none;animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.mTools > ul > li > a.mfToolChat > p > img{ width: 100%; }
.mTools > ul > li > a.mfToolChat:hover > p{ display: block; }


.footer{ width: 100%; min-width: 320px; background-color: #333; }
.footer .containerCol{ padding-top: 2%; padding-bottom: 2%; }
.copyright{ width: 100%; height: auto; line-height: 24px; text-align: center; color: rgba(255,255,255,0.8) !important; font-size: 14px;}
/*棣栭〉*/
/*鐒︾偣鍥?/



.flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:100px; height:4px; border-radius:0%; box-sizing:border-box; background-color: rgba(255,255,255,0.5); border:0px solid #FFF; }
.swiper1 .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1);}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%;}
.swiper1 .swiper-slide > a > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display: none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }
.swiper1 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper1 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}
/******/
.business{ width: 100%; min-width: 320px; position: relative;}
.business > .businessBg{ width: 100%; overflow: hidden; }
.business > .businessBg > img{ width: 100% }
.business > .businessMain{ height: 100%; width: 1240px; position: absolute; left:50%; top:0; margin-left:-620px; /*background-color: rgba(0,0,0,0.2);*/ box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center;}
.business > .businessMain .epHeader > h3{ color: #FFF; }
.business > .businessMain .epHeader > a{border:1px solid #FFF; color: #FFF;}
.business > .businessMain .epHeader > a:hover{border:1px solid #FFF; color: #1d2a55 !important;}
.busiList{ width: 100%; height: auto; padding-bottom: 5%; box-sizing: border-box; }
.busiList > ul > li{ width: 31%; float: left; margin-right: 3.5%; }
.busiList > ul > li:nth-of-type(3n){ margin-right: 0 }
.busiList > ul > li > a{ display: block; width: 100%; height: 0; padding-top: 100%;  position: relative; }
.busiList > ul > li > a > .busiItem{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); position: absolute; left:0; top:0; box-sizing: border-box; padding:6%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.busiList > ul > li > a > .busiItem > div{ width: 100%; height: 100%; box-sizing: border-box; border:1px solid transparent; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center; padding:5%; background-color: transparent;color: #1d2a55 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.busiList > ul > li > a > .busiItem > div > p{ width: 35%; overflow: hidden; }
.busiList > ul > li > a > .busiItem > div > p > img{ width: 100%; }
.busiList > ul > li > a > .busiItem > div > p > img:nth-of-type(1){ display: block; }
.busiList > ul > li > a > .busiItem > div > p > img:nth-of-type(2){ display: none; }
.busiList > ul > li > a > .busiItem > div > h3{ font-weight: normal; font-size: 26px; line-height: 3; position: relative; }
.busiList > ul > li > a > .busiItem > div > h3::after{ content: ' '; width: 40px; height: 1px; background-color: #1d2a55; position: absolute; left:50%; bottom:0; margin-left:-20px; }
.busiList > ul > li > a > .busiItem > div > h4{ font-size: 14px; font-weight: normal; }

.busiList > ul > li > a:hover > .busiItem{  background-color: #1d2a55;  }
.busiList > ul > li > a:hover > .busiItem > div{ border:1px solid #d5ad73; color: #FFF !important;}
.busiList > ul > li > a:hover > .busiItem > div > p > img:nth-of-type(1){ display: none; }
.busiList > ul > li > a:hover > .busiItem > div > p > img:nth-of-type(2){ display: block; }
.busiList > ul > li > a:hover > .busiItem > div > h4{ text-decoration: underline; }

/********/
.newsAbout{ width: 100%; background-image: url(../images/emp-49.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.newsAbout > .c-con{ box-sizing: border-box; padding-top: 1.5%; padding-bottom: 4%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.newsAbout > .c-con > section{ width: 31%; float: left; /*background-color: #1d2a55;*/}
.newsAbout > .c-con > .news{ margin-right: 3.5%; position: relative; }
.newsAbout > .c-con > section > h3{ width: 100%; font-weight: normal; font-size: 42px; text-align: left; line-height: 120px; height: 120px; color: #999; box-sizing: border-box;border-bottom:2px solid #333333;}
.newsAbout > .c-con > .news:nth-of-type(2) > h3{ font-size: 0;} 
.newsAbout > .c-con > .news > h5{ width: 100%; font-weight: normal; font-size: 14px; text-align: left; line-height: 3; margin-top: 3%; color: #666666;}
.newsAbout > .c-con > .news > h4{ width: 100%; height: auto; font-weight: normal; font-size: 26px; text-align: left; }
.newsAbout > .c-con > .news > div{ width:100%; height: auto; line-height: 24px; text-align: left; font-size: 14px; margin-top: 8%; color: #666666;}
.newsAbout > .c-con > .about > h3{  border-bottom: 2px solid transparent; }
.newsAbout > .c-con > .news  > .newsMore{ display: inline-block; padding:10px 20px; background-color: #d0b87e; color: #FFF !important; position: absolute; left:0; bottom:0; font-size: 16px; box-sizing: border-box; border:1px solid #d0b87e; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; overflow: hidden; border-radius: 2px;}
.newsAbout > .c-con > .news  > .newsMore:hover{  background-color: #FFF; color: #d0b87e !important; border:1px solid #d0b87e; }
.newsAbout > .c-con > .news:nth-of-type(2)  > .newsMore{ display: none; }

.aboutImg{ width: 100%; height: auto; overflow: hidden; }
.aboutImg > img{ width: 100%; }
.aboutCont{ width: 100%; box-sizing: border-box; padding:8%; background-color: #1d2a55; color: #FFF }
.aboutCont > h4{ width: 100%; font-size: 18px; font-weight: normal; }
.aboutCont > div{ width: 100%; height: auto; line-height: 24px; font-size: 14px; text-align: left; line-height: 2; margin-top: 8%; margin-bottom: 8%; }
.aboutCont > p{ width: 100%; height: auto; line-height: 24px; text-align: left }
.aboutCont > p > a{ text-decoration: underline; color: #FFF; font-size: 14px;}
/********/
.enterprise{ width: 100%; min-width: 320px; position: relative;}
.enterprise > .epBg{ width: 100%; overflow: hidden; }
.enterprise > .epBg > img{ width: 100% }
.enterprise > .epMain{ height: 100%; width: 1240px; position: absolute; left:50%; top:0; margin-left:-620px; /*background-color: rgba(0,0,0,0.2);*/ box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center;}
.epHeader{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.epHeader > h3{ font-weight: normal; font-size: 42px; color: #666; }
.epHeader > a{ display: inline-block; box-sizing: border-box; border:1px solid #1d2a55; font-size: 16px; text-transform: uppercase; color: #1d2a55; padding:0.8% 4%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.epHeader > a:hover{  border:1px solid #1d2a55; font-size: 16px; text-transform: uppercase; background-color: #FFF; color: #1d2a55; padding:0.8% 4%;}

.box{ width: 1240px; /*overflow: hidden;*/ height: auto; height:auto; margin:0 auto; position:relative; padding-left:0; padding-right:0;  box-sizing:border-box; margin-top: 2%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper5{ background-color: #FFF; }
.swiper5 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display:none;}
.swiper5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; background-color: #3d5c9d; }
.swiper5 .swiper-pagination-bullet-active{background-color:#fcd500;}
.swiper5 .swiper-slide{  box-sizing: border-box; background-color: #FFF; box-sizing: border-box; padding:3% 1%;}
.swiper5 .swiper-slide > a{ width:100%; overflow: hidden; height: auto; padding-top: 36%; display: block;position:relative; }
.swiper5 .swiper-slide > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.box .swiper-button-next,.box .swiper-button-prev{   height:60px; line-height: 60px; width:40px;text-align:center; background-image:url(none); cursor:pointer; margin-top:-30px; box-sizing:border-box; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; background-color: #c3c3c3; color: #FFF;} 
.box .swiper-button-next{ right: -20px; left: auto; }
.box .swiper-button-prev{ left:-20px; right: auto; }  
.box .swiper-button-next i,.box .swiper-button-prev i{ font-size:18px;}
.box .swiper-button-next:hover,.box .swiper-button-prev:hover{ color:rgba(255锛?55锛?55锛?) !important; background-color: #9c9a9a;} 

.box2{ width: 100%; overflow: hidden; height: 0;  margin:0 auto; position:relative; padding-left:0; padding-right:0;  box-sizing:border-box;}
.swiper6{ background-color: transparent; }
.swiper6 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display:none;}
.swiper6 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; background-color: #3d5c9d; }
.swiper6 .swiper-pagination-bullet-active{background-color:#fcd500;}
.swiper6 .swiper-slide{  box-sizing: border-box; background-color: #FFF; box-sizing: border-box; padding:3% 1%;}
.swiper6 .swiper-slide > a{ width:100%; overflow: hidden; height: auto; padding-top: 36%; display: block;position:relative; }
.swiper6 .swiper-slide > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.box2 .swiper-button-next,.box2 .swiper-button-prev{   height:54px; width:54px;text-align:center; background-image:url(none); cursor:pointer; margin-top:-27px; box-sizing:border-box; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; display: none;} 
.box2 .swiper-button-next{ background-image: url(../images/goRight.png);}
.box2 .swiper-button-prev{ background-image: url(../images/goLeft.png);}  
.box2 .swiper-button-next i,.box2 .swiper-button-prev i{ font-size:0}


.mContact{ width: 100%; min-width: 320px; position: relative;}
.mContact > .mContactBg{ width: 100%; overflow: hidden; }
.mContact > .mContactBg > img{ width: 100% }
.mContact > .mContactMain{ height: 100%; width: 1200px; position: absolute; left:50%; top:0; margin-left:-600px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-start; box-sizing: border-box;  padding-bottom: 4%;}
.mContact > .mContactMain > h4,.mContact > .mContactMain > h3,.mContact > .mContactMain > p{ width: 100%; font-weight: normal; text-align: left; line-height: 1.6; color: #FFF;}
.mContact > .mContactMain > h4{ font-size: 18px; }
.mContact > .mContactMain > h3{ font-size: 42px; }
.mContact > .mContactMain > p{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-top: 3.5%;}
.mContact > .mContactMain > p > a{ display:block; box-sizing: border-box; border:1px solid #FFF; font-size: 16px; text-transform: uppercase; color: #FFF; padding:0.8% 4%; }


/*****/
.containerCol{ width: 1200px; height:auto; margin:0 auto; }
.hope{ width: 100%; height: auto; padding-top: 4%; padding-bottom: 4%; border-bottom: 1px solid #01479d  }
.hope li{ width: 50%; float: left; }
.hope li h3,.hope li p{ width: 85.6%; margin:0 auto; text-align: center; height: auto; line-height: 1.5; text-align: center; font-size: 48px; color: #01479d; font-weight: normal; font-size: 48px; }
.hope li p{ height: auto; line-height: 1.5; font-size: 32px; margin-top: 5%; color: #666; }

.sense{ width: 100%;height: auto; padding-top: 4%; padding-bottom: 4%;}
.sense h3{ width: 100%; height: auto; line-height: 2; margin-bottom: 0.5%; font-weight: normal; font-size:48px; text-align: center; color: #01479d; }
.sense ul{ width: 100%; margin-top: 2%;}
.sense ul li{ width: 33.33%; float: left; }
.sense ul li p{ width: 40%; height: auto; margin:0 auto; }
.sense ul li p img{ width: 100%; }
.sense ul li h4{ width: 100%; font-size: 32px;  font-weight: normal; line-height: 2; text-align: center;color: #01479d; }
/*****/
.service{ width: 100%; min-width: 320px; background-color: #FFF; position: relative;}
.service::after{ content: ' ';width:94%; height: 72%; background-color: #01479d; position: absolute; left:3%; top:0; z-index: 300; }
.service .containerCol{ position: relative; z-index: 320; width:80%; }
.serverHeader{ width:100%; height: auto; margin-bottom: 3%;}
.serverHeader h3,.serverHeader p{ width: 100%; height: auto; line-height: 1.5; text-align: center; font-size: 42px; color: #FFF; font-weight: normal; }
.serverHeader p{ font-size: 16px; text-transform: uppercase; }
.server{ width:100%; height: auto;padding-top: 4% ;padding-bottom: 4%; }
.serverList{ width: 100%; height: auto; }
.serverList li{ width: 32%; float: left; margin-right: 2%; }
.serverList li:nth-of-type(3){ margin-right: 0; }
.serverList li a{ display: block; width: 100%; background-color: #FFF; border-radius: 2px; box-shadow: 0 0 10px rgba(0,0,0,0.5); overflow: hidden; }
.serverList li a .serverItem-img{ width: 100%; height: 0; padding-top: 45.83%; position: relative; }
.serverList li a .serverItem-img img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.serverList li a .serverItem-about{ width: 100%; padding-bottom: 16px; }
.serverList li a .serverItem-about h3,.serverList li a .serverItem-about h4,.serverList li a .serverItem-about p{ width: 90%; font-weight: normal; text-align: left; overflow: hidden; white-space: normal; text-overflow: ellipsis; margin:0 auto; }
.serverList li a .serverItem-about h3{ position: relative; height: auto; line-height: 3.2; font-size: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.serverList li a .serverItem-about h3::after{ content: ' '; width: 36px; height: 4px; background-color: #01479d; position: absolute; left:0; bottom:0; }
.serverList li a .serverItem-about h4{ height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 48px; font-size: 14px; color: #666 !important;}
.serverList li a .serverItem-about p{ height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; color: #01479d !important; }

/********/
.sectors{ width: 100%; min-width: 320px; background-color: #f4f5f7; }
.sector{ width: 100%; height: auto; padding-top: 4%; padding-bottom: 4%; }
.sectorHeader{ width:100%; height: auto; margin-bottom: 3%;}
.sectorHeader h3,.sectorHeader p{ width: 100%; height: auto; line-height: 1.5; text-align: center; font-size: 42px; color: #01479d; font-weight: normal; }
.sectorHeader p{ font-size: 16px; text-transform: uppercase; }
.sectorList{ width: 100%;height: auto; background-color: #FFF; }
.sectorList li{ width: 20%; float: left; padding-bottom: 2%;  padding-top: 2%; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.sectorList li::after{ content: ' '; width:1px; height: 100%; background-color: #d1d1d1; position: absolute; right:0 ;top:0; }
.sectorList li:nth-of-type(5n)::after{ display: none; }
.sectorList li a{ width: 100%; display: block; }
.sectorList li a img{ width: 100%; }


.colBanner{ width: 100%; position: relative; overflow: hidden; }
.colBanner p{ width: 100%;overflow: hidden; height: auto; }
.colBanner p img{ width: 100%; }
.colBanner h3{ width: 1200px; height: 100%;  font-size: 64px; position: absolute; left:50%; top:0; margin-left:-600px; font-weight: normal; color: #FFF; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}


.col{ width: 100%; box-sizing: border-box; height: auto; padding-top: 2%; padding-bottom: 6%;/* padding-left:330px; */position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.colMenu{ width: 280px; height: auto; /*position: absolute; left:0; top:30px;*/ padding-top: 10px; flex-shrink: 0; margin-right: 3%;}
.colMenu h3{width: 100%;box-sizing: border-box;padding:0 15px;height: 60px;line-height: 60px;font-weight: normal;font-size: 18px;text-align: left;background-color: #01479d;color: #FFF;}
.colMenu h3 span{ font-size: 14px;  }
.colMenu ul{ width: 100%; height: auto; }
.colMenu ul li{ width: 100%; margin-top: 10px; float: left; }
.colMenu ul li a{display: block;width: 100%;box-sizing: border-box;height: 48px;line-height: 48px;padding:0 15px;font-size: 14px;text-align: left;background-color: #f2f2f2;background-image: url(../images/menu-li.png);background-position: 96% center;background-repeat: no-repeat;}
.colMenu ul li a.active,.colMenu ul li a:hover{ background-color: #1e94d4; color: #FFF !important; background-image: url(../images/menu-li-active.png);  }
.right{ width: 100%; /*min-height: 800px;*/}
.location{ width: 100%; height: auto; border-bottom: 1px solid #e5e5e5; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;align-items: center; }
.location h3{height: auto;line-height: 2;border-bottom: 2px solid #01479d;font-size: 24px;font-weight: normal;color: #01479d;}
.location p{display: inline-block;height: 32px;line-height: 32px;font-size: 14px;padding-left:25px;background-image: url(../images/location.png);background-repeat: no-repeat;background-position: left center;flex-shrink: 0;}
.newsList{ width: 100%; height: auto; }
.newsList li{ width: 100%; box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; position: relative; cursor: pointer; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.newsList li .newsItem-img{ width: 250px; height: 164px; flex-shrink: 0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.newsList li .newsItem-img img{ width: 250px;height: 164px; }
.newsList li .newsItem-about{ width: 100%; height: 164px; overflow: hidden; box-sizing: border-box; padding:0 3%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.newsList li .newsItem-about h3{width: 100%;line-height: 32px;overflow: hidden;text-align: left;font-size: 16px;font-weight: normal;}
.newsList li .newsItem-about p{width: 100%;height: 48px;line-height: 24px;font-size: 14px;text-align: left;color: #666;margin-top: 10px;overflow: hidden;}
.newsList li .newsItem-date{width: 118px;height: 35px;flex-shrink: 0;margin-top: 2%;}
.newsList li .newsItem-date h3{width:100%;height: 35px;line-height: 35px;width: 100%;font-weight: normal;font-size: 16px;color: #666;text-align: right;position: relative;transition: all 0.5s linear;-webkit-transition:all 0.5s linear;}
.newsList li .newsItem-date h3::after{content: '\2192';width: 16px;height: 2px;/* background-color: #999; */position: absolute;left:0;top: 0;margin-top: -1px;transition: all 0.5s linear;-webkit-transition:all 0.5s linear;}
.newsList li .newsItem-date p{ width:100%; height: 26px; line-height: 26px; text-align: right; margin-top: 10px; }
.newsList li .newsItem-date p a{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;background-color: #999;border-radius: 50%;font-size: 16px;color: #FFF !important;transition: all 0.5s linear;-webkit-transition:all 0.5s linear;}
.newsList li:hover .newsItem-about h3 a,.newsList li:hover .newsItem-date h3{ color: #01479d !important; }
.newsList li:hover .newsItem-date p a{ background-color: #01479d; }
.page{ font-size: 0; text-align: center; margin-top: 80px;}
.page li{ display: inline-block; padding:0 10px; height: 30px; line-height: 28px; box-sizing: border-box; border:1px solid #cc; background-color: #cc; font-size: 16px; position: relative; overflow: hidden;}
.page span{ display: inline-block; height: 30px; line-height: 28px; box-sizing: border-box; border:1px solid #FFF; background-color: #FFF; font-size: 16px; position: relative; overflow: hidden;}
.page li.thisclass a,.page li a:hover{ color: #01479d !important; }
.page li select{display:none;}
/*鏈嶅姟*/
.casesList{ width: 100%; }
.casesList li{ width: 32%; box-sizing: border-box; padding:20px; border:1px solid #e5e5e5; margin-right: 2%; float: left; margin-top: 2%;}
.casesList li:nth-of-type(3n){ margin-right: 0; }
.casesList li .caseItem-img{ width: 64%; height: 0; padding-top: 22.34%; position: relative; overflow: hidden; margin:0 auto; }
.casesList li .caseItem-img img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.casesList li .caseItem-about{ width: 100%; height:85px; overflow: hidden; padding-top: 20px; }
.casesList li .caseItem-about h3,.casesList li .caseItem-about p{ width:100%; height: 28px; line-height: 28px; text-align: left;font-size: 550; font-size: 16px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.casesList li .caseItem-about p{font-size: 14px; color: #666;}
/*涓氬姟*/
.yewuList{ width: 100%;height: auto; }
.yewuList li{ width:100%; margin-top: 2.5%; position: relative; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;;background: #f4f5f7; }
.yewuList li .ywItem-img{ width: 44.5%; height: 0; padding-top: 24.5%; position: relative; display: block; overflow: hidden; }
.yewuList li .ywItem-img img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.yewuList li .ywItem-about{ width:55.5%; height: 100%; box-sizing: border-box; padding:0 2%;}
.yewuList li .ywItem-about h3{width: 100%;height: 40px;line-height: 40px;font-size: 20px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;color: #01479d;}
.yewuList li .ywItem-about p{width: 100%;height: auto;line-height: 26px;text-align: left;font-size: 14px;color: #666;text-align: left;margin-top: 4px;}
.yewuList li .ywItem-about > div > p{height: 26px;overflow: hidden;text-overflow: ellipsis;display: block;}


.yewuList li:nth-of-type(2n){flex-direction: row-reverse;}

/*浼佷笟鏂囧寲*/
.culture{ width: 100%;height: auto; padding-top: 3%; padding-bottom: 6%; background-color: #f4f5f7; margin-top: 20px;}
.culture > h3,.culture > h4{ width: 100%; height: auto; line-height: 2; margin-bottom: 2%; font-weight: normal; font-size:30px; text-align: center; color: #01479d; }
.culture > h4{ margin-top: 2%; font-size: 18px; text-align: center; font-weight: normal; height: auto;line-height: 36px; color: #333; margin-bottom: 3%; }
.cultureBrand{ width: 100%; height: auto; margin-bottom: 4%;}
.cultureBrand li{ width: 50%; height: auto; float: left; overflow: hidden; position: relative; }
.cultureBrand li .cbItem-img{ width: 100%; height: 0; padding-top: 61.5385%; position: relative; }
.cultureBrand li .cbItem-img img{ width: 100%; height: 100%; position: absolute; left:0;top:0; }
.cultureBrand li .cbItem-about{ width:100%; height: 100%;  position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.cultureBrand li .cbItem-about p{ width: 100px;height: auto; margin:0 auto; overflow: hidden; }
.cultureBrand li .cbItem-about p img{ width: 100%; }
.cultureBrand li .cbItem-about h5,.cultureBrand li .cbItem-about div{ width: 100%; height: auto; line-height: 2; text-align: center; font-weight: normal; font-size: 30px;  color: #FFF;}
.cultureBrand li .cbItem-about h5{ margin-top: 1.5%; }
.cultureBrand li .cbItem-about div{ font-size: 18px; height: auto;line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; padding:0 5%; }
.cultureList{ width: 100%; height: auto; }
.cultureList ul{ width: 100%; margin-top: 2%;}
.cultureList ul li{ width: 20%; float: left; }
.cultureList ul li p{ width: 40%; height: auto; margin:0 auto; }
.cultureList ul li p img{ width: 100%; }
.cultureList ul li > h4{ width: 100%; font-size: 30px;  font-weight: normal; line-height: 2.4; text-align: center;color: #01479d;margin-bottom: 0; margin-top: 0; }

/**/
.talent{ width: 100%; height: auto; line-height: 32px; font-size: 14px; color: #666; text-align: left; padding-top: 40px; }
.talentTitle{display: block; height: 48px;  line-height: 48px; color: #1d2a55; font-size: 26px; margin-bottom: 10px;}
.jobsList{ width: 100%; height: auto; margin-top: 2%;}
.jobsList li{ width: 100%;height: auto; padding-top: 2%; padding-bottom: 2%;border-bottom: 1px solid #d2d2d2;  cursor: pointer;}
.jobsList li .jobItem-title{ width:100%; height: auto; line-height: 2; text-align: left; font-size: 18px;font-weight:bold; }
.jobsList li .jobItem-title span{ width: 30px; height:30px; display: inline-block; float: right; margin-top: 5px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/emp-31.png); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.jobsList li:hover .jobItem-title span{background-image: url(../images/emp-32.png);}
.jobsList li .jobItem-about{ width: 96.6%; margin:0 auto; line-height: 32px; font-size: 18px; text-align: left; color: #333; margin-top: 1.6%; display: none;/*animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;*/}
.jobsList li:hover .jobItem-about{ display: block; }

/**/
.colContact{width: 100%;height: auto;padding-top: 4%;padding-bottom: 4%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;box-sizing: border-box;position: relative;}
.colContact ul{width: 100%;}
.colContact li{width: 29%;margin: 2%;display: flex;float: left;}



.colContactAbout{ width: 100%; height: auto; min-height: 200px;}
.colContactAbout h3,.colContactAbout p{width: 100%;height: auto;line-height: 1.8;font-size: 16px;text-align: left;color: #000;margin-bottom: 5%;}
.colContactAbout h3{font-weight: normal;font-size: 22px;text-align: left;margin-bottom: 3%;}
.colContactAbout p img{width:100%}

.colContactChat{ width: 150px; height: auto;/* position: absolute; right:0; top:50px;*/ flex-shrink: 0;}
.colContactChat p{ width:100%; overflow: hidden; }
.colContact > ul > li > div > p:nth-of-type(1){min-height: 56px;background-image:url(../images/icon_01.png);background-repeat:no-repeat;background-position:left top 15%;padding-left:40px;width: 88%;}
.colContact > ul > li > div > p:nth-of-type(3){background-image:url(../images/icon_02.png); background-repeat:no-repeat;background-position:left center; text-indent:40px}
.colContact > ul > li > div > p:nth-of-type(4){background-image:url(../images/icon_03.png); background-repeat:no-repeat;background-position:left center; text-indent:40px}
.colContactChat p img{ width: 100%; }
.colContactChat h3{ width: 100%; height: auto; line-height: 2.67; font-weight: normal; font-size: 18px; text-align: center; color: #666; }
.map{ width: 100%; min-width: 320px; overflow: hidden; }
.map img{ width: 100%; /*min-height: 532px;*/}





.article{width: 100%;font-size:14px !important;}
.article h2{width: 100%;height: auto;margin: 10px auto;font-size: 20px;line-height:30px;text-align: center;} 
.article h3{width: 100%;height: 52px;line-height:52px;border-top:1px solid #f2f2f2;text-align: center;margin: 20px 0;font-weight: normal;font-size: 16px;}
.article h3 span{ margin:0 10px; display:inline-block;}
.article p{line-height:30px !important;font-size: 14px !important;/*text-indent:2em !important;*/}
.article img{margin:0 auto;display: block;width:800px;height:auto;}