@charset "utf-8";
/* CSS Document */
@import url("//at.alicdn.com/t/font_368541_hv22uxqke7q.css");
@import url("//at.alicdn.com/t/c/font_4433090_w2iwkqfwndd.css");
/*iconfont书法高考项目*/
html,body{ height:100%; }


/*==========*/


.pageList a{ display:inline-block;  padding:8px 10px 8px 10px; min-width:46px; margin-right:5px; border:#efefef solid 1px; text-align:center; margin-bottom:5px;}
.pageList a:hover{ background-color:#096; color:#FFF; transition:ease-in-out all .3s}
.pageList a.active{background-color:#096; color:#FFF; }
.companyShow h1{ margin-bottom:30px;}
.footer{height:260px;background-color:#efefef; margin-top:50px; padding-top:50px; text-align:center}

.categoryList{list-style:none;font-size: 14px;}
.categoryList li{ list-style:none; line-height:20px;padding:5px; border-bottom:solid 1px #eee}
.categoryList li span{ float:right;}
.categoryList .liOn{background-color:rgb(218, 236, 255)}
.categoryList li:hover{background-color:rgb(218, 236, 255)}
.topLeavel{background-color: #92a8ac; }


.switch{width:40px;height:18px; background-color: #ccc; border-radius:15px; display:inline-block; position:relative}
.switch:before{ position:absolute;content:" ";height:14px;width:14px; border-radius:10px; background-color: #fff;top:2px;left:2px;bottom:2px; transition:linear all 1s; }
.switch.active{background-color:#0da767;}
.switch.active:before{right:2px;left:auto;transition:linear all 3s;}

.scanLogin{width: 240px; text-align:center;background-color: #077ce9; padding: 20px; display: none;}

.login{ position: relative; font-size: 14px;}
.chgTab{height: 35px;margin-bottom:0}
.chgTab span{width: 50%; display:block;float: left; text-align:center; border-bottom: #efefef solid 1px; line-height: 35px;height: 35px;cursor: pointer;}
 .chgTab .active{color: #ffffff;background: linear-gradient(31deg, #031f67, #077ce9);border-radius: 5px 5px 0 0;}
.login>div{ display: none;background-color: #dbecf3;}
.login>div img{ width: 100%; max-width: 220px;}
.login .active{ display: block;}





.index h2{padding:50px 0 20px 0}
.index h5{padding:20px 0 20px 0}
*{ margin:0; padding:0;}

@media all and (min-width: 1600px){
   .container{ max-width:1360px !important;}
}
body { font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, SimHei, "WenQuanYi Micro Hei", sans-serif;font-size:12px;}
.webTop{margin:0 auto; }
	.webTopLogo{margin:25px 0 25px 0; }
	.webTopLogo img{ width:100%;}


.Menu .row{float:right !important}
.menuOn{border-bottom:#FFF solid 2px;}
.scan img{ width:46%; float:left; margin:2%}

   .navMenu{ list-style:none;  margin:0 auto; float:right; margin-top:25px;}
   .navMenu div{ float:right;}
	   .navMenu  li{ display:inline-block; padding:0 10px 0 10px; position:relative; }
	   .navMenu  li>a{ display:block;color:#666; height:55px; line-height:55px;font-size:16px; position:relative; text-decoration:none; }
	    navMenu li  a:hover{ color:#05a0a3}
	   .navMenu  li a:before{content:"";height:3px;width:0;bottom:5px; margin:0 auto; left:0; right:0;position:absolute;transition:all ease-in-out .3s; z-index:2002}
	   .navMenu  li a:hover:before{width:100%;  background-color:#4018ce; transition:all ease-in-out .3s}
	  
       .navMenu  li.hover a:before{content:"";  width:100%;  background-color:#05a0a3; transition:all ease-in-out .3s}
	    .navMenu  li dl{ position:absolute;top:45px; left:0; right:0; visibility:hidden; background-color: #fff; z-index:200; padding:10px; width:100px;transition:all ease-in-out .3s; }
	    .navMenu  li:hover dl{ visibility:visible;transition:all ease-in-out .3s;top:35px; }
		.navMenu li p{ opacity:0; display:none; font-weight:normal; line-height:35px;background: rgba(255,255,255,0.7); position:absolute; top:55px; left:0; right:0; z-index:1000;transition:all .3s cubic-bezier(0.24,1,0.30,1); border-radius:5px;}
		.navMenu li p a{ color:#333; display:block; line-height:35px; text-align:center !important;font-size:14px;}
		.navMenu li:hover p{ display:block; top:50px;opacity:1;transition:all .3s cubic-bezier(0.24,1,0.30,1)}
		


.swiper-container {width: 100%;}
.swiper-slide { text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden;position:relative;height:60vh;}

	.swiper-wrapper .swiper-slide:nth-child(1){ background-color:#0070C0;background-image: linear-gradient(135deg,#0dcee7,#125aac);}
	.swiper-wrapper .swiper-slide:nth-child(2){ background-color: #008FD7;background-image: linear-gradient(45deg,#c27392,#8159c4);}
	.swiper-wrapper .swiper-slide:nth-child(3){ background-color:#10AEC0;background-image: linear-gradient(-45deg,#4018ce,#3088eb);}
	
	.swiper-w .swiper-slide img{position:absolute; bottom:0; right:10%; width:450px;}
	.swiper-w .swiper-slide:nth-child(1) img{ bottom:0%; width:1260px; right:0;}
	.swiper-w .swiper-slide:nth-child(2) img{width:485px;}
	.swiper-w .swiper-slide h4{font-size:32px; color:#fff;position:absolute; top:28%; left:15%; text-shadow:#666 0 0 5px; z-index:1003}
	.swiper-w .swiper-slide p{font-size:20px; color:#FFF; position:absolute; top:45%; left:15%;text-shadow:#666 0 0 5px;  z-index:1003}
	.swiper-w .swiper-slide a{ display:inline-block; position:absolute;top:55%; left:15%;padding:5px 20px 5px 20px; border-radius:35px;background-color:rgba(255,255,255,0.6); color:#333}
	.swiper .swiper-slide:nth-last-child(1){ height:80%}


		

.animationPage{width:auto; max-width:1200px; font-size:14px; line-height:1.5;}
.animationPage h3{ line-height:45px; font-size:36px;; text-align:center; margin:40px auto;}
.splitFour{ overflow:hidden; clear:both;}
.splitFour li{ background-color:#efefef;width:25%; float:left; font-size:100px; text-align:center; height:360px; line-height:360px; position:relative;transition:all ease-out 0.3s; }
.splitFour li p{ position:absolute; left:0; right:0; bottom:80px;  height:45px; line-height:45px;  font-size:18px; text-align:center;}
.splitFour li:hover{ background-color:#039; color:#900; color:#FFF; transition:all ease-out 0.3s;}
.fwdw{}
.fwdw li{ width:20%; float:left; line-height:35px; list-style:none;}

.pageMenu{ max-width:1200px; width: auto;  clear:both; margin:30px auto 80px auto;}
.pageMenu li{ width:20%; float:left; list-style:none; line-height:45px; font-size:16px; text-align:center; background-color:#CCC}
.pageMenu liOn{ background-color:#efefef;}
.splitPage{ padding:10px;}
.splitPage a{ display:inline-block; padding:5px 10px 5px 10px;}


.indexPro{ text-align:center; }
.indexPro> [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
.indexPro li{ margin-bottom:20px;}
.indexPro li a{transition:all ease-in-out 0.3s; position:relative; display:block;overflow:hidden;background-color: #fff;transform:scale(1); color:#666; border-radius:5px; box-shadow:rgba(102,102,102,0.1) 0 0 5px}
.indexPro li a:hover{color:#FFF;background-color: #00bbbb;transition:all ease-in-out 0.3s; transform:scale(1.03);}
.indexPro li a img{ width:100%; height:30vh;transition:all 0.3s ease-in-out; }
.indexPro li p{ line-height:45px; padding:5px; font-size:16px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list-group a{ font-size:16px;}



.indexBiz{}
.indexBiz li:nth-child(1){ background-color: #ff6600;}
.indexBiz li:nth-child(2){ background-color: #e5a500;}
.indexBiz li:nth-child(3){ background-color: #435c87;}
.indexBiz li:nth-child(4){ background-color: #3d98bc;}
.indexBiz li:nth-child(5){ background-color: #44287b;}
.indexBiz li:nth-child(6){ background-color: #6cb635;}
.indexBiz li a{display:block; padding:10px; transition:all ease-in-out 0.3s; text-decoration:none;color:#fff;text-align:center;}
.indexBiz li:hover{ transition:all ease-in-out 0.3s; background-color: #fff;  color:#09F;}
.indexBiz li:hover a{ color:#09F;}
.indexBiz li a p:nth-child(1){ display:block;  font-size:80px; text-align:center; padding:20px 0 10px 0;}
.indexBiz li a p:nth-child(2){ text-align:center; font-size:18px;  line-height:45px;}
.indexBiz li a p:nth-child(3){font-size:14px;  line-height:25px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.post_box{margin-bottom:70px;position:relative;margin-right:0;overflow:hidden; width:100%}

a:link,a:visited{ color:#2255dd; text-decoration:none;}
a:hover{ color:#090}
li{ list-style:none;}
pre{ height:300px; overflow:scroll; background:#efefef; padding:20px; border:#999 solid 1px; margin:20px auto 20px auto;}


.newsBox h4{margin-left:10px;padding:10px;font-size:18px; color:#666; background:#F9F9F9;}
.newsBox li{ line-height:35px; height:35px; background:url(Images/dian.jpg) left center no-repeat; text-indent:1em;}
.newsBox li a{font-size:16px; color:#666}
.newsBox li a:hover{ color:#2255dd}
.newsBox li span{ display:inline-block;float:right}

.perPage{}
.perPage h1{padding:20px 0 20px 0; border-bottom:#efefef 5px solid; margin-bottom:30px;}
.perPage img{ max-width:100%;} 

.infoList{}
.infoList h1{padding:20px 0 20px 0; border-bottom:#efefef 5px solid; margin-bottom:30px;}
.infoList li{ line-height:35px; padding-top:25px; padding-bottom:25px;border-bottom: 1px solid #eee;}
.infoList li a{ font-size:16px; font-weight:bold; color:#333; }
.infoList li a:hover{ color:#C00;}
.infoList li span{ color:#CCC; float:right;  }
.infoList li p{ color:#666; line-height:1.5;}

.imgList{}
.imgList h1{padding:20px 0 20px 0; border-bottom:#efefef 5px solid; margin-bottom:30px;}
.imgList .row>li{ transition:ease-in-out all .3s;transform:scale(1); }
.imgList .row>li:hover{ transition:ease-in-out all .3s; transform:scale(1.1)}
.imgList .row>li>a{ display:block; color:#333; font-size:16px; border:#efefef solid 1px; padding:5px; margin-bottom:30px;}
.imgList .row>li>a>img{ width:100%; height:20vh;object-fit:cover}
.imgList .row>li>a>p{ line-height:45px; height:45px;}


.imagesList a{box-shadow:0 0 16px #efefef; background-color: #fff;border:#eee solid 1px;text-align:center; margin-bottom:30px;}
.imagesList a{ display:block;position:relative;color:#222; }
.imagesList a>i{height:280px;display:block;margin:0 auto;width:100%;overflow:hidden; }
.imagesList a>i>img{height:100%; width:100%;transform:scale(1); transition:ease-out all .3s}
.imagesList a:hover>i>img{ transform:scale(1.2); transition:ease-out all .3s}
.imagesList a>p{line-height:60px;color:#666;display:block;height:60px;background-color: #fff;left:0;right:0;bottom:-25px;padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.showInfo{min-height:600px;font-size:16px; line-height:2}
.showInfo img{ max-width:100%;}
.showInfo h1{ text-align:center; margin:20px auto; }


.bTitle{ text-align:center; font-size:35px; font-weight:normal; color:#033;  text-indent:1em; line-height:65px;clear:both; color:#333; margin-top:50px;}
h5{ text-align:center; font-size:16px !important; line-height:35px; color:#666; margin-bottom:30px; clear:both; font-weight:normal;position:relative; }
h5:after{ content:" "; position:absolute; top:-5px; border:#CCC solid 1px;width:100px; margin:auto; left:0; right:0;}


.bodyStyle{min-height:800px;margin:0 auto;padding:5px;clear:both;background-color:#FFF;overflow:hidden;}

  .divL h3{ list-style:none; line-height:37px; padding:0px; margin:0px; color:#3A79B8; text-indent:1em; font-size:16px;}
  .divL ul{ list-style:none; margin:0 0 0 20px; padding:0; font-size:14px;}
  .divL ul li{background:url(Images/sub_nav.png) left; line-height:35px; padding:0 0 0 10px;}
  .divL ul li a:link{ text-decoration:none;}
  .divL ul li a:visited{ text-decoration:none;}
  .divL ul li a:hover{ text-decoration:underline;}
  

.divR h4{ border-bottom:#ececec solid 2px; text-indent:1em;  margin:20px auto; line-height:45px; font-size:20px;}
.divR img{ max-width:100%;}

.infoShow{color:#666; border:#efefef solid 1px; }
.infoShow ul{ padding:10px;}
.infoShow ul h1 { margin:10px auto; padding:0 0 5px 0;   text-align:center;}
.extTitle{border-bottom: #CCC dotted 1px; margin-bottom:20px; text-align:center; padding-bottom:20px; color:#999;}



.CaseList{ clear:both; margin:10px auto; border-bottom:#CCC  dotted 1px; height:180px; overflow:hidden; color:#666}
.CaseList a:link{ color:#666}
.CaseList:hover{ background:#F2FBFD;}
.CaseList dl{float:right; width:540px;padding:0; margin:0; }
.CaseList span{ float:left; width:220px; height:160px;}
.CaseList dl dt{padding:0; margin:0; font-weight:bold; height:35px; line-height:35px; font-size:16px;}
.CaseList dl dd{ padding:0; margin:0; list-style:none;}


 .Cgal img{ margin:10px; border:5px solid  #D0EAFD;width:180px; height:160px;}
 
.dhCss{}
.dhCss li{ float:left; width:280px; cursor:pointer; margin:50px auto;}
.showDiv{ clear:both;text-align:center; font-size:14px; border:#C0D1DA solid 1px; margin-top:20px; background:#333; overflow: hidden}
.showDiv li{list-style:none; margin-top:50px; background-color:#FFF; margin:20px;}
 
 .webTabCss{ clear:both;width:750px; height:280px;}
 .webTabCss ul{margin:2px; padding:5px;}
 .webTabCss ul h3{ color:#09F; background-color:#E8FAFF; text-indent:1em;}


.linkStyle h4{background-color:#F3F3F3;border-top: 1px solid #DDD;  clear:both; overflow:hidden; height:35px;}
.linkStyle h4 li{ margin-left:10px;margin-top:2px;float:left;cursor:pointer; border:#DDD solid 1px; line-height:35px; border-bottom:none;  text-align:center; padding:0px 10px 0px 10px;  }
	.linkStyle  ul{ display:none; clear:both;overflow:hidden;padding:20px;}
	.linkStyle ul a{font-size:14px;color:#666;}
	
.tabOn{ background:#FFF;}
.tabOut{background:#F5F5F5;}
 
.SearchEngine{ clear:both;}
.SearchEngine img{ width:100%; max-height:60px; }

.Contact{clear:both;font-size:14px;color:#fff ; text-align:left; line-height:2; padding:20px 0 50px 0; background-color: #2d55aa;}
.Contact  h2{ font-size:16px;}
.Contact a{ color:#FC0}

.tablead01{ }
.tablead01 a:link,.tablead01 a:visited,.tablead01 a:hover{ color:#FFF; }

.infoDiv{width:650px;}
.infoDiv ul{margin:0px;padding:0px;}
.infoDiv ul li{list-style:none;}
.infoDiv ul li:hover{list-style:none;background-color:#F6F6F6; }


.jobTab{ border-collapse:collapse; margin-bottom:5px;}
.jobTab th{border: solid #CCC 1px; text-indent:1em; text-align:left;}
.jobTab td{border: solid #CCC 1px; text-indent:1em;}

.indexNotice{padding:15px; position:fixed; bottom:0px; background:#AF2001; color:#FF0;width:100%; text-align:center; font-size:16px;}
/*==================================*/

#dialogBox{margin: auto; background-color:#FFF; position:fixed;top: 0; left: 0; bottom:100px; right: 50px; height:420px; width:560px; border-radius:5px;list-style:none; overflow:hidden; border:#1F519C 2px solid; box-shadow:#999 0 0 5px;}
#closeDialogBox{ display:inline-block; height:20px; width:20px; position:absolute; z-index:1981; top:5px; right:10px; cursor:pointer; }
.dialogBoxTitle{ background-color:#F60; text-indent:1em; font-size:16px; height:45px; line-height:45px; color:#FFF;}
.dialogBoxContent{ margin:10px;}
.fadeInDialogBox{opacity:1;transform:scale(1);transition:ease-in-out 0.3s all; bottom:200px; right:10px;}
.fadeOutDialogBox{opacity:0;transform:scale(0.5); transition:ease-in-out 0.3s all;}

.mobile{color:#CCC;  font-family:Arial, Helvetica, sans-serif; display:inline-block; color:#FC0}
.mobile:after{content:"13562611499"; }



::selection{background-color:salmon;color:white}
.parallax>use{animation:move-forever 12s linear infinite}
.parallax>use:nth-child(1){animation-delay:-2s}
.parallax>use:nth-child(2){animation-delay:-2s;animation-duration:5s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:3s}
@keyframes move-forever{0%{transform:translate(-90px,0%)}100%{transform:translate(85px,0%)}}
.editorial{display:block;width:100%;height:10em;max-height:100vh;margin:0}



@media screen and (max-width: 767px){
.mainDiv{ width:100%; overflow:hidden; margin:0 auto; background:#FFF; clear:both;}

.webTop{position:fixed;top:0; left:0; right:0;z-index:19810619;}
.webTop ul{ margin:0 auto;  max-width:100%; }	
.swiper-w .swiper-slide h4{ font-size:4vw; left:5%}
.swiper-w .swiper-slide p{ font-size:4.5vw; left:5%; text-align:left; right:5%; top:40%}

  .navMenu{position: fixed; z-index:19810619;top:-5px; right: -100%; left: auto; width: 50%; height:100%; background:rgba(255,255,255,0.8); padding: 100px 40px 0; text-align: center; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
   .active{right: 0; display:block;margin-top:0px;}
   .navMenu li{ display:block !important;  margin:0; padding:0;}
   .navMenu li a{ display:block;color:#0366c1 !important;height:8vh; line-height:8vh;font-size:4vh !important; overflow:hidden; }
   .navMenu li a:hover{color:#033 !important;}
   .navMenu li a:before{content:"";height:3px;width:0;bottom:0%; margin:0 auto; left:0; right:0;position:absolute;transition:all ease-in-out .3s}
   .navMenu li a:hover:before{content:"";  width:40%;  background-color:#666; transition:all ease-in-out .3s}
   .navMenu li dl{ display:none;}

.mNavBtn {display:block;z-index:19841223;width:24px;height:16px;right:10px;top:40px;position:fixed;cursor:pointer;}
	.mNavBtn.active{ margin-right:20px;}
    .mNavBtn.active span{background: #00438f; }
    .mNavBtn.active .line2 {display:none;}
    .mNavBtn.active .line1 {transform:rotate(45deg);top:7px;}
    .mNavBtn.active .line3 {transform:rotate(-45deg);bottom:7px;}
    .mNavBtn span {position:absolute;left:0;width:24px;height:2px;background:#369; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
    .mNavBtn span.line1 {top:0;}
    .mNavBtn span.line2 {top:7px;}
    .mNavBtn span.line3 {bottom:0;}
	
		
		

.linkStyle{ overflow:hidden; width:100%; margin:0 auto;}
.newsBox li a{display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.newsBox li  span{ display:none;}
img{ max-width:100%;}
	}