@charset "utf-8";
*{  box-sizing:border-box; margin:0; padding:0; }
@font-face {
	font-family:myFirstFont;
	src: url('../fonts/Vani_1.ttf'),
     	url('../fonts/Vanib_1.ttf'); /* IE9+ */
}
@font-face {
	font-family:mySecondtFont;
	src: url('../fonts/timr45w.ttf'); 
}

html {	font-size: 100%;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;	overflow-x: hidden;}
body {
	font: 12px/1.8 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei",
	 "黑体", "STXihei", "华文细黑", sans-serif;	margin: 0 auto;	color: #222;	overflow: hidden;}
input, select {	vertical-align: middle;}
ol, ul {list-style: none; }
input {	outline: none;	padding: 0;}
img {	border: 0; display: block; max-width: 100%;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select {-webkit-appearance: none;	border-radius: 0;
border:none; background: none;}
textarea {	-webkit-appearance: none;	border-radius: 0;	background: none;	outline: none;	padding: 0;	margin: 0;	border: none;}
::-moz-selection {background: #f7a300;color: #fff;text-shadow: none;}
::selection {	background: #f7a300;	color: #fff;	text-shadow: none;}
a {	text-decoration: none; blr: expression(this.onFocus=this.blur());	cursor: pointer;	-webkit-transition: 0.3s;	-moz-transition: 0.3s;
	-o-transition: 0.3s;	transition: 0.3s;}
a:link, a:visited {	text-decoration: none;}
a:active, a:hover {	text-decoration: none;}
.clearfix:before, .clearfix:after {	display: table;	content: "";line-height: 0px;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
.fl {float: left;display: inline-block;}
.fr {float: right;	display: inline-block;}
.inner {width: 1200px;	margin: 0px auto;  position: relative;}


.topwrap{ background: url(../img/top-bg.png) no-repeat center; background-size: cover; height: 52px; width: 100%; overflow: hidden;}
.top h3{ font-size: 14px; color: #f9f9f9; background: url(../img/tel.png) no-repeat left center;  padding-left: 22px; margin-top: 12px; }
.top .search{ border-radius: 30px; width: 240px; height: 30px; line-height: 30px; padding-left: 10px; background: #fff; margin:11px 10px 0 0;   }
.top .search .input-bg{  height: 30px; line-height: 30px; color: #4867e7;  }
.top .search .input-sub{ border-radius: 0 30px 30px 0; background: #f0ba46 url(../img/zoom.png) no-repeat center; height: 30px; width: 45px; 
line-height: 30px; }
.top h4{ color: #f9f9f9; padding-top: 10px;  }
.top h4 a{ font-size: 14px; color: #f9f9f9; display: inline-block; margin:0 10px; }

.nav { padding:25px 0; }
.nav .logo{ display: block; width: 35%; }
.navbar{ width: 65%; padding-top: 25px;}
.navbar ul li{ float: left;  }
.navbar ul li a{ display: block; font-size: 16px; color: #222;  padding:0 22px ; }

.navbar ul li:hover a{ color: #01209f; }
.logohidden{ display: none; }
.logoshow{ display: block; }
.navwrap.scollfox{ background:rgba(1,32,159,0.8);  position: fixed; top: 0; width: 100%; animation:fadedown1 850ms 350ms;  z-index: 9999;
animation-fill-mode: both; height: 80px;  }
.navwrap.scollfox .logo{ width: 25%; }
.navwrap.scollfox .nav{ padding:10px 0; }
@keyframes fadedown1{
	0%{ transform: translateY(-100%);opacity: 0; }
	100%{ transform: translateY(0%); opacity: 1; }
}

.navwrap.scollfox .navbar ul li a{ color: #fff;}
.navwrap.scollfox .logo .logohidden{ display: block; }
.navwrap.scollfox .logo .logoshow{ display: none; }
.navwrap.scollfox  .navbar{ padding-top: 15px; }
.phone-bar{ display:none; width: 100%; position: absolute; top: 45px; left: 0; } 
.phone-bar li a{ display: block; background: #01209f; font-size: 14px; color: #fff; padding:5px 0; text-align: center;}
.bar{ position: fixed;  top: 0px; display: none; right: 15px; z-index: 999; height: 55px; width: 34px; }
.bar span{ display: block; width: 34px; height: 2px; background: #fff;  }
.bar .burger{ position: absolute; top: 0;  left: 0; transition: all 0.3s; top: 10px; }
.bar .burger2{ top: 20px; left: 0; opacity: 1; }
.bar .burger3{ top: 30px; left: 0 }
.bar.active .burger2{ opacity: 0; }
.bar.active .burger1{ transform: rotate(45deg); top: 20px; }
.bar.active .burger3{ transform: rotate(-45deg); top: 20px; }


.slideBox { position: relative;}
.slideBox .hd li{ display: inline-block; float:left; width: 5px; height: 10px;  background: #fff;  margin:0 5px; 
opacity: 0.6; text-indent: -9999px;  transition: all 0.7s; vertical-align: top; }
.slideBox .hd li.on{ opacity: 1; height: 20px; }
.slideBox .hd{ position: absolute; bottom: 5%; left: 46%; z-index: 999; }
.slideBox .bd li{position: relative; width: 100%;}
.slideBox .bd li img{ transition: all 8s;  transform: scale(1); }
.slideBox .bd li.imgIn img { transform:scale(1.2);}

/*领域*/
.tit{ text-align: center; padding:70px 0; position: relative; z-index: 99;}
.p1 b{ font-size: 26px; color: #000; font-weight: normal;}
.p1 i{ font-size: 26px; color: #f1bb47; font-style: normal;}
.p2{ font-family:myFirstFont; font-size: 29px; color: #ececec; font-style: italic; margin-top: -30px; position: relative; z-index: -1;
text-transform: uppercase;}
.p3{ display: block; width: 17px; height: 2px;  background: #f1bb47;  margin:0 auto; margin-top: -20px; }
.p4{ font-size: 16px; color: #333333; }

.lingyu-list{ text-align: center; margin:auto;  }
.lingyu-list li{display: inline-block;  float:left; width: 25%; margin-bottom: 2%;  height:165px; transition: all 0.8s ease-out;  }
.lingyu-list li em{ display: block; text-align: center; transition: all 0.8s ease-out;}
.lingyu-list li em img{ display: inline-block; }
.lingyu-list li p{ font-size: 16px; color: #222; }
.lingyu-list li h5{ font-family: mySecondtFont; font-size: 14px; text-transform: uppercase; color:#666666; }
.lingyu-list li h5.small{ font-size: 12px; }
.lingyu-list li:hover{ padding-top: 10px;  }

.jingying{ background: url(../img/tuandui-bg.png) no-repeat center; background-size: cover; margin:70px 0; padding-bottom: 70px;
background-attachment: fixed; }


.jy-cont .bd{ height: 507px; overflow: hidden; float: left; width: 75% !important; }
.jy-cont .bd li{ display: none; }
.jy-cont .bd li.selected{ display: block; }
.jy-cont .bd .left{  background: #01209f; width:50%; float: left; text-align: center; margin-top:9%; position: relative;
 z-index: 2; padding:30px;}
.jy-cont .bd .left-cont{ border:1px solid #fff;  padding:30px; display: inline-block;  }
.jy-cont .bd .left-cont h3{ font-size: 18px; color: #fff; text-align: center; }
.jy-cont .bd .left-cont p{ color: #f1f1f1; font-size: 14px; line-height: 35px; text-align: left; }
.jy-cont .bd .right{ float: left; margin-left: -55px; width: 50%;}
.jy-cont .bd .right img{ display: block; max-width: 100%;}
.jy-cont .hd { float: right; padding-right: 15px; width: 25%; }
.jy-cont .hd li{ text-align: center; }
.jy-cont .hd li .left{ float: left; position:relative; width: 60%;}
.jy-cont .hd li .left b{ display: inline-block; width: 24px; height: 2px; background: #999; position: absolute; z-index: 9; bottom: 0;
 left: 139px; }
.jy-cont .hd li.on .left b{ background: #f1bb47; }
.jy-cont .hd li{ margin-bottom: 10px; }
.jy-cont .hd li .right { float: left;  padding-top: 40px; padding-left: 20px; width: 40%;}
.jy-cont .hd li .right h4{ font-size: 16px; color: #333;  }
.jy-cont .hd li .right h6{ font-size: 12px; color: #666; text-align: center; }
.jy-cont .hd .left em{ display: block;  max-width:100%;  height: auto; overflow: hidden; }
.jy-cont .hd .left em img{ display: block; max-width:100%; height: auto; transition: all 0.7s; transform: scale(1.05); overflow: hidden;  }
.jy-cont .hd li:hover em img{ transform: scale(1); }
.jy-cont .hd li:hover h4,.jy-cont .hd li.on h4{ color: #f1bb47 }
.jy-cont .gd{ display: inline-block; border:1px solid #b5b5b5; padding:8px 35px;  border-radius: 30px; position: absolute; left: 10px; bottom: 5%;
font-size: 14px; color: #555555; z-index: 3;}
.gd::after{ content: ""; display: inline-block; position: absolute; left: 0; width: 0;  background: #f1bb47; right: 0;
top: 0; bottom: 0; border-radius: 30px; transition: all 0.7s; z-index:-10;}
.gd:hover::after{ width: 100%;  }
.gd:hover{ color: #fff; border-color: #f1bb47;  }


.anli-list li{ float: left; display: inline-block;  width: 50%; padding:10px 15px 10px 10px; margin-bottom: 2%; position: relative; z-index: 0;}
.anli-list li::after{ content: ""; position: absolute; left: 0; right:0; top: 50%; width: 100%; height: 0; transition: all 0.7s;}
.anli-list li:hover::after{ background: #01209f; height: 100%; top: 0%; bottom: 0; z-index: -3;  }
.anli-list li:hover figcaption, .anli-list li:hover figure p{ color: #fff; }
.anli-list li:hover .biaoti span{ border-color: #fff; color: #fff; }
.anli-list li a{ display: block; position: relative; }
.anli-list li .time{ position: absolute; top: -20px; left: -20px; }
.anli-list li strong{ border:1px solid #01209f;  width: 44px; height: 44px; display: inline-block;  }
.anli-list li .time p{ background: #01209f; width: 44px; height: 44px; text-align: center; padding:5px; margin-left:-40px;
 margin-top: 12px; display: inline-block;}
.anli-list li .time p i{ font-size: 16px; font-style: normal; color: #fff; display: block; line-height: 1;}
.anli-list li .time p b{ font-size: 14px; font-style: normal; color: #fff; font-family: "segoe ui"; display: block; }
.anli-list li figure em{ float: left; width: 40%;  }
.anli-list li figure .biaoti{ float: left; width: 56%; margin-left: 2%;}
.anli-list figcaption{ font-size: 16px; color: #222; line-height: 30px; height: 60px; text-overflow: ellipsis; overflow: hidden; 
display: -webkit-box; white-space: normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;  }
.anli-list li figure p{ font-size: 14px; line-height: 30px; height: 60px; text-overflow: ellipsis; overflow: hidden; 
display: -webkit-box; white-space: normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;  color:#555555; }
.anli-list li .biaoti span{ display: inline-block; border-radius: 30px; padding:3px 25px; border:1px solid #01209f; color: #01209f;
 font-size: 14px; }
.anli .gd{ opacity: 0; border:1px solid #b5b5b5; padding:8px 35px;  border-radius: 30px; font-size: 14px; color: #555555; 
z-index: 3; }
.anli .tit{ padding-top: 0 }

.about .p3{ margin-top: 0;}
.about{ background: url(../img/bg.png) no-repeat center; background-size: cover; padding-bottom: 70px;  margin-top: 30px; background-attachment: fixed;}
.about .p4{color: #fff;}
.about .p1 b{color: #fff;}
.about .tit{ padding-bottom: 35px; }
.about figcaption{ font-size: 18px; color: #eaeaea;  text-align: center; padding:10px 0 20px 0;}
.about figure p{ font-size: 16px; color: #ddd; line-height: 35px; text-indent: 2em; }
.about .contact{ margin:0 auto; text-align: center; padding-top: 35px; }
.about .contact a{ display: inline-block; padding:5px 30px; background: #818385; color: #fff; font-size: 20px; text-align: center; 
	position: relative;  z-index: 5;}
.about .contact a::after{ content: ""; display: block; position: absolute; left: 0; right: 0; width: 0%; background: #f1bb47; 
 top: 0; transition: all 0.7s; bottom: 0; }
.about .contact a:hover::after{ width: 100%;  background: #f1bb47; z-index: -1; }

.num-list { padding-top: 50px; }
.num-list li{ width: 20%; text-align: center; float: left; position: relative; }
.num-list li b{ display: block; font-size: 60px; color: #fff; font-weight: normal; }
.num-list li i{ display: block; font-size: 18px; color: #fff; font-style: normal;}
.num-list li span{ position: absolute; top: 0; right: 20%; font-size: 30px; color: #fff; }
.num-list li:nth-child(2) span{ right: 18%; }

.news-list li{ width: 50%; display: inline-block; float: left; margin-bottom: 2%; position: relative; overflow: hidden; }
.news-list li::after{ content: ""; display: block; position: absolute; top:0%; left: 0; right: 0; bottom: 0; width: 0%;
height: 100%; z-index: -3; transition: all 0.5s; background: #01209f; }
.news-list li:hover::after{ width: 100%; }
.news-list li:hover figure figcaption{ color: #fff;  }
.news-list li:hover figure p{ color: #fff;  }
.news-list li:hover .left{ background: #f1bb47; }
.news-list li:hover .left b{ color: #fff; }
.news-list .left{ width: 15%; float: left; background: #01209f;  text-align: center; padding:10px; transition: all 0.7s; position: relative;}
.news-list .left::after{ content: ""; display: block; position: absolute; top:0%; left: 0; right: 0; bottom: 0; width: 0%;
height: 100%; z-index: 5; transition: all 0.7s; background: #f1bb47; }
.news-list li:hover .left::after{ width: 100%; }
.news-list .left b{ font-size: 16px; color: #c5c9e2; display: block; font-weight: normal; position: relative; z-index: 99; }
.news-list .left strong{ font-size: 24px; color: #fff; display: block; position: relative; z-index: 99; }
.news-list figure{ float: left; width: 80%; margin-left: 3%; }
.news-list figure figcaption{ font-size: 16px; color: #222; transition: all 0.7s;  white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;}
.news-list figure p{ font-size: 14px; color: #555; line-height: 30px; height: 60px; text-overflow: ellipsis; overflow: hidden;
display: -webkit-box;  white-space: normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition: all 0.7s;}
.news .gd{ border:1px solid #b5b5b5; padding:8px 35px; border-radius: 30px; font-size: 14px; color: #555555; z-index: 3; 
position: relative;}
.news .gd:hover{ color: #fff; }
.news .gd-wrap{ text-align: center; padding-top: 30px;}

.hezuo-wrap{ background: #f2f2f2; margin:70px 0 0 0; padding-bottom: 70px; }
.hezuo-wrap .tit .p2{ color: #d6d6d6; }
.swiper-button-prev{ background: url(../img/prev.png) no-repeat center; background-size: cover; width:12px; height: 22px; left: 10px;
right: auto; top:55%; }
.swiper-button-next{ background: url(../img/next.png) no-repeat center; background-size: cover; width:12px; height: 22px; right: 10px;
left: auto;  top:55%;;  }
#swiper-container1{ background:#fff; padding:40px 20px; }
#swiper-container1 .swiper-wrapper{ width:99%; margin:auto;}
#swiper-container1 .swiper-slide {text-align: center; display: inline-block; float: left; width: auto;}
#swiper-container1 .swiper-slide img{ display: inline-block;  transition: all 0.7s;}
#swiper-container1 .swiper-slide:hover img{ opacity: 0.6; }

.foot-wrap{ background: #2f2f2f; padding:70px 0 0 0;  }
.foot-wrap .left{ float: left; width: 50%; }
.foot-wrap .right{ float: right;  width: 50%; }
.foot-wrap .right p{ margin-bottom: 5%; }
.foot-wrap .right span{ font-size: 14px; color: #fff; display: inline-block; color: #dcdcdc; padding-right: 2%; width: 13%; }
.foot-wrap .right .input-bg{ width: 87%; display: inline-block;  background: #3c3c3c; padding:10px 0; padding-left: 5px; font-size: 14px; 
color: #c0c0c0; resize: none; vertical-align: top;}
.foot-wrap .right .input-bg2{background: #f1bb47; width: 100%; color: #fff;}
.foot-wrap .left p{ line-height: 32px; color: #dcdcdc; font-size: 14px; }
.foot-wrap .code>div{ margin-right: 2%;  margin-top: 5%;}
.foot-wrap .code b {display: block; font-size: 14px; color: #c0c0c0; text-align: center;  }
.line-yellow{ border-top: 2px solid #f1bb47;  margin-top: 35px;}
.line-yellow p{ text-align: center; font-size: 14px; color: #c0c0c0; padding:25px 0; }

.smallnei{ background: url(../img/nei.jpg) no-repeat center; background-size: cover;  position: relative;}
.smallnei h1{ font-size: 40px; color: #fff; text-align: center;  padding: 150px 0;  }
.smallnei h3{ width: 50px; height: 3px; background: #fff; display: block;  position: absolute; left: 50%; margin-left: -25px;
top: 65%; }

.secomdmenu{ background: #f8f8f8; margin-bottom: 30px; }
.secomdmenu ul li{ float: left; display: inline-block; }
.secomdmenu ul li a{ font-size: 16px; color: #333; display: block; padding:10px 20px; }
.secomdmenu ul li.on a{background: #01209f; color: #fff;  }

.news-page ul li{ display: inline-block; width: 23%; background: #f4f4f4; padding:15px; transition: all 0.7s; transform: translateY(0); 
float: left; margin:1%; }
.news-page ul li h3{ font-size: 14px; color: #666;  padding:5px 0;   transition: all 0.7s; }
.news-page ul li h1{ font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:5px 0; 
 transition: all 0.7s; }
 .news-page ul li em img{ max-width: 100%; max-height: 162px; height:162px; }
.news-page ul li p{ font-size: 14px; color: #555;  margin: 0; line-height: 32px; height: 64px; display: -webkit-box; -webkit-box-orient:vertical; 
 -webkit-line-clamp:2;  transition: all 0.7s; overflow: hidden;}
.news-page ul li span{ display: inline-block; padding:5px 25px; background: #01209f; color: #fff; font-size: 14px;  transition: all 0.7s;}
.news-page ul li:hover span{ background: #fff; color: #01209f; }
.news-page ul li:hover{ background: #01209f; box-shadow: 0 8px 29px rgba(0, 0, 0, 0.41); transform: translateY(-15px);   }
.news-page ul li:hover h1,.news-page ul li:hover h3,.news-page ul li:hover p{ color: #fff; }


.fenye { text-align: center; padding:35px 0;  }
.fenye span{ display: inline-block; padding:5px 20px; background:#01209f; color:#fff !important; border:1px solid #ddd; margin:0 10px; cursor: pointer; font-size: 14px; color: #555; }
.fenye a{ display: inline-block; padding:5px 20px;  border:1px solid #ddd; margin:0 10px; cursor: pointer; font-size: 14px; color: #555; }
.fenye a:hover{ color: #01209f; border-color: #01209f; }


.case-page ul li{ display: inline-block; width: 32%; transition: all 0.7s; float: left; margin-right: 1%; overflow: hidden;
 margin-bottom: 2%; position: relative; text-align: center;}
.case-page ul li h3{ font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:0; 
transition: all 0.7s; text-align: center;   }
.case-page li figure { overflow: hidden; display: block; line-height: normal; height:237px;  }
.case-page li figure img{ line-height: 0; height: auto; display: block; width: 100%; transition: all 0.7s; }
.case-page ul li figcaption{ display: block; overflow: hidden; background: #f4f4f4;   transition: 0.7s;  
 position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 0%; width: 100%;}
.case-page ul li p{ font-size: 14px; color: #555;  margin: 0;  line-height: 30px; height: 60px; display: -webkit-box;
-webkit-box-orient:vertical; -webkit-line-clamp:2;  transition: all 0.7s; overflow: hidden; margin-bottom: 5px;  text-align: center;  }
.case-page ul li span{ display: inline-block; padding:5px 25px; background: #01209f; color: #fff; font-size: 14px; transition: all 0.7s; 
transition: all 0.7s;}
.case-page ul li:hover span{ background: #fff; color: #01209f; transition: all 0.7s; transition-duration: 0.7s;  }
.case-page ul li:hover h3,.case-page ul li:hover p{ color: #fff; }
.case-page ul li:hover figcaption{background: rgba(1,32,159,0.7); height: 100%;   padding:22px 18px 16px;} 
.case-page ul li:hover{ text-align: center;}


.details-page{ padding:60px 0; }
.details-page .de-tou{ border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.details-page .de-tou h2{ font-size: 18px; color: #333; text-align: center; }
.details-page .de-tou p{ text-align: center; }
.details-page .de-tou p span{ font-size: 14px; color: #555; display: inline-block; margin:0 5px; }
.details-page .de-cont .de-p,.details-page .de-cont p{ font-size: 14px; color: #555; line-height: 35px;  }
.details-page .de-cont .de-img{ text-align: center; padding:30px 0; }
.details-page .de-cont .de-img img{ display: inline-block; }
.fen-page>div{ float: left; }
.fen-page>div a{ color: #333; }
.fen-page>div a:hover{ color: #01209f; }
.fen-page>div span{ display: inline-block; font-size: 14px; color: #333; float: left; padding-right: 10px; }
.fen-page>div h2{ font-size: 14px; float: left; }
.fen-page .next-page{ float: right; }

/*在线留言*/
.mgs-formtable{width:60%; margin:auto;}
.mgs-formtable p{width:100%;float:left;  margin:auto;}
.mgs-formtable .mgs-lab{width:100%;height:25px; line-height:25px; text-align:left;margin:10px 0;}
.mgs-formtable .mgs-input{width:100%;height:35px; line-height:35px; border:1px solid #ccc;}
.mgs-formtable  .mgs-text{width:100%; height:50px;border:1px solid #ccc;}
.mgs-formtable  .mgs-submit{width:100%;height:35px; line-height:35px; background:rgba(1,32,159,0.8); color:#fff; font-size:16px; border:none;}

/*地图*/
.cont-map{width:100%; float:left; margin:auto; }
.cont-map .map-list{width:16.6%; float:left;margin-top:30px;}
.cont-map .map-list li{ width:100%; height:30px; line-height:30px;text-align: center;}
.cont-map .map-list li a{ width:100%; text-align:center; height:30px; line-height:30px;font-size:14px; color:#222;}
.cont-map .map-list .map-title{ font-size:16px; font-weight:bold; color:#01209f !important;}