@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:auto; 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 > p{ width: 100%; box-sizing: border-box; padding-left:20px; height: auto; font-size: 14px; padding-bottom: 5px; display: none;}
.float > .f-navlist > ul > li > p > a{ color: #FFF !important; display: block; line-height: 36px; text-align: left; height: 36px; }
.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;}
.float > .f-navlist > ul > li.active > p{ display: block;  }
/**/


.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(0,0,0,0); /*position:fixed; left:0; top:0;*/  z-index:900; }
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; position: relative;}
.logo{ display:block; width:300px; padding-top:10px; padding-bottom:10px; flex-shrink: 0; /*transition:all 0.3s linear; -webkit-transition:all 0.3s linear;*/  }
.logo img{ width:100%;}
.hdTools{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:center; align-self: center; }
.phone{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:center; height: 30px; }
.phone > h3{ font-weight: normal; font-size: 24px; color: #000; height: 30px; line-height: 30px; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.phone > p{ width:30px; overflow: hidden; margin-right: 10px;transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.phone > p > img{ width: 100%; }
.search{ width: 280px; height: 40px; background-color: #FFF; border-radius: 8px; overflow: hidden; margin-left:20px; box-sizing: border-box; padding:0 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items:center; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.search > p:nth-of-type(1){ width:100%; height: 24px; background-color: #DDD; }
.search > p:nth-of-type(1) > input{ width: 100%; height: 24px; line-height: 24px; border:0; font-size: 16px; text-align: left; color:#666 }
.search > p:nth-of-type(2){ width: 24px; height: 24px; overflow: hidden; flex-shrink: 0; margin-left: 10px; }
.search > p:nth-of-type(2) > input{ width:24px; height: 24px; border:0; background-color: transparent; background-image: url(icon-search.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }


.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: #000; }
.menu > h3 > i{ font-size:20px;}

.header-blank{ background-color:transparent; height:120px; display: none;}


/*滚动后导航*/
.scrolltop{ background-color:rgba(0,0,0,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:900;}
/*主体*/
.main{   height:auto; }
/*底部*/
.online{ width: 100%;min-width: 320px; height: auto; background-color: #262626; }
.online > .main{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; height: auto; padding-top: 20px; padding-bottom: 20px; }
.online > .main > .onlineItem{ box-sizing: border-box; padding-left:20px;  display: flex;flex-direction: row;flex-wrap: nowrap; justify-content: center;align-items: center; margin-left:20px; position: relative;}
.online > .main > .onlineItem:nth-of-type(1){ margin-left:0; padding-left:0; }
.online > .main > .onlineItem::after{ content: ' '; width: 1px; height: 16px; background-color: #FFF; position: absolute; left:0; top:50%; margin-top: -8px;}
.online > .main > .onlineItem:nth-of-type(1)::after{display: none;}
.online > .main > .onlineItem > p{ width: 24px;height: 24px; flex-shrink: 0; margin-right: 10px; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.online > .main > .onlineItem > p.online-phone{ background-image: url(icon-phone2.png); }
.online > .main > .onlineItem > p.online-addr{ background-image: url(icon-addr.png); }
.online > .main > .onlineItem > h3{ font-weight: normal; height: auto; line-height: 30px; font-size: 16px;  color: #FFF; margin-right:50px}
.online > .main > .onlineItem > h3 > a{ color: #FFF !important; }

.footer{ min-width: 320px; box-sizing:border-box; background-color: #1d1312; height: auto;padding-top: 20px; padding-bottom: 20px;}
.link{ font-size: 14px; line-height: 24px; text-align: center; line-height: 2; color: rgba(255,255,255,0.6); padding-bottom: 10px; padding-top: 10px; color: #FFF;}
.link > h3{ width: 100%; height: auto; font-weight: normal; font-size: 20px; text-align: center;color: #FFF; }
.link > div{ width:100%; height: auto; box-sizing: border-box; padding:0 20px; text-align: center; line-height: 28px; font-size: 16px; color: rgba(255,255,255,0.8); }
.link > div > a{  color: rgba(255,255,255,0.8);  }
.link > div > a:hover{ color: #FFF !important }
.goTop{ width: 80px; position: fixed; right:1.56%; bottom:11.56%; z-index: 900; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.goTop > p{ width: 100%; height: 0; padding-top: 85%; background-color: #fb5f13; background-image: url(icon-gotop.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;  }
/*首页*/
/*焦点图*/
.nav{ background-color:rgba(31,35,44,0.8); position: relative; min-width: 320px; z-index: 600;}
.nav > .navlist{ }
.nav > .navlist > ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
.nav > .navlist > ul > li{ flex:1; position: relative; z-index: 640; }
.nav > .navlist > ul > li > h3{ width: 100%; position: relative; font-weight: normal;}
.nav > .navlist > ul > li > h3 > a{ width: 100%; height: 66px;text-align: center; line-height: 66px; font-size: 20px; display: block;  color: #FFF !important; box-sizing: border-box; position: relative; }
.nav > .navlist > ul > li > h3 > a::after{ content:''; width: 0; height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #2778bd; position: absolute; left:50%; bottom:0; margin-left:-4px; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.nav > .navlist > ul > li > p{ width: 100%; height: auto; position: absolute; left:0; top:66px; background-color: #2778bd; z-index: 660; box-sizing: border-box; padding:5px 20px; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.nav > .navlist > ul > li > p > a{ display: block; width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; text-align: center; font-size: 16px; color: #FFF !important; }
.nav > .navlist > ul > li > p > a + a{ border-top: 1px solid #FFF; }
.nav > .navlist > ul > li.liMenu:hover > h3 > a{ background-color: #fb5f13; color: #FFF !important; }
.nav > .navlist > ul > li.liMenu:hover > h3 > a::after{ display: block; }
.nav > .navlist > ul > li.liMenu:hover > p{ display: block; }
.nav > .navlist > ul > li.active > h3 > a{ background-color: #fb5f13; color: #FFF !important; }


.flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; margin-top:-66px}
.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; display: none; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:14px; height:14px; border-radius:50%; box-sizing:border-box; background-color: transparent; border:2px 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,1); /*background-color:rgba(251,95,19,0.6);*/ border-radius:0%; height:150px; width:72px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-75px; box-sizing:border-box;/* display: none;*/ z-index: 860; background-repeat: repeat; background-position: center center; background-size: 100% 100%;}
.swiper1 .swiper-button-next{ background-image: url(goRight.png); right:5%; border-radius: 6px 0 0 6px; } 
.swiper1 .swiper-button-prev{ background-image: url(goLeft.png); left:5%; border-radius: 0 6px 6px 0;} 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ background-color:rgba(251,95,19,0.6);/*color:rgba(251,95,19,1) !important;*/ } 
.swiper1 .swiper-button-next:hover{background-image: url(goRight2.png);}
.swiper1 .swiper-button-prev:hover{background-image: url(goLeft2.png);}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:40px; display: none; }
.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);}

.colFlash{ width: 100%; min-width: 320px; overflow: hidden; position: relative; margin-top:-66px}
.colFlash > img{ width: 100%; }


.count{ width: 1200px; height: auto; background-color: rgba(0,70,129,0.48); position: absolute; left:50%; bottom:0; margin-left:-600px; z-index: 800; box-sizing: border-box; padding:2%;}
.count > ul{ width: 100%; height: auto; display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.count > ul > li{ width: 25%; box-sizing: border-box; position: relative; }
.count > ul > li + li::after{ content: ' '; width:1px; height: 100%; background-color: #FFF; position: absolute; left:0; top:0; }
.count > ul > li > h3{font-size: 30px; height: 48px; line-height: 48px; color: #FFF; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 550;}
.count > ul > li > h3 > span{ color: #fb5f13; }
.count > ul > li > p{ font-size: 18px; height: 40px; line-height: 40px; color: #FFF; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/********/
.videoMain{box-sizing: border-box; padding-top: 2%; padding-bottom:2%;}
.video{ width: 100%; height: auto; position: relative; padding-top: 1%; padding-bottom: 1%; }
.video > div{ width: 100%;  overflow: hidden; }
/*.video > div > img{ width: 100%; }*/
.video > p{ width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0,0,0,1); position: absolute; left:50%; top:50%; margin-left:-50px; margin-top: -50px;}
.video > p::after{ content:''; width:0; top:0; border-top: 24px solid transparent; border-left: 40px solid #FFF; cursor: pointer; border-bottom: 24px solid transparent; position: absolute; left:50%; top:50%; margin-top: -24px; margin-left:-12px; }
/*******/
.qfa{ width:100%; min-width:320px;background-color: #f6f6f6; }
.qfa > .main{ padding-top: 4%; padding-bottom: 6%; box-sizing: border-box; }
.qfaHeader{ width: 100%; height: auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.qfaHeader > h2{ line-height: 2; font-size: 52px; text-transform: uppercase; color: #CCC; width:100%; text-align: center; font-weight: normal; position: relative; margin-bottom: 1.5%; }
.qfaHeader > h2::after{ content: ' '; width:7%; height: 2px; background-color: #9d9d9d; position: absolute; left:50%; bottom:0; margin-left:-3.5%; }
.qfaHeader > h3{ font-size: 36px; font-weight: 550;  }
.qfaHeader > h3 > span{ color: #fb5f13; }
.qfaHeader > p{ font-size: 18px; color: #999; text-transform: uppercase; margin-top: 1%; }

.qfaMain{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-top: 3%;}
.qfaMain > .qfaImg{ display: block; width: 40%; overflow: hidden; flex-shrink: 0}
.qfaMain > .qfaImg > img{ width: 100%; }
.qfaAbout{ width: 16%;background-color: #363636; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 2.5%; padding-bottom: 2.5%;}
.qfaAbout > h3,.qfaMore{ width: 62.5%; overflow: hidden; flex-shrink: 0; }
.qfaAbout > h3 > img,.qfaMore > img{ width: 100%; }
.qfaMore{ display: block; }
.qfaList{ width:100%; height: 100%; box-sizing: border-box;  padding-top: 5%; padding-bottom: 5%; padding-left:10%; padding-right: 10%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.qfaList > li{ width:100%; flex:1; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:center; align-items: center; }
.qfaList > li + li{ border-top: 1px solid #FFF; }
.qfaList > li > a{ font-size: 18px; color: #FFF !important; }
.team{ width: 100%; height: auto; margin-top: 4%;}
.swiper4 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper4 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper4 .swiper-slide{ box-sizing: border-box; position: relative;}
.swiper4 .swiper-slide > a{ display: block; width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; overflow: hidden; position: relative;}
.swiper4 .swiper-slide > a::after{ content:' '; width:100%; height: 100%; background-color: rgba(255,255,255,0.8); display: block; position: absolute; left:0; top:0; z-index: 500; }
.swiper4 .swiper-slide > a > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
/*.swiper4 .swiper-slide > a:hover > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02);}*/
.swiper4 .swiper-slide-active > a::after{ display: none; }
.swiper4 .swiper-slide > a > .teamSlide-title{ width: 100%; height: 100%;  position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; z-index: 560; }
.swiper4 .swiper-slide > a > .teamSlide-title > h3{ font-weight: normal; font-size: 20px; }
.swiper4 .swiper-slide > a > .teamSlide-title > p{ font-size: 16px; margin-top: 10px; }
.swiper4 .swiper-slide-active > a > .teamSlide-title{ display: none; }
.swiper4 .swiper-button-next,.swiper4 .swiper-button-prev{ color:rgba(0,0,0,0.5); background-color:rgba(0,0,0,0); border-radius:0%; height:100px; width:50px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -50px; box-sizing:border-box; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; z-index: 900;} 
.swiper4 .swiper-button-next{ right:10px; background-image: url(goRight.png);  } 
.swiper4 .swiper-button-prev{ left:10px; background-image: url(goLeft.png); }
.swiper4 .swiper-button-next:hover,.swiper4 .swiper-button-prev:hover{ background-color:rgba(0,0,0,0.03); } 
.teamAbout{ width: 100%; height: auto; box-sizing: border-box; padding-top: 3%; }
.teamAbout > ul > li{ width: 100%; height: auto; display: none; }
.teamAbout > ul > li > a{ display: block; color: #333 !important; }
.teamAbout > ul > li > a > h3,.teamAbout > ul > li > a > div{ width:100%; font-weight: normal; font-size: 20px; text-align: center; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.teamAbout > ul > li > a > div{ font-size: 16px; text-align: center; line-height: 2; height: auto; margin-top: 1%; box-sizing: border-box; padding:0 10%;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}


.train{ width:100%; min-width:320px;background-color: #2778bd; background-image: url(train.png); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;}
.train > .main,.qaMain{ padding-top: 4%; padding-bottom: 4%; box-sizing: border-box; }
.train > .main > .qfaHeader,.train > .main > .qfaHeader > p{ color: #FFF;}
.trainList{ width: 100%; box-sizing: border-box; height: auto; padding-top: 4%; padding-bottom: 3%; }
.trainList > ul > li{ width: 23.5%; float: left; margin-right: 2%; background-color: #FFF;}
.trainList > ul > li:nth-of-type(4n){ margin-right: 0; }
.trainList > ul > li > a{ display: block; color: #333 !important; width:100%; overflow: hidden; }
.trainList > ul > li > a > .trainItem-img{ width: 100%; height: 0; padding-top: 57.7%; position: relative; overflow: hidden; }
.trainList > ul > li > a > .trainItem-img > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.trainList > ul > li > a:hover > .trainItem-img > img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05);}
.trainList > ul > li > a > .trainItem-about{ width:100%; height: auto; box-sizing: border-box; padding:20px 10px; }
.trainList > ul > li > a > .trainItem-about > h3,.trainList > ul > li > a > .trainItem-about > p{ width: 100%; font-size: 20px; text-align: center; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 550;}
.trainList > ul > li > a > .trainItem-about > p{ font-size: 16px; height: 24px; line-height: 24px; color: #666 !important; margin-top: 5px; font-weight: normal;}
.trainList > ul > li:nth-of-type(2n) > a > .trainItem-about > h3{ color: #fb5f13; }
.trainList > ul > li > a:hover > .trainItem-about{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.transMore{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.transMore > h3{ font-weight: normal; font-size: 36px; margin-right: 10px; }
.transMore > h3 > a { color: #FFF !important; }
.transMore > p{ width: 48px; height: 48px;background-color: #000; border-radius: 50%; background-image: url(icon-more.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }

.leader-list{ width:1200px; height: auto; overflow: hidden; box-sizing: border-box; padding:2.5% 100px 0 100px; background-color: #f6f6f6; position: relative; margin:0 auto; }
.swiper3 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper3 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper3 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper3 .swiper-slide{ box-sizing: border-box;
       }
.swiper3 .swiper-slide > a{ display: block; width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; overflow: hidden;}
.swiper3 .swiper-slide > a > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiper3 .swiper-slide > a:hover > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02);}
.leader-list .swiper-button-next,.leader-list .swiper-button-prev{ color:rgba(0,0,0,0.5); background-color:rgba(0,0,0,0); border-radius:0%; height:100px; width:50px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -50px; box-sizing:border-box; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; z-index: 900;} 
.leader-list .swiper-button-next{ right:0px; background-image: url(goRight.png);  } 
.leader-list .swiper-button-prev{ left:0px; background-image: url(goLeft.png); }
.leader-list .swiper-button-next:hover,.leader-list .swiper-button-prev:hover{ /*background-color:rgba(0,0,0,0.03);*/ } 

.qaList{ width: 100%; margin-top: 4%;}
.qaList > ul > li{ width: 25%; height: 0; background-color: #EEE; float: left; padding-top: 25%; position: relative;}
.qaList > ul > li::after{ content:''; width:1px; height: 100%; background-color: #FFF; position: absolute; left:0; top:0; display: none; }
.qaList > ul > li + li::after{ display: block; }
.qaList > ul > li > a{ width: 100%; height: 100%; box-sizing: border-box; padding-top: 10%; display: flex; position: absolute; left:0; top:0; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.qaList > ul > li > a::after{ content:  ''; width: 60px; height:60px; background-color: #fb5f13; border-radius: 50%; position: absolute; right: 10%; top:12%; background-image: url(emp-16.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.qaList > ul > li > a > h3,.qaList > ul > li > a > h4,.qaList > ul > li > a > p{ font-weight: normal; }
.qaList > ul > li > a > h3{ font-size: 32px;  }
.qaList > ul > li > a > h4{ font-size: 40px; }
.qaList > ul > li > a > p{ font-size: 16px; margin-top: 10px; }
.qaList > ul > li > a:hover{ color: #FFF !important; background-color: #fb5f13; }
.qaList > ul > li > a:hover::after{background-color: #FFF;  background-image: url(emp-17.png);  }
.honor{ width: 100%; height: auto; position: relative; }
.honor > .qfaHeader{ position: absolute; left:0; top:0; z-index: 800; box-sizing: border-box; padding-top: 4%; }
.swiper2 .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; display: none; }
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:14px; height:14px; border-radius:50%; box-sizing:border-box; background-color: transparent; border:2px solid #FFF; }
.swiper2 .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1);}
.swiper2 .swiper-slide{ position:relative; overflow: hidden;}
.swiper2 .swiper-slide > a{ display: block; width: 100%;}
.swiper2 .swiper-slide > a > img{ width:100%;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,1); background-color:rgba(251,95,19,0.6); border-radius:0%; height:100px; width:50px; line-height:100px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-50px; box-sizing:border-box;/* display: none;*/ z-index: 860;} 
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(251,95,19,1) !important; } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:40px; }
.swiper2 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper2 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}

.mainMap{ width: 100%; height: auto; }
.mainMap > img{ width:100%; }
.campusList{ width: 100%; height: auto; }
.campusList > ul > li{ width: 20%; height: auto; float: left; }
.campusList > ul > li > a{ display: block; width: 100%; height: auto; position: relative; color: #FFF !important; }
.campusList > ul > li > a > p{ width:100%; height: 0; padding-top: 100%; position: relative; overflow: hidden; }
.campusList > ul > li > a > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.campusList > ul > li > a:hover > p > img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05);}
.campusList > ul > li > a > div{ position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; background-color: rgba(0,0,0,0); width:100%; height: 100%;  transition: background-color 0.4s linear;}
.campusList > ul > li:nth-of-type(2) > a > div,.campusList > ul > li:nth-of-type(4) > a > div{background-color: rgba(251,95,19,0.76);}
.campusList > ul > li:nth-of-type(6) > a > div,.campusList > ul > li:nth-of-type(8) > a > div,.campusList > ul > li:nth-of-type(10) > a > div{background-color: rgba(0,0,0,0.76); transition: background-color 0.4s linear;}
.campusList > ul > li > a > div > h3{ font-weight: normal; font-size: 18px; font-weight: normal;}
.campusList > ul > li > a > div > h4{ font-size: 12px;font-weight: normal; margin-top: 2%; color: rgba(255,255,255,0.76) !important; text-transform: uppercase; width:100%; height: 24px; line-height: 24px; overflow: hidden; text-align: center; box-sizing: border-box; padding:0 20px; white-space: nowrap; text-overflow: ellipsis;}
.campusList > ul > li > a:hover > div{ background-color:transparent}
.campusList > ul > li > a:hover > div > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.campusList > ul > li > a:hover > div > h4{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.campusMore{ width: 100%; min-width: 320px; font-size: 20px; line-height: 3.5; color: #FFF !important; background-color: #2778bd; display: block; text-align: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.campusMore:hover{ color: #FFF !important; background-color: #fb5f13;  }

.signIn{ width: 100%; min-width: 320px;height: auto; position: relative; }
.signIn-img{ width: 100%; height: auto; overflow: hidden; }
.signIn-img > img{ width: 100%; }
.signInMain{ width: 100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.signInFrom{ background-color: #FFF; height: auto; box-sizing: border-box; padding:2%; }
.signInFrom .signItem{ width: 60%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin:0 auto;  margin-top: 3%;}
.signInFrom .signItem:nth-last-of-type(2){ margin-bottom: 3%; }
.signItem > h3{ font-weight: normal; font-size: 20px;  width:80px; flex-shrink: 0; align-self: center; margin-right: 10px;}
.signItem > p{ width:100%; height: 42px; box-sizing: border-box; padding:0 10px; overflow: hidden; background-color: #EEE;  }
.signItem > p > input{ width: 100%; height: 100%; border:0; font-size: 14px; background-color: transparent; text-align: left; }
.signBtn{ width: 100px; height: 42px; margin:0 auto; }
.signBtn > input{ width:100%; height: 100%; border:0; background-color: #fb5f13; color: #FFF; text-align: center; cursor: pointer; font-size: 20px; }

/********/
.about{ background-color: #FFF; box-sizing: border-box; padding:2% 4% 0 4%; transform: translateY(-80px); -webkit-transform: translateY(-80px); position: relative; z-index: 600; position: relative; }

.about1{ background-color: #FFF; box-sizing: border-box; padding: 2% 4% 0 4%; margin-top:80px;	 position: relative; z-index: 1; position: relative;}

.location{ width:100%; font-size: 18px; text-align: right; line-height: 60px; background-color: rgba(0,0,0,0.01); position: absolute; left:0; top:0; transform: translateY(-60px); -webkit-transform: translateY(-60px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.location i{ font-size: 20px; }
.location a:last-child{ color: #fb5f13; }

.location1{ width:100%; font-size: 18px; text-align: right; line-height: 60px; background-color: rgba(0,0,0,0.01); position: absolute; left:0; top:0; transform: translateY(-60px); -webkit-transform: translateY(-60px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#FFF}
.location1 i{ font-size: 20px; }
.location1 a{ color:#FFF}
.location1 a:last-child{ color: #fb5f13; }



.about > .aboutHeader{ width: 100%; height: auto;  }
.about > .aboutHeader > h3,.about > .aboutHeader > p{ width: 100%; font-weight: 550; font-size: 56px; line-height: 1.3; text-transform: capitalize;color: #F60; text-align: left; }
.about > .aboutHeader > p{ height: auto; font-size: 36px;color: #333; position: relative; overflow: hidden; position: relative; background-color: #FFF; z-index: 650;}
.about > .aboutHeader > p::after{content: ''; width: 100%; height: 5px; background-color: #e6e6e6; position: absolute; left:0; top:50%; margin-top: -2px; z-index: 610; /*transform: translateX(18%); -webkit-transform: translateX(18%);*/}
.about > .aboutHeader > p > span{ display: inline-block; height:1.4;  background-color: #FFF; position: relative; z-index: 660; padding-right: 20px;  }
.about > .abutCont{ box-sizing: border-box;padding-top: 2%; width: 100%;height: auto; line-height: 1.8; font-size: 20px; text-align: left;}
.histroy{ width: 100%;min-width: 320px; background-image: url(history.png); background-size: 100% auto; background-color: #4c95d5; /*height: 0;padding-top: 46.25%;*/ height: auto; background-repeat: no-repeat; background-position: center bottom; position: relative;}
.histroyMain{ /*position: absolute; left:50%; top:0; height: 100%; margin-left:-600px;*/ /*background-color: rgba(255,255,255,0.8);*/ box-sizing: border-box; padding-top: 4%; padding-bottom: 4%; }
.historyTitle{ width: 100%; height: auto; }
.historyTitle > h3{ font-size: 36px; font-weight: normal; line-height: 3; text-align: center; color: #FFF; position: relative; margin-bottom: 2%;}
.historyTitle > h3::after{ content: ' '; width:30px; height: 3px; background-color: #FFF; border-radius: 15px; position: absolute; left:50%; bottom:0;margin-left:-15px; }
.historyTitle > p{ width: 100%; font-size: 18px; text-align: center; box-sizing: border-box; padding:0 20%; line-height:27px; text-align: center; color: #FFF;  }

.historyList{ width: 100%; height: auto;  background-image: url(history3.png); background-repeat: no-repeat; background-position: center top; box-sizing: border-box; padding:0 4%; background-size: 100% auto; margin-top: 3%;}
.historyList > ul{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.historyList > ul > li{ width:14.2857%; height: auto; box-sizing: border-box; /*border:1px solid #000;*/  padding-left:1.5%; padding-right: 1.5%; padding-bottom: 1%;  position: relative; border-left:1px dashed rgba(255,255,255,0.5);}
.historyList > ul > li > h3{ width: 100%; font-size: 20px; color: #FFF; text-align: left; line-height: 30px; height: 30px; font-weight: normal;}
.historyList > ul > li > p{ width: 100%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #FFF; margin-top: 2%;}
/*.historyList > ul > li::after{ content: ' '; width:1px; height: 100%; background-color: rgba(255,255,255,0.5); position: absolute; left:0; top:0; }*/
.historyList > ul > li:nth-of-type(1){ margin-top: 14%; }
.historyList > ul > li:nth-of-type(2){ margin-top: 12%; }
.historyList > ul > li:nth-of-type(3){ margin-top: 17%; }
.historyList > ul > li:nth-of-type(4){ margin-top: 10%; }
.historyList > ul > li:nth-of-type(5){ margin-top: 10.5%; }
.historyList > ul > li:nth-of-type(6){ margin-top: 7%; }
.historyList > ul > li:nth-of-type(7){ margin-top: 8.5%; }

.histroyMore{ width: 120px; height: 36px; line-height: 36px; margin:0 auto;background-color: #fb5f13; color: #FFF; display: inline-block; font-size: 14px; margin-top: 3%; display: none;}



.recogint{ width: 100%; min-width: 320px; background-color: #f2f2f2; background-image: url(recognit.png); background-repeat: no-repeat; background-position: center 22%; background-size: 100% auto;  }
.colAbout{ padding-top: 4%; padding-bottom: 6%; }
.aboutHonor{ width: 100%;height: auto; margin-top: 3%;}
.aboutHonor > ul > li{ width: 23.5%; height: auto; float: left; margin-right: 2%; }
.aboutHonor > ul > li:nth-of-type(4n){ margin-right: 0; }
.aboutHonor > ul > li > a{ display: block; width: 100%;height: 0; padding-top: 67.72%;position: relative; overflow: hidden;}
.aboutHonor > ul > li > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.aboutHonor > ul > li > a:hover > img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
.recognitMain{ width:100%; box-sizing: border-box; padding-top:4%;  padding-bottom:6%; }
.recognitList{ width:1200px; height: auto; margin-top:2%; }
.recognitList > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
.recognitList > ul > li{ width: 49.2%; }
.recognitList > ul > li > .recognitItem{ width:100%; display: block; }
.recognitList > ul > li > .recognitItem > p{ width: 100%; height: 0; padding-top: 56.4%; position: relative; margin-top: 3%; overflow: hidden; }
.recognitList > ul > li > .recognitItem > p img{ width: 100%; height: 100%; position: absolute; left:0;top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.recognitList > ul > li > .recognitItem > p:hover img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
.recognitList > ul > li > .recognitItem > h3{ width: 100%; height: auto; line-height: 1.6; font-weight: 550; font-size: 18px; text-align: right; text-transform: uppercase; box-sizing: border-box; padding-top: 3%; padding-bottom: 3%; color: #5d5d5d;}

/******/
.researchList,.teacherList{width: 100%; height: auto; margin-top: 3%;}
.researchList{ padding-bottom: 6%; }
.researchList > ul > li,.teacherList > ul > li{ width:100%; height: auto; }
.researchList > ul > li + li,.teacherList > ul > li + li{ margin-top: 2%; }
.researchList > ul > li > a,.teacherList > ul > li > a{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: center; align-items: stretch; width:100%; background-color: #FFF; }
.teacherList > ul > li > a{ flex-direction: row; background-color:#f5f5f5}
.researchList > ul > li > a{ box-sizing: border-box;  border:0px solid #DDD;}
.researchList > ul > li:nth-of-type(2n+1) > a{flex-direction: row; border:0px solid #fb5f13; background-color: #2878bd;}
.researchList > ul > li:nth-of-type(2n) > a{border:3px solid #fb5f13; }
.researchList > ul > li:nth-of-type(2n+1) > a > .techerItem-about > h3,.researchList > ul > li:nth-of-type(2n+1) > a > .techerItem-about > p{ color: #FFF !important; }
.researchList > ul > li > a > .techerItem-img,.teacherList > ul > li > a > .techerItem-img{ width: 24%; height: auto; position: relative; overflow: hidden; flex-shrink: 0;}
.teacherList > ul > li > a > .techerItem-img > img,.researchList > ul > li > a > .techerItem-img > img{ width: 100%;  }
.researchList > ul > li > a > .techerItem-about,.teacherList > ul > li > a > .techerItem-about{ width: 100%;  box-sizing: border-box; padding:0 4%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.researchList > ul > li > a > .techerItem-about > h3,.teacherList > ul > li > a > .techerItem-about > h3{ width:100%; height: auto; text-align: left; font-size: 32px; color: #fb5f13 !important; font-weight: normal; line-height: 1.5;}
.researchList > ul > li > a > .techerItem-about > p,.teacherList > ul > li > a > .techerItem-about > p{ width: 100%; text-align: left; line-height: 1.6; font-size: 18px;  color: #333 !important;}
.researchList > ul > li > a > .techerItem-about{ position: relative; }
.researchList > ul > li > a > .techerItem-about::after{ content: ' '; width:9px; height:90px; position: absolute; top:0; right:0; background-color: #2878bd; }
.researchList > ul > li:nth-of-type(2n+1) > a > .techerItem-about::after{right:auto; left:0; background-color: #fb5f13; }
/*******/
.newsMain{ box-shadow: 0 0 10px rgba(0,0,0,0.06); padding-bottom: 5%; margin-bottom: 2%; }
.newsList{ width:100%; height: auto; }
.newsList > ul > li{ width: 100%; box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #CCC; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.newsList > ul > li:nth-last-of-type(1){ border-bottom: 0; }
.newsList > ul > li > .newsItem-date{ width:100px; flex-shrink: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; order:1;}
.newsList > ul > li > .newsItem-date > p{ font-size: 16px; }
.newsList > ul > li > .newsItem-date > h3{ font-weight: normal; font-size: 60px; line-height: 1.5; position: relative; color: #fb5f13;}
.newsList > ul > li > .newsItem-date > h3::after{ content: ' '; width:100%;height: 2px; background-color: #fb5f13; position: absolute; left:0; bottom:0; }
.newsList > ul > li > .newsItem-date > h3 > span{ display: none; }
.newsList > ul > li > .newsItem-about{ width:100%; box-sizing: border-box; padding:2%; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; order:2;}
.newsList > ul > li > .newsItem-about > h3{ width:100%; font-size: 24px; height: 30px; line-height: 30px; font-weight: 550; text-align: left; overflow: hidden;  min-width: 0; }
.newsList > ul > li > .newsItem-about > p{ width: 100%; height: 60px; line-height: 30px; font-size: 16px; overflow: hidden; text-align: left; }
.newsList > ul > li > .newsItem-img{ width:264px; height: auto; flex-shrink: 0; order:3;}
.newsList > ul > li > .newsItem-img > a{ display: block; width:100%; height:0; padding-top: 65.16%; position: relative; overflow: hidden; }
.newsList > ul > li > .newsItem-img > a > img{ width:100%; height: 100%;position: absolute; left:0; top:0; }
.page{ width: 100%; height:auto; text-align: center;}
.page  a,.page  span:first-child{ display: inline-block; height: 30px; box-sizing: border-box; line-height: 28px; padding:0 10px; border:1px solid #DDD; font-size: 14px; margin:10px 2px 0 2px; cursor: pointer;}
.page  a.page-num-current,.page  a:hover{ border:1px solid #fb5f13; background-color: #fb5f13; color: #FFF !important; }

/*****/
.studentHeader{ width: 100%; height: auto; border-bottom: 5px solid #e6e6e6; padding-top: 1%; padding-bottom: 3%; margin-bottom: 4%;}
.studentHeader > h3,.studentHeader > p{ width: 100%; font-weight: normal; font-size:40px; text-align: center; line-height: 1.4; }
.studentHeader > h3{ color: #fb5f13; font-weight:bold}
.studentHeader > p{ color: #333; font-size:30px; font-weight:bold }


.studentHeader1{ width: 100%; height: auto; padding-top: 1%; padding-bottom: 3%; margin-bottom: 4%;}
.studentHeader1 > h3,.studentHeader1 > p{ width: 100%; font-weight: normal; font-size:36px; text-align: center; line-height: 1.4; }
.studentHeader1 > h3{ color: #000000; font-weight:bold; border-bottom: 5px solid #e6e6e6; padding-bottom:10px}
.studentHeader1 > h3 > span{ color: #fb5f13; }
.studentHeader1 > p{ color: #333; font-size:26px; color:#ccc; letter-spacing:3px; padding-top:15px;}



.studentList{ width: 100%; height: auto; }
.studentList > ul > li{ width: 23.5%;float: left; margin-right: 2%; margin-top: 3%; background-color: #EEE; }
.studentList > ul > li:nth-of-type(4n){ margin-right: 0; }
.studentList > ul > li > a{ display: block; width:100%; height: auto; }
.studentList > ul > li > a > .studItem-img{ width: 100%; height: 0; padding-top: 117.16%; position: relative; }
.studentList > ul > li > a > .studItem-img img{ width: 100%; height: 100%; position: absolute; left:0;top:0; }
.studentList > ul > li > a > .studItem-about{ width: 100%; box-sizing: border-box; padding: 10px 20px;  }
.studentList > ul > li > a > .studItem-about > h3{ width:100%; height: 36px; line-height: 36px; overflow: hidden; font-size: 20px;  font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.studentList > ul > li > a > .studItem-about > h4{ width:100%; height: 24px; line-height: 24px; text-align: center; font-size: 16px; color: #333 !important; font-weight: normal; }
.studentList > ul > li > a > .studItem-about > p{ width:100%; height: 48px; line-height: 24px; text-align: center; font-size: 16px; color: #333 !important; box-sizing: border-box; padding:0 10px; overflow: hidden;}
.studentList > ul > li > a > .studItem-about > h3{ color: #fb5f13 !important; }
.studentList > ul > li > a > .studItem-about > h3 > span{ color: #999 !important; }
.studentList > ul > li:nth-last-of-type(1){ position: relative; }
.studentList > ul > li:nth-last-of-type(1) > a{ opacity: 0; }
.studentList > ul > li > .studMore{ display: block; width:100%; height: 100%; display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;  position: absolute; left:0; top:0; background-color: #fb5f13;}
.studentList > ul > li > .studMore > a{ font-size: 30px; color: #FFF !important; }

/******/
.sysAside{ width: 1200px; height: auto; position: absolute; z-index: 860; left:50%; bottom:0; margin-left:-600px;}
.sysAside > .sysLocation{ width: 100%; font-size: 18px; text-align: right; line-height: 60px; background-color: rgba(0,0,0,0.01); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sysAside > .sysLocation i{ font-size: 20px; }
.sysAside > .sysLocation a:last-child{ color: #fb5f13; }


.sysAside > .sysLocation1{ width: 100%; font-size: 18px; text-align: right; line-height: 60px; background-color: rgba(0,0,0,0.01); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#FFF}
.sysAside > .sysLocation1 a{ color:#FFF}
.sysAside > .sysLocation1 i{ font-size: 20px; }
.sysAside > .sysLocation1 a:last-child{ color: #fb5f13; }


.sysTab{ width: 100%;  height: auto; box-sizing: border-box; padding:0 10px; background-color: #2778bd; }
.sysTab > p{ width:14.2857%; height: 68px; line-height: 68px; font-size: 18px; text-align: center; color: #FFF; cursor: pointer;  position: relative; float: left;}
.sysTab > p::after{ content: ' '; width: 100%; height: 8px; background-color: #fb5f13; position: absolute; left:0; top:-8px; display: none; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.sysTab > p:hover,.sysTab > p.active{ background-color: #fb5f13; background-image: url(emp-60.png); background-position: center -4px; background-repeat: no-repeat; background-size: auto 100%;}
.sysTab > p a,.sysTab > p:hover a,.sysTab > p.active a{ color: #FFF !important; }
.sysTab > p:hover::after,.sysTab > p.active::after{ display: block; }
.systemMain{ box-sizing: border-box; padding-bottom: 5%; position: relative; z-index: 820;}
.system{ width: 100%; box-sizing: border-box; height: auto; box-shadow: 0 0 10px rgba(100,100,100,0.3);}
.sysMain{ width: 100%; height: auto; box-sizing: border-box;  padding:0 2.5% 6% 2.5%;}
.sysOnline{ width: 100%; padding-top: 3%; /* padding-bottom: 4%;*/ box-sizing: border-box;  padding:0 5%; }
.sysOnlineHeader{ width: 100%; }
.sysOnlineHeader > h3{ width:100%; font-weight: 550; line-height: 3; font-size: 40px; text-align: center; }
.sysOnlineContact{ width: 100%; height: auto; padding-top: 1.5%; padding-bottom: 1%;}
.sysOnlineContact > ul{ width:100%; height: auto;flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.sysOnlineContact > ul > li{ display: flex;  flex-direction: row; flex-wrap: nowrap; justify-content: left; align-items: center;padding:10px}
.sysOnlineContact > ul > li > p{ width: 60px; height: 60px; border-radius: 50%; background-color: #fb5f13; overflow: hidden; margin-right:3%; flex-shrink: 0; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.sysOnlineContact > ul > li:nth-of-type(1) > p{ background-image: url(icon-addr2.png);}
.sysOnlineContact > ul > li:nth-of-type(2) > p{ background-image: url(icon-phone3.png); }
.sysOnlineContact > ul > li:nth-of-type(3) > p{ background-image: url(icon-qq.png); }
.sysOnlineContact > ul > li:nth-of-type(4) > p{ background-image: url(icon-mail.png); }
.sysOnlineContact > ul > li > h3{ font-weight: normal; font-size: 25px; line-height:140% }

.sysOnlineList{ width: 100%; height: auto; margin-top: 3%; }
.sysOnlineList > ul > li{ width: 32%; float: left; margin-right: 2%; }
.sysOnlineList > ul > li:nth-of-type(3n){ margin-right: 0; }
.sysOnlineList > ul > li > p{ width: 48%; margin:0 auto; overflow: hidden; }
.sysOnlineList > ul > li > p > img{ width: 100%; }
.sysOnlineList > ul > li > h3{ width: 100%; font-size: 28px; font-weight: normal;line-height: 90px; height: 90px; overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.map{ width: 100%; margin-top: 1%; }
.map > div{ width: 100%;}
.map > div > img{ width: 100%; }
.sysMainItem{ width: 100%; height: auto; display: none; }
.sysMI-content{ width: 100%; height: auto; font-size: 20px; text-align: left; line-height: 2; box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #CCC; }


.smiCollist5{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-top: 1%; }
.smiCollist5 > a{ width: 32.6667%; display: block; }
.smiCollist5 > a > img{ width: 100%; }
.smiCollist7,.smiCollist6{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
.smiCollist7 > a,.smiCollist6 > a{ width:37%; display: block; position: relative; overflow: hidden; flex-shrink: 0; }
.smiCollist7 > a > img,.smiCollist6 > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;}
.smiCollist7 > a:nth-of-type(1),.smiCollist7 > a:nth-of-type(2),.smiCollist6 > a:nth-of-type(1),.smiCollist6 > a:nth-of-type(3){ height: 0; padding-top: 24%; margin-right: 1%;}
.smiCollist7 > a:nth-of-type(3),.smiCollist6 > a:nth-of-type(2){ width:24%; margin-right: 0;}
.smiCollist7F2{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-top: 1%; }
.smiCollist7F2 > a{ width: 49.5%; display: block; }
.smiCollist7F2 > a > img{ width: 100%; }
.smiCollist6{ margin-top: 1%; }
.smiCollist6 > a:nth-of-type(2){ margin-right: 1%; }
.smiCollist6 > a:nth-of-type(3){ margin-right: 0; }

.smiCollist4{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; margin-top: 1%;}
.smiCollist4 > a{ width:75%; display: block; position: relative; overflow: hidden; flex-shrink: 0; }
.smiCollist4 > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;}
.smiCollist4 > a:nth-of-type(1){ height: 0; padding-top: 24%; margin-right: 1%;}
.smiCollist4 > a:nth-of-type(2){ width:24%; margin-right: 0;}


.smiCollist3{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; margin-top: 1%;}
.smiCollist3 > a{ width:50%; display: block; position: relative; overflow: hidden; flex-shrink: 0; }
.smiCollist3 > a > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;}
.smiCollist3 > a:nth-of-type(1){ height: 0; padding-top: 32%; margin-right: 1%;}
.smiCollist3 > a:nth-of-type(2){ width:26%; margin-right: 0;}
.smiCollist3 > .smic3Col{ width: 22%; margin-right: 1%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.smiCollist3 > .smic3Col > a{ display: block; width:100%; overflow: hidden; }
.smiCollist3 > .smic3Col > a > img{ width: 100%; }


.sysOnline1{ width: 100%; padding-top: 3%; /* padding-bottom: 4%;*/ box-sizing: border-box;  padding:0 5%; }
.sysOnlineHeader1{ width: 100%; border-bottom:#ccc 1px solid; padding-bottom:15px;	}
.sysOnlineHeader1 > h3{ width:100%; line-height: 3; font-size: 26px; text-align: center; }
.sysOnlineHeader1 > p{ font-size:14px; color:#666; text-align:center}

.neirong{box-sizing: border-box;
    padding-top: 2%;
    width: 100%;
    height: auto;
    line-height: 1.8;
    font-size: 20px;
    text-align: left;}
.neirong img{ text-align:center; margin:0 auto}	

.jiage{ width:60%;margin:30px auto 20px auto; clear:both}
.jiage td{ font-size:30px; color:#FFF; background-color:#333;width:50%;}
.jiage td b{ display:block; padding:20px}
.jiage td:nth-child(2){ background-color:#36C}

.content-exp{ clear:both; padding:20px 0}


.ditupian{ display:none}
.ditu{ width:1045px; margin:60px auto; position:relative; margin-bottom:120px;}
#container{height: 805px;width:1045px; margin:0px auto;  background-repeat:no-repeat; background-image:url(1.png); background-position:center}
.xian{position:absolute; z-index:99999;  text-align:center; height:1px; border-top:#ec6c0e 1px solid}

.xian1{position:absolute; z-index:99999;  text-align:center; width:1px; border-left:#ec6c0e 1px solid}

.xian span{width:6px; height:6px; border-radius:3px; background-color:#ec6c0e; display:block; margin-top:-3px;}

.xian1{position:absolute; z-index:99999;  text-align:center; width:1px; border-left:#ec6c0e 1px solid}
.xian1 span{width:6px; height:6px; border-radius:3px; background-color:#ec6c0e; display:block; margin-left:-3px;}


.xian2{position:absolute; z-index:99999;  text-align:center; width:1px; border-top:#ec6c0e 1px solid}
.xian2 span{width:6px; height:6px; border-radius:3px; background-color:#ec6c0e; display:block; margin-top:-3px; float:right}


.xian3{position:absolute; z-index:99999;  text-align:center; width:1px; border-left:#ec6c0e 1px solid;}
.xian3 span{width:6px; height:6px; border-radius:3px; background-color:#ec6c0e; display:block; margin-left:-3px; position:absolute; bottom:0px}


.dnr{ font-size:22px; line-height:40px; overflow:hidden}
.map{margin-top:30px;height:350px}
.zz{ overflow:hidden}
.zz img{ float:left; width:48%; margin-bottom:25px}
.zz img:nth-child(odd){ margin-right:25px}

.xw{ margin:0 auto; padding:20px 0;overflow:hidden}
.xw ul{ overflow:hidden}
.xw img{ width:400px; height:300px}
.xwl{ float:left; width:400px}
.xwr{ float:right; width:670px; line-height:44px; font-size:16px; padding-left:30px}

.kc{ padding:50px 0 50px 0; overflow:hidden}
.kc li{ float:left; width:33.3%; text-align:center; padding-bottom:20px}
.kc img{ width:96%}
.kc img:hover{opacity:0.75; background:#000}



.kc2{ overflow:hidden}
.kc2 li{ width:48.6%; float:left; text-align:center; padding-bottom:25px}
.kc2 li:nth-child(odd){ margin-right:25px}
.kc2 img:hover{opacity:0.75; background:#000}
.kc2 img{ width:100%;}