/*****Reset Css  2014.5.29 by Changl*****/
body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:16px/1.5 arial,"Microsoft Yahei"; color:#333;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
border:none;padding:0;
}

/***** common css *****/
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.text{ border:none;}
.btn{ cursor:pointer; border:none;}
.core{ color:#9b0a00;}
em,i{ font-style:normal;}

/* head */
.head{ background:#f9f9f9; height:126px;
-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.head_inner{ margin:0 auto; width:1100px;}
.head_inner h1{ margin:31px 0 0 0; float:left;
	-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.head_right{ float:right;}
.apex{ float:right; padding:48px 0 0 0;}
.apex .apex_img{ float:left;}
.apex select{ float:left; margin:0 10px; width:68px; height:28px; border:1px solid #d3d3d3; border-radius:5px; background:#fff; color:#6e6e6e;}
.apex .language{ float:left; font-size:18px; color:#8b8b8b;}
.apex .language a{ color:#8b8b8b; padding:0 3px;}
.apex .language a:hover{ color:#5C1E7F; transition:all 0.4s ease 0s;}
.nav{ float:right; clear:both;}
.nav li{ float:left;}
.nav li a{ display:block; padding:13px 0px; margin:0 20px; -border-bottom:2px solid #fff; 
	font-size:16px; color:#333333; position: relative;
-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
} 
/*.nav li a:hover{ color:#5C1E7F; border-bottom:2px solid #5C1E7F;transition:all 0.4s ease 0s;}*/
.nav li a:after{ content: ''; position: absolute; width: 100%; height: 2px; background: #5C1E7F; position: absolute;
left: 0; bottom: 15px; opacity: 0; filter:alpha(opacity=0);
-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.nav li a:hover{
	 color:#5C1E7F !important;
}

.nav li a:hover:after{
	bottom: -2px; opacity: 1; filter:alpha(opacity=100);
}

/* foot */
.foot{ /* background:url(../images/footbj.jpg) center top no-repeat; */background-color: #5C1E7F;}
.foot_inner{ width:1100px; margin:0 auto;}
.foot_left{ width:900px; float:left;}
.foot_nav{ float:left; width:16.6%; color:#fff; margin-top:66px; }
.foot_nav span{ color:#fff; padding-bottom:10px; border-bottom:1px solid #fff; display:inline-block; font-size:18px;}
.foot_nav a{ display:block; color:#fff; margin-top:14px;font-size: 14px;}
.foot_nav a:hover{ text-decoration:underline;}
.foot_right{ float:right;}
.add{ background:#303030;}
.add_inner{ width:1100px; margin:0 auto; padding:10px 0;}
.add_inner p{ color:#bebebe; text-align:center; line-height:24px;}
.add_inner p a{color:#bebebe; margin-left:8px;}
.add_inner p a:hover{ color:#fff;}

/* pages */
.pages{ padding:30px 0; text-align:center;}
.pages_inner{ display:inline-block; *display:block; *zoom:1;}
.pages_inner a{ height:16px; line-height:16px; display:block; float:left; margin:0 4px; width:16px; text-align:center;}
.pages_inner a.up{ width:50px; font-size:14px;}
.pages_inner a:hover,.pages_inner a.on{ background:#5C1E7F; color:#fff;}

/* about */
.wrap{ width:1100px; margin:32px auto 0;}
.catalog{ float:left; width:246px;}
.catalog h3{ background:url(../images/cata.png) left top no-repeat; height:60px; font-weight:normal; line-height:60px;}
.catalog h3 span{ margin:0 6px 0 23px; display:inline-block; font-size:20px; color:#5C1E7F;}
.catalog h3 em{ font-family:Tahoma;display: none;}
.catalog ul{ border:1px solid #e9e9e9; background:#f9f8f8; padding-bottom:47px;}
.catalog ul a{ display:block; margin-top:10px; height:40px; line-height:40px; color:#666666; font-size:16px; text-align:center; background:url(../images/catali.jpg) left top no-repeat; width:230px;}
.line{ border-bottom:1px solid #5C1E7F;}
.catalog ul a:hover,.catalog ul a.for{background:#5C1E7F; color:#fff; }
.details{ width:816px; float:right;min-height:500px; margin-bottom:80px;}
.deta_inner{ border:1px solid #e9e9e9; background:#fcfcfc; }
.deta_top{ background:url(../images/deta.jpg) left top; height:45px; line-height:45px; border-radius:5px 5px 0 0;}
.deta_top .current{ float:left; padding-left:56px; background:url(../images/detapic.png) 30px center no-repeat; font-size:16px;}
.position{ margin-right:28px; float:right;}
.position .blue,.position a:hover{ color:#5C1E7F;}
.atricle{ line-height:30px; font-size:16px; color:#666; padding:25px 50px 100px;}
.tec_top .current{ background:url(../images/t.png) 30px center no-repeat; }
.atricle img{ width:auto!important; height:auto!important; max-width:100%!important;}
.tec_info img{width:auto!important; height:auto!important; max-width:100%!important;}
.news_info img{ width:auto!important; max-width:100%!important; height:auto!important;}
.news_word img{width:auto!important; max-width:100%!important; height:auto!important;}
/* tec */
.tec{ padding:25px 0 0 20px;}
.tec li{ float:left; margin:20px 0 0 40px;}
.tec li img{ width:328px; height:200px; overflow:hidden;}
.tec li span{ display:block; height:40px; line-height:40px; color:#666666; font-size:16px; text-align:center;}
.tec li:hover span{ color:#5C1E7F; transition:all 0.5s ease 0s;}
.tec li:hover img{ opacity:.7;}
/* tec_info */
.tec_info{line-height:30px; font-size:14px; color:#666; padding:25px 50px 100px;}
.return{ display:block; float:right; padding:30px 0; color:#5C1E7F; font-size:14px; clear:both;}
.return:hover{ text-decoration:underline;}

/* news */
.news_top .current{ background:url(../images/n.png) 30px center no-repeat; }
.news{ padding:0 30px;}
.news .news_dl{ background:#f2f2f2; margin:37px 0 7px 0;}
.news .news_dl dt{ float:left; width:279px; height:235px; overflow:hidden; margin-right:26px;}
.news .news_dl dd{ float:left; width:424px; padding-top:20px;}
.news .news_dl dd .news_tit{ height:60px; line-height:60px; display:block; text-align:center; font-size:20px;}
.news .news_dl dd p{ line-height:24px; font-size:14px; color:#666; height:93px; overflow:hidden;}
.news_div{ margin-top:20px; height:20px; line-height:20px;}
.news_div span{ display:block; float:left; font-size:18px; color:#666;}
.news_div .news_see{ display:block; float:right; font-size:14px; color:#666;}
.news .news_dl dd .news_tit:hover,.news_div .news_see:hover{ color:#5C1E7F;}
.news_tit{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_inner dl{ margin-top:20px;}
.news_inner dt{ float:left; margin-right:18px; width:92px; height:92px; background:#5C1E7F; text-align:center; color:#fff;}
.news_inner dt span{ font-size:48px; display:block; height:60px; line-height:60px; overflow:hidden;}
.news_inner dt em{ font-size:18px; display:block;}
.news_inner dd{ width:644px; float:left; padding-top:8px;}
.news_inner dd a{ height:37px; line-height:37px; display:block; font-size:18px;}
.news_inner dd p{ color:#666; line-height:20px; height:40px; line-height:22px; overflow:hidden;}
.news_inner dd a:hover{ color:#5C1E7F;}
.news_info{line-height:30px; font-size:14px; color:#666; padding:47px 50px 100px;}
.release h3{ text-align:center; font-size:20px; text-align:center; font-weight:normal; color:#333; border-bottom:1px solid #e8e8e8; height:44px; line-height:44px;}
.release span{ border-bottom:1px solid #e8e8e8; height:30px; line-height:30px; display:block; text-align:center;}
.release { margin-bottom:35px;}
.contact_top .current{background:url(../images/c.png) 30px center no-repeat;}

.message{ background:url(../images/message.jpg) left top no-repeat; height:650px;}
.message h3{ font-size:20px; font-weight:normal; margin:80px 0 30px 257px; height:40px; line-height:40px;}
.message h3 em{ margin-left:30px;}
.mess_for{ margin-left:160px;}
.mess_txt{ width:370px; height:34px; line-height:34px; border:1px solid #535353; border-radius:5px; margin:10px 0; padding-left:8px;}
.mess_for td{ font-size:14px;}
.mess_for textarea{width:370px; height:78px; line-height:20px; border:1px solid #535353; border-radius:5px; margin:10px 0; padding-left:8px; resize:none;}
.mess_sub{ width:150px; height:36px; line-height:36px; text-align:center; cursor:pointer; font-size:14px; color:#fff; background:#5C1E7F; border:none; border-radius:5px; margin-top:16px;}
.mess_for span{ margin-left:6px; color:#ff0600;}

/* join */
.recu{ padding:20px 0 66px 20px;}
.recu ul{ cursor:pointer;}
.pos dd li{ line-height:42px; color:#333; height:42px;padding-left:50px; font-size:18px;  position:relative; margin-bottom:10px;background:#f5f5f5 url(../images/round.png) 20px center no-repeat; color:#666666;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#333; line-height:30px; margin:22px 0 22px 20px; display:none; font-size:16px; color:#666; }
.pos li .jia{ position:absolute; top:11px; right:2px; background:url(../images/add.png) left center no-repeat; width:22px; height:22px;}
.recu dd .act li{ color:#5C1E7F;} 
.recu dd .act li .jia{position:absolute; top:11px; right:2px; background:url(../images/add1.png) left center no-repeat; width:22px; height:22px;}
.Requirement .apply{ background:url(../images/bnt.jpg) left top no-repeat; width:72px; height:27px; display:block; color:#fff; line-height:27px; text-align:center; margin:43px 0;}

/* index */
.swiper-container {width: 100%;height: 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;}
.swiper-slide img{ width:100%; height:100%;}
#show{ display:none;}
.index_box{ width:1100px; margin:0 auto;}
.index_h3{ background:url(../images/xian.png) center center no-repeat; text-align:center; height:166px; line-height:166px;}
.us_left{ width:556px; float:left; margin:0 53px 0 43px;}
.us_left .us_tit{ font-size:25px; color:#5C1E7F; display:block; height:50px; line-height:50px; overflow:hidden;}
.us_left .us_tit:hover{ text-decoration:underline;}
.us_left p{ line-height:32px;px; color:#666; height:235px; overflow:hidden;}
.us_left .us_see{ display:block; width:129px; height:38px; line-height:38px; border:1px solid #5C1E7F;
 border-radius:15px; text-align:center; font-size:16px; color:#5C1E7F;

 -webkit-transition:all 0.4s ease 0s;
 -ms-transition:all 0.4s ease 0s;
 transition:all 0.4s ease 0s;

}
.us_left .us_see:hover{ background:#5C1E7F; color:#fff;}
.us_right{ width:411px; float:right; margin-top:23px;}
.us_right:hover img{  box-shadow:0px 0px 5px 3px #eee;transform:scale(1.01,1.01)}

.us_right img{ width:411px; height:281px; overflow:hidden; transition:all 0.5s ease 0s;}
.skill_ul li{ width:20%; text-align:center; float:left;}
.skill_ul li em{ height:130px; margin-bottom:20px; display:block; position: relative; width: 100%;}
.skill_ul li span{ display:block; height:47px; line-height:47px; font-size:18px;}
.skill_ul li:hover span,.skill_ul li:hover p{ color:#5C1E7F; transition:all 0.5s ease 0s;}
.skill_ul li p{ height:67px; line-height:24px; color:#666; text-align:center; width:196px; margin:0 auto;}

.skill_ul li em:before,.skill_ul li em:after{ content: ''; display: block; width: 130px; height: 130px; position: absolute;
left: 50%; margin-left: -65px; top: 0;
 -webkit-transition:all 0.4s ease 0s;
 -ms-transition:all 0.4s ease 0s;
 transition:all 0.4s ease 0s;
}

.skill_ul li em.round1:before{
	 background:url(../images/round11.jpg) center top no-repeat;
}
.skill_ul li em.round2:before{
	 background:url(../images/round2.jpg) center top no-repeat;
}
.skill_ul li em.round3:before{
	 background:url(../images/round3.jpg) center top no-repeat;
}
.skill_ul li em.round4:before{
	 background:url(../images/round4.jpg) center top no-repeat;
}
.skill_ul li em.round5:before{
	 background:url(../images/round5.jpg) center top no-repeat;
}


.skill_ul li em.round1:after{
	 background:url(../images/round1.jpg) center top no-repeat;
}
.skill_ul li em.round2:after{
	 background:url(../images/round22.jpg) center top no-repeat;
}
.skill_ul li em.round3:after{
	 background:url(../images/round33.jpg) center top no-repeat;
}
.skill_ul li em.round4:after{
	 background:url(../images/round44.jpg) center top no-repeat;
}
.skill_ul li em.round5:after{
	 background:url(../images/round55.jpg) center top no-repeat;
}

.skill_ul li em:after{ opacity: 0; filter:alpha(opacity=0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);}
.skill_ul li em:hover:after{
	 opacity: 1; filter:alpha(opacity=100);
	 -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);
}

.skill_ul li em:before{ opacity: 1; filter:alpha(opacity=100); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
.skill_ul li em:hover:before{
	 opacity: 0; filter:alpha(opacity=0);
	 -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);
}



/*
.skill_ul li em.round2{background:url(../images/round2.jpg) center top no-repeat;}
.skill_ul li em.round3{background:url(../images/round3.jpg) center top no-repeat;}
.skill_ul li em.round4{background:url(../images/round4.jpg) center top no-repeat;}
.skill_ul li em.round5{background:url(../images/round5.jpg) center top no-repeat;}
.skill_ul li em:hover{background:url(../images/round1.jpg) center top no-repeat; 
	transform:rotate(360deg) scale(1.05,1.05);}
.skill_ul li em.round2:hover{background:url(../images/round22.jpg) center top no-repeat;}
.skill_ul li em.round3:hover{background:url(../images/round33.jpg) center top no-repeat;}
.skill_ul li em.round4:hover{background:url(../images/round44.jpg) center top no-repeat;}
.skill_ul li em.round5:hover{background:url(../images/round55.jpg) center top no-repeat;}

*/









.index_news,.index_tec{ margin-top:30px;}
.ear_left{ background:url(../images/indexnews.jpg) left top no-repeat; width:942px; height:134px; float:left;}
.earthquake{ margin-bottom:25px;}
.ear_inner{ width:50%; float:left; box-sizing:border-box; padding-left:62px; margin-top:23px;}
.ear_inner a{ display:block; height:37px; line-height:37px; color:#5C1E7F; font-size:18px;
 -ms-transition:all 0.4s ease 0s;
  -webkit-transition:all 0.4s ease 0s;
   transition:all 0.4s ease 0s;
	overflow:hidden; /*超出的部分隐藏起来。*/ 
	white-space:nowrap;/*不显示的地方用省略号...代替*/
	text-overflow:ellipsis;/* 支持 IE */
}
.ear_inner p{ line-height:24px; font-size:14px; color:black; height:45px; overflow:hidden;}
.ear_inner:hover a{ color:black;}
.ear_right{ width:157px; height:134px; float:left; background:#5C1E7F url(../images/ye.jpg) center 30px no-repeat;}
.ear_right span{ font-size:24px; color:#fff; margin-top:75px; text-align:center; display:block;}
.ear_right:hover span{ text-decoration:underline;}
.press{ margin-bottom:113px; background:#f0f0f0;}
.press_left{ width:287px; height:236px; overflow:hidden; float:left;}
.press_left img{width:287px; height:236px; overflow:hidden; transition:all 0.5s ease 0s;}
.press_left:hover img{ transform:scale(1.1,1.1)}
.press_right{ float:left; padding:0 10px 0 36px; box-sizing:border-box; margin:30px 0 17px; border-right:1px solid #dddddd; width:404px;}
.press_dl{ margin-bottom:16px;}
.press_dl dt{ float:left; margin-right:7px; width:61px; height:57px; text-align:center;}
.press_dl dt span{ display:block; height:43px; line-height:43px; overflow:hidden; font-size:30px;}
.press_dl dt em{ font-size:16px; display:block;}
.press_dl dd{ float:left; height:90px; line-height:34px; overflow:hidden; width:288px; font-size:24px;}
.press_dl dd:hover a,.press .press_see:hover{ color:#5C1E7F; transition:all 0.4s ease 0s;}
.press p{ line-height:24px; color:#7b7b7b; height:41px; overflow:hidden;}
.press .press_see{ display:block; margin-top:10px; color:#7b7b7b;}

.press_dl dd a{
	 -ms-transition:all 0.4s ease 0s;
	  -webkit-transition:all 0.4s ease 0s;
	   transition:all 0.4s ease 0s;
}


.phnav{ background:url(../images/navph.png) left top no-repeat; display:nono; width:23px; height:25px; position:absolute; right:10px; top:40px;}
#phone{ width:100%; position:absolute; background:#5C1E7F; left:0; top:80px; z-index:9;  z-index:999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:14px; text-align:center; background:none;}
.index_banner{ display:none;}

#show{ display:none;}


.h-wrap{ height: 126px;}
.head{ position: fixed; left: 0; top:0; width: 100%; z-index: 9999;}
.fixed{ top: -70px; -border-bottom: 1px solid #5C1E7F;}
.fixed .head_inner h1{ margin-top: 72px;}

.swiper-container,.index_h3,.earthquake,.press,.us_left,.us_right,.skill_ul li{
	visibility: hidden;
}

.swiper-container.into,.index_h3.into,.earthquake.into,.press.into{
	-webkit-animation:fadeInUp 0.6s ease 0.2s both;
	-ms-animation:fadeInUp 0.6s ease 0.2s both;
	animation:fadeInUp 0.6s ease 0.2s both;
	visibility: visible;
}
.into .us_left{
	-webkit-animation:fadeInLeft 0.6s ease 0.2s both;
	-ms-animation:fadeInLeft 0.6s ease 0.2s both;
	animation:fadeInLeft 0.6s ease 0.2s both;
	visibility: visible;
}
.into .us_right{
	-webkit-animation:fadeInRight 0.6s ease 0.2s both;
	-ms-animation:fadeInRight 0.6s ease 0.2s both;
	animation:fadeInRight 0.6s ease 0.2s both;
	visibility: visible;
}

.skill_ul.into li:nth-of-type(1),.dongh.into .foot_inner{
	-webkit-animation:fadeInUp 0.6s ease 0.2s both;
	-ms-animation:fadeInUp 0.6s ease 0.2s both;
	animation:fadeInUp 0.6s ease 0.2s both;
	visibility: visible;
}
.skill_ul.into li:nth-of-type(2),.dongh.into .add{
	-webkit-animation:fadeInUp 0.6s ease 0.4s both;
	-ms-animation:fadeInUp 0.6s ease 0.4s both;
	animation:fadeInUp 0.6s ease 0.4s both;
	visibility: visible;
}
.skill_ul.into li:nth-of-type(3){
	-webkit-animation:fadeInUp 0.6s ease 0.6s both;
	-ms-animation:fadeInUp 0.6s ease 0.6s both;
	animation:fadeInUp 0.6s ease 0.6s both;
	visibility: visible;
}
.skill_ul.into li:nth-of-type(4){
	-webkit-animation:fadeInUp 0.6s ease 0.8s both;
	-ms-animation:fadeInUp 0.6s ease 0.8s both;
	animation:fadeInUp 0.6s ease 0.8s both;
	visibility: visible;
}
.skill_ul.into li:nth-of-type(5){
	-webkit-animation:fadeInUp 0.6s ease 1s both;
	-ms-animation:fadeInUp 0.6s ease 1s both;
	animation:fadeInUp 0.6s ease 1s both;
	visibility: visible;
}

.swiper-container .swiper-pagination{ bottom: 10px!important;}




.catalog ul .second_inner a{ background:none; font-size:14px; text-align:left; text-indent:100px; height:30px; line-height:30px; margin-top:5px;}
.catalog ul .second_inner a:hover,.catalog ul .second_inner a.on{ color:#5C1E7F; background:#f5f3f4;}




.foot_recu{ padding:20px 0 20px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#5C1E7F; color:#fff; border-bottom:1px solid #616161;}
.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}

.ewm { display:none;}