body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
body { color: #515151;font-family:"微软雅黑";font-size: 12px; overflow-x: hidden;}
a { color: #515151; text-decoration: none;}

.clearfix:after { content: ""; display: table; clear: both;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
@font-face{font-family: "禹卫书法行书简体";src:url(../fonts/禹卫书法行书简体.ttf);}


/*->分屏背景
*********************/
.bg1 { background: url(../images/page1_bg.jpg) 50% 0 no-repeat;}
.bg2 { background:url(../images/page2_bg.jpg) 50% 0 no-repeat;}
.bg3 { background: url(../images/page3_bg.jpg) 50% 0 no-repeat;}
/*->主题css
*********************/
#foot{margin: 0; padding: 0; position: fixed; right: 70px; bottom: 0px; background:#333 url(../images/bot_bg.png) no-repeat;background-position:-2px 0;list-style-type: none; z-index: 10000;width: 100%;border-bottom: 1px solid #fff;}
#foot p{ font-size:12px;font-family:"微软雅黑";color: #fff;}
.foot_r{ float:left;}
#foot i{ width:34px; height:34px; background:#424347; font-size:18px;color:#ffffff; line-height:34px; text-align:center;border-radius: 17px;margin-left: 10px;
-webkit-border-radius:17px;moz-border-radius:17px;}
#foot i:hover{ background:#049589;}
.bot{width:75%;margin: 0 auto;height: 51px;line-height: 51px;}
#fot{color: #fff;font-size: 12px;}
.nav{width: 100%;height: 97px;background:#FFFFFF;
border-bottom:4px solid #028EDB;
	position: fixed;z-index: 100;top: 0;left: 0;
	animation:animation1_nav 1s ease 0s; 
	-webkit-animation:animation1_nav 1s ease 0s;
}
@keyframes animation1_nav {
	0% { left: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}
@-webkit-keyframes animation1_nav {
	0% { left: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}

.nav_con{height:97px;width: 75%;margin: 0 auto;}
.logo{width: 40%;float: left;}
.logo img{ margin-top:15px;}
.nav_list{ float:right;width: 53%;height: 97px; line-height:97px;}
.nav_list ul li{float: left;width:20%;text-align: center; position:relative;}
.nav_list ul li a{color: #000000; font-family:"微软雅黑";font-size: 16px;display: block;}
.nav_list ul li a:hover{background: url(../images/nav_hbg.jpg) no-repeat center;}
.Nav_h{background: url(../images/nav_hbg.jpg) no-repeat center;}
.nav_list ul li dl {
	position:absolute;
	left:0;
	top:85px;
	width:100%;
	display:none;
	z-index:999;
}
.nav_list ul li dd {
	background:#FFFFFF;
	filter:alpha(opacity=90);  /* ie 有效*/
	-moz-opacity:0.9; /* Firefox  有效*/
	opacity: 0.9; /* 通用，其他浏览器  有效*/
	height:32px;
	line-height:32px;
	font-size:12px;
	font-family:"微软雅黑";
}
.nav_list ul li dd a{ color:#000000;}
.nav_list ul li dd a:hover {
	color:#000000;
	background:#84aac9;
	filter:alpha(opacity=70);  /* ie 有效*/
	-moz-opacity:0.7; /* Firefox  有效*/
	opacity: 0.7; /* 通用，其他浏览器  有效*/
}

/*---service---*/
.indexservice{ width:100%; height:683px; background:#FFF;}
.indexservicetitle{ font-family:"微软雅黑"; font-size:30px;  padding-top:35px; line-height:55px; text-align:center; color:#000000;transition:all 1s ease 0s;}
.indexservicetitle span{ color:#028EDB;}
.indexservicetitle:hover{animation:tada 1s;}
.indexservicetitle2{ color:#464646; font-size:14px; font-family:"微软雅黑"; line-height:35px; text-align:center;border-top:1px #dadada solid;}
.indexservicecon{ width:1200px; margin:0 auto;}
.indexservicecon ul{ width:1200px; margin:0 auto; margin-top:15px;}
.indexservicecon ul li{ width:300px; float:left; text-align:center;}
.indexservicecon ul li img{position: relative;transition: all 1.5s; cursor:pointer;}
.indexservicecon ul li.prolist_one{width: 20%;float: left; position: relative;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.indexservicecon ul li img:hover{
	transform: rotate(360deg);
}

#prolist0{
	animation: animation0_prolist 2s ease 0s;
	-webkit-animation: animation0_prolist 2s ease 0s;
}
.indexservicecon ul li img{ width:200px;}
.indexservicecon ul li h1{ font-family:"微软雅黑"; font-size:18px; color:#000; text-align:center; line-height:72px;}
.indexservicecon ul li h1 a{ color:#000;}
.indexservicecon ul li h2{ color:#6b6b6b; font-size:14px; line-height:25px; font-weight:normal; padding:15px; text-align:center;}
/*---serviceEND---*/


/*--indexreason--*/
.indexreason{ background:url(../images/indexaboutbj.jpg) no-repeat center; width:100%; height:698px;}
.indexreasontitle{font-family:"微软雅黑"; font-size:30px; padding-top:35px; line-height:60px; text-align:center; color:#000000;transition:all 1s ease 0s;}
.indexreasontitle:hover{animation:tada 1s;}
.indexreasontitle span{ color:#028EDB;}
.choose_type{ width:815px; margin:0 auto; margin-top:40px;}
.choose_type li{ width:230px; height:50px; line-height:50px; list-style:none; float:left; margin-right:40px;}
.choose_type li a{ width:230px; height:50px; display:block; background:#0d90d4; border-radius:5px; font-size:18px; text-align:center; color:#FFF; font-weight:bold;cursor: pointer;transition: all 1s;-webkit-transition: all 1s;}
.choose_type li a:hover{ background:#ff7300;}
.choose_more{  border:1px #0d90d4 solid; width:100px; height:37px; text-align:center; line-height:37px;  font-size:16px; display:block; float:right; text-indent:0;}
.choose_con{/* width:1200px; margin:0 auto;*/}
.choose_con img{  margin:0 auto;} 
.choose_con p{ text-indent:0px;}
.choose_content{ width:570px; float:left; height:280px; overflow:hidden;/* margin-top:100px;*/}
.choose_content p{ text-indent:0px;}
.row3{position:relative;width:1200px; margin:0 auto;}
.row3 .JQ-slide{background:url(../images/side_bg1.jpg) no-repeat center top;}
.row3 .JQ-slide-nav{ width:1081px; margin:0 auto; margin-top:40px;overflow:hidden;zoom:1;}
.row3 .JQ-slide-nav li{cursor:pointer;}
.row3 .JQ-slide-nav li.on{background-position:0 0;color:white;}
.row3 .JQ-slide-nav li.on a:link, .row3 .JQ-slide-nav li.on a:visited, .row3 .JQ-slide-nav li.on a:hover, .row3 .JQ-slide-nav li.on a:active{color:white;}
.row3 .JQ-slide-content{position:relative;overflow:hidden;width:590px;height:300px; margin-top:100px;background:#FFFFFF;}
.row3 .JQ-slide-content .newsList{position:absolute;top:0;left:0;width:590px;height:300px; padding:10px; background:#FFFFFF;filter:alpha(opacity=50);  /* ie 有效*/
	-moz-opacity:0.5; /* Firefox  有效*/
	opacity: 0.5; }
/*--indexreasonEND--*/

/*--indexadvantage--*/
.indexadvantage{ background:#FFFFFF url(../images/indexbj3.jpg) no-repeat bottom center; width:100%; height:650px;}
.indexadvantagelist{ width:1200px; margin:0 auto;}
.indexadvantagelist ul{ margin-top:60px;}
.indexadvantagelist ul li{ width:425px; height:115px;}
.indexadvantagelist ul li h1{ font-family:"微软雅黑"; font-size:18px; color:#000; font-weight:normal; height:45px; line-height:45px;}
.indexadvantagelist ul li h1 a{ color:#000000;}
.indexadvantagelist ul li h2{ line-height:20px;font-family:"微软雅黑"; font-size:14px;font-weight:normal;}
/*--indexadvantageEND--*/

/*--indexcustomer--*/
.indexcustomer{ background:url(../images/indexbj5.jpg) no-repeat; width:100%; height:555px;}
.indexcustomercon{ width:895px; height:35px; margin:0 auto; margin-top:50px; background:url(../images/custombj.png) no-repeat right top;}
.indexcustomercon h1{ font-size:24px; font-family:"微软雅黑"; font-weight:normal; color:#000; height:32px; line-height:26px; text-indent:10px;}
.indexcustomercon h1 span{  display:block; background:#0d90d4;width:13px; height:30px; float:left;}
.indexcustomerconxq{ /*margin-top:37px;*/}
.indexcustomerconxq .pic{ float:left; width:185px; height:103px;}
.indexcustomerconxq .content{ float:left; width:525px; height:103px; margin-left:10px; line-height:32px; font-family:"微软雅黑"; font-size:14px;}
.indexcustomerconxq .button{ width:125px; height:35px; line-height:35px; text-align:center; background:#ff7300; color:#FFF; float:right; border-radius:5px;/* margin-top:60px;*/}
.indexcustomerlist{ width:1200px; margin:0 auto; margin-top:80px;}
.indexcustomerlist ul li{ width:285px; height:135px; float:left; margin-right:20px;}
.indexcustomerlist ul li img{ width:100%; height:87px; border:1px #d0d0d0 solid;position: relative;transition: all 1.5s;}
/*.indexcustomerlist ul li img:hover{transform: rotate(360deg);}*/
/*--indexcustomerEND--*/

/*--modular6--*/
.modular6{ background:url(../images/indexbj6.jpg) no-repeat; width:100%; height:316px;}
.modular6con{ width:1200px; margin:0 auto; height:200px;}
.modular6con ul{ padding-top:60px;}
.modular6con ul li{ background:#1f66ab; height:200px; margin-right:4px; color:#ffffff; float:left; position: relative;}
.modular6con ul li:hover{transform: rotate(360deg);}
/*.modular6con ul>li{ display:block; transition:1s; -webkit-transition:1s;}
.modular6con ul li:hover{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); animation:animation2_index0 1s ease 0s; -webkit-animation:animation2_index0 1s ease 0s;}
.modular6con ul li.index0{ animation:animation2_index0 1s ease 0s; -webkit-animation:animation2_index0 1s ease 0s;}
.modular6con ul li.index1{ animation:animation2_index1 1.3s ease 0s; -webkit-animation:animation2_index1 1.3s ease 0s;}
.modular6con ul li.index2{ animation:animation2_index2 1.9s ease 0s; -webkit-animation:animation2_index2 1.9s ease 0s;}
.modular6con ul li.index3{ animation:animation2_index3 2.2s ease 0s; -webkit-animation:animation2_index3 2.2s ease 0s;}
.modular6con ul li.index4{ animation:animation2_index4 2.5s ease 0s; -webkit-animation:animation2_index4 2.5s ease 0s;}*/
.modular6con ul li h1{ font-size:36px; font-weight:bold; line-height:75px; text-align:center;}
.modular6con ul li h2{ font-family:"微软雅黑"; font-size:14px; line-height:25px; font-weight:normal; padding-left:50px; padding-right:50px; text-align:left;}
/*--modular6END--*/

/*--indexnews--*/
.indexnews{ width:100%; height:675px; background:#FFF;}
.indexnews ul{ width:1200px; margin:0 auto; margin-top:70px;}
.indexnews ul li{ background:url(../images/indexnewbj.jpg) no-repeat; width:572px; height:104px; float:left; margin-right:28px; margin-bottom:45px;}
.indexnews ul li:hover{background:url(../images/indexnewbja.jpg) no-repeat;}
.indexnews ul li:hover h1 a{color:#ff6000;}
.indexnews ul li .newdate{ width:105px; height:105px; float:left; text-align:center; color:#FFF;}
.indexnews ul li .newdate h1{ font-family:"微软雅黑"; font-size:32px; line-height:60px;}

.indexnews ul li .newdate h2{font-family:"微软雅黑"; font-size:14px; font-weight:normal; }
.indexnews ul li .newtitle{ width:445px; height:62px; float:right; padding-top:5px; padding-bottom:15px; padding-right:15px;}
.indexnews ul li .newtitle h1{font-family:"微软雅黑"; font-size:14px; height:35px; line-height:35px;}
.indexnews ul li .newtitle h1 a:hover{ color:#ff6000;}
.indexnews ul li .newtitle h2{font-family:"微软雅黑"; font-size:12px; line-height:21px; font-weight:normal;}
/*--indexnewsEND--*/

/*--botadd--*/
.botadd{background:#272727; width:100%; height:425px;}
.botnav{ width:910px; float:left;}
.botaddcon{ width:1200px; margin:0 auto;}
.botnav ul{ margin-top:40px;}
.botnav ul li{ width:115px; float:left; background:url(../images/botnavbj.jpg) no-repeat bottom center; height:42px; line-height:42px; margin-left:14px; font-family:"微软雅黑"; font-size:14px;}
.botnav ul li dl dd{ /*border-bottom:1px #666666 solid;*/ width:136px; height:36px; line-height:36px; background:url(../images/botnavtb.jpg) no-repeat left center; text-indent:10px;}
.botnav ul li dl dd a{ color:#9f9f9f;}
.botnav ul li dl dd a:hover{ color:#fff;}
.botnav ul li a{ color:#9f9f9f;}
.botaddcontent{ width:268px; float:right; padding-top:50px;}
.bottel{ background:url(../images/indextel.jpg) no-repeat center; width:266px; height:69px; font-size:26px; line-height:69px; text-indent:70px; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.botqqwx{ margin-top:40px; margin-bottom:40px;}
/*--botaddEND--*/

/*--copyright--*/
.copyright{ width:100%; height:105px; background:#202020;}
.copyrightcon{ width:1200px; margin:0 auto; text-align:left; color:#FFF; line-height:105px; font-family:"微软雅黑"; font-size:12px;}
/*--copyrightEND--*/

/*--erjibanner--*/
.erjibanner{ width:100%; height:528px;}
.erjititle{ border-bottom:1px #adadad solid; height:60px; padding-top:50px; line-height:60px;font-family:"微软雅黑"; font-size:30px; text-align:center; font-weight:bold;}
.erjititle span{ color:#fc820b;}
/*--erjibanner--*/

/*--单页middle--*/
#middle{ background:#FFFFFF url(../images/erjibj.jpg) no-repeat top center; height:auto;}
#danyecon{ width:1100px; margin:0 auto; padding:13px;line-height:25px;}
#danyecon p{font-size:16px;line-height:2.5;}
#danyecon img{/*position: relative;transition: all 1.5s;*/}
#danyecon img:hover{/*transform: rotate(360deg);*/}
/*--单页middleEND--*/

/*--erjinews_list--*/
#erjinews_list{ width:1200px; margin:0px auto; min-height:300px; padding-top:50px; padding-bottom:50px; }
#erjinews_list ul li{ width:1200px; height:133px; background:#ffffff; margin-bottom:35px;}
#erjinews_list ul li .erjinewpic{ width:175px; height:97px; float:left;}
#erjinews_list ul li .erjinewpic img{ border:1px #d0cfcd solid; padding:1px; margin-top:15px; margin-left:15px;}
#erjinews_list ul li .erjinewtitle{ width:975px; height:100px; float:right;}
#erjinews_list ul li .erjinewtitle h1{ font-family:"微软雅黑"; font-size:16px; margin-top:15px; height:40px; line-height:40px;}
#erjinews_list ul li .erjinewtitle h1 span{ float:left;}
#erjinews_list ul li .erjinewtitle h1 strong{ float:right; font-weight:normal; padding-right:30px;}
#erjinews_list ul li .erjinewtitle h2{font-family:"微软雅黑"; font-size:14px; color:#333333; font-weight:normal; padding-right:15px; }
#erjinews_list ul li:hover{ background:#028EDB;}
#erjinews_list ul li:hover h1{ color:#FFF;}
#erjinews_list ul li:hover h1 a{ color:#FFF;}
#erjinews_list ul li:hover h2{ color:#FFF;}
#page{}
#page a{ background:#2669e1; padding:5px 10px; margin-left:12px;font-family:"微软雅黑"; font-size:16px; color:#FFF;}
#page a.select{ background:#fe7712;}
#news_con{ width:1200px; margin:60px auto; background:#ffffff;}
#news_con #pic{ width: 100%;
    margin: 0 auto;
    text-align: center;;}
#news_content{ padding:30px; line-height:25px;}
#news_content p{line-height:2;font-size:16px;}
#news_con h1{ text-align:center; line-height:50px;}
#news_con h2{ text-align:center; line-height:30px; font-weight:normal;}
.newindex{ padding:30px; font-family:"微软雅黑"; font-size:14px; color:#212121;}
.newindex a{ font-family:"微软雅黑"; font-size:14px; color:#212121;}
/*--erjinews_listEND--*/
.productConDiv { height: 480px; padding: 0 31px; background-color: #fff; -webkit-box-shadow: 0 0 2px 2px #f1f1f1; -moz-box-shadow: 0 0 2px 2px #f1f1f1; -ms-box-shadow: 0 0 2px 2px #f1f1f1; -o-box-shadow: 0 0 2px 2px #f1f1f1; box-shadow: 0 0 2px 2px #f1f1f1; }
/*focusBox */
.focusBox { width: 370px; height: 370px; float: left;margin-top: 30px; }

#preview{ float:none; text-align:center; width:370px; margin-left:30px;}
.jqzoom{ width:350px; height:350px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:400px;z-index:9999999;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move; z-index:9999999;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.productConText { float: right; margin-top: 35px; width: 647px; line-height: 30px; color: #999; font-size: 16px; }
.productConText h1 { font-size: 30px; color: #333; margin-bottom: 13px; }
.productConText i { font-style: normal; color: #333; }
.productConText img { height: 28px; padding-left: 18px; }
.productConText ul { margin-top: 13px; height: 50px; line-height: 50px; }
.productConText ul li { float: left; width: 262px; margin-right: 15px; background-color: #b0b0b0; }
.productConText ul li a { display: block; color: #fff; font-size: 20px; }
.productConText ul li a.price { background: url(../images/icon4.png) no-repeat 78px center; padding-left: 112px; }
.productConText ul li a.huace { background: url(../images/icon5.png) no-repeat 59px center; padding-left: 92px; }
.productConText ul li:hover { background-color: #028EDB; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.description { margin-top: 33px; border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; }
.descriptionInfo { height: auto; overflow: hidden; padding: 40px 31px 37px; }
.desUl { color: #666; font-size: 16px; line-height: 40px; }
.desUl b { font-weight: normal; color: #333; }
.desUl span { display: inline-block; padding-right: 58px; }
.desBt { color: #333; font-size: 22px; line-height: 35px; padding-left: 31px; margin: 36px 0 0; background: url(../images/icon6.jpg) no-repeat left center; }
.descriptionText { font-size: 14px; color: #7d7d7d; line-height: 24px; padding-top: 15px; }
.otherProduct { padding-bottom: 131px; }
.otherProduct .desBt { background-image: url(../images/icon7.png); }
.otherProduct .showBox { margin: 0; }
.otherProduct .jprev { left: -54px; }
.otherProduct .jnext { right: -50px; }
.description .hd { height: 49px; position: relative; background-color: #f1f1f1; border-bottom: 1px solid #ddd; }
.description .hd ul { height: 50px; position: absolute; left: 0; top: -1px; z-index: 2; }
.description .hd ul li { width: 199px; height: 50px; line-height: 50px; color: #666; font-size: 16px; text-align: center; float: left; position: relative; }
.description .hd ul li i { display: block; width: 100%; height: 9px; position: absolute; left: 0; bottom: -9px; z-index: 5; display: none; background: url(../images/redjt.png) no-repeat center top; }
.description .hd ul li:first-child { border-right: 1px solid #ddd; }
.description .hd li.on { color: #fff; background-color: #028EDB; }
.description .hd li.on i { display: block; }
/*--erjipro_list--*/
#erjipro_list{ width:1200px; margin:50px auto;}
#erjipro_list ul{ height:auto; overflow:hidden;}
#erjipro_list ul li{ float:left; width:290px;/* height:315px;*/ margin-left:4px; margin-right:4px; margin-bottom:40px;position: relative;transition: all 1.5s;border:1px solid #fff;}
#erjipro_list ul li h1{ text-align:center; font-size:16px; font-family:"微软雅黑"; background:#FFF; height:48px; margin-top:-3px; line-height:48px; color:#323232;    border-bottom: #ebebeb solid 4px;}
#erjipro_list ul li img{ width:290px;/* height:270px;*/}
#erjipro_list ul li:hover{
	border:1px solid #028EDB;
}
#erjipro_list ul li:hover h1{
	 border-bottom: #028EDB solid 4px;
}
/*--erjipro_listEND--*/




/*->第一屏样式
*********************/
.content1{ width:1000px;color:#ffffff; margin:auto; position:relative;
	transition: all 1s;
	-webkit-transition:all 1s;
	animation: animation_pgcon1 1s ease 0s;
	-webkit-animation:animation_pgcon1 1s ease 0s;
}
.content1:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.content1_ge{ width:340px; height:50%; margin:0 auto;}
.content1 .jt{ position:absolute; bottom:10px; left:46%; color:#FFF; cursor:pointer; font-size:22px;}
.content1 .p1{ width:100%;font-size: 40px;text-align: center;text-shadow: 2px 3px 2px #333;-webkit-text-shadow: 2px 3px 2px #333;font-weight: bold;}
.content1 .p2{ width:100%; height:35px; line-height:35px; text-align:center; font-size:18px;letter-spacing:2px;font-family:"禹卫书法行书简体";transition: all 1s;-webkit-transition: all 1s;}

@keyframes animation_pgcon1 {
	0% { top: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}
@-webkit-keyframes animation_pgcon1 {
	0% { top: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}

/*->第二屏样式
*********************/
.content2{width:60%; color:#ffffff; margin:auto;position:relative;text-align: center;}
.content2 .js_con{ width:85%;height:63%;color:#333;font-family:"微软雅黑"; font-size:12px; line-height:24px; text-indent:24px; transition:1s; -webkit-transition:1s; position:absolute; left:11%; top:17%;text-align: left;overflow: hidden;}
.active .content2 .js_con{ animation:animation3_text 1.5s ease 0s; -webkit-animation:animation3_text 1.5s ease 0s;}
.active .content2_bg{transition: all 1s;-webkit-transition: all 1s;width: 100%;position: relative;}
.active .content2_bg:hover{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.js_bt {text-indent: 0;border-bottom: 1px solid #a7a6aa;margin-bottom: 3%;}
.js_bt .ch{font-size: 18px;font-weight: bold;}
.content2_ge{height: 20%;}
.content2 .more{ padding:1% 10%; border:1px solid #ffffff; text-align:center;font-size:14px; position:absolute; z-index:9; bottom:-9%; left:37%; cursor:pointer; transition:0.5s; -webkit-transition:0.5s; border-radius:5px;}
.active .content2 .more{ animation:animation3_more 1.5s ease 0s; -webkit-animation:animation3_more 1.5s ease 0s;}
.active .content2 .more a{color: #fff;}
.content2 .more:hover{ background:#0daa63; text-shadow:2px 2px 3px #000; -webkit-text-shadow:2px 2px 3px #000;}
.js_bg{
	width: 100%;
	animation: animation2_jsbg 1.5s ease 0s;
	-webkit-animation:animation2_jsbg 1.5s ease 0s;
}

@keyframes animation2_jsbg {
	0% {bottom: -100%;}
	100% {bottom: 0;}
}
@-webkit-keyframes animation2_jsbg {
	0% {bottom: -100%;}
	100% {bottom: 0;}
}

@keyframes animation3_title {
	0% { right: -100%;}
	100% { right:0;}
}
@-webkit-keyframes animation3_title {
	0% { right: -100%;}
	100% { right:0;}
}
@keyframes animation3_text {
	0% { top: -500%;}
	100% { top:17%;}
}
@-webkit-keyframes animation3_text {
	0% { top: -500%;}
	100% { top:17%;}
}
@keyframes animation3_more {
	0% { bottom: -350px;}
	100% { bottom:-9%;}
}
@-webkit-keyframes animation3_more {
	0% { bottom: -350px;}
	100% { bottom:-9%;}
}

/*第三屏*/
.content3_ge{height: 45%;}
.content3{position: relative;}
.gc_bg{width: 100%;}
.gc_nr{width: 75%;position: absolute;top: 10%;left:12%;}
.gc_nr ul li{width: 17%;float: left;border-radius:50%;margin: 0 3.8%;border: 1px solid transparent;overflow: hidden;position: relative;transition: all 1s;-webkit-transition: all 1s;}
.gc_nr ul li:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.gc_nr ul li img{width: 100%;}
.active .gc_nr ul li.gc_nr1{margin-top: 30px;animation: animation3_gc_nr1 1s ease 0s;-webkit-animation: animation3_gc_nr1 1s ease 0s;}
.active .gc_nr ul li.gc_nr2{margin-top: -85px;animation: animation3_gc_nr2 1.3s ease 0s;-webkit-animation: animation3_gc_nr2 1.3s ease 0s;}
.active .gc_nr ul li.gc_nr3{margin-top: -30px;animation: animation3_gc_nr1 1.6s ease 0s;-webkit-animation: animation3_gc_nr1 1.6s ease 0s;}
.active .gc_nr ul li.gc_nr4{margin-top: 40px;animation: animation3_gc_nr2 2s ease 0s;-webkit-animation: animation3_gc_nr2 2s ease 0s;}
.gc_title{
	width:100%;
	position: absolute;top: 42%;left: 0;
	color: #333;font-size:18px;
	text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;
	text-align: center;
}
@keyframes animation3_gc_nr1{
	0% {bottom: -1000px;opacity: 0.1;}
	100% {bottom: 0;opacity: 1;}
}
@-webkit-keyframes animation3_gc_nr1{
	0% {bottom: -1000px;opacity: 0.1;}
	100% {bottom: 0;opacity: 1;}
}

@keyframes animation3_gc_nr2{
	0% {top: -1000px;opacity: 0.1;}
	100% {top: 0;opacity: 1;}
}
@-webkit-keyframes animation3_gc_nr2{
	0% {top: -1000px;opacity: 0.1;}
	100% {top: 0;opacity: 1;}
}


i{ cursor:pointer;}

/*二级页导航*/
.navfy{width: 100%;background: #fff;height: 106px;}
.navfy_con{width: 56%;margin: 0 auto;overflow: hidden;}
.logofy{width: 12%;float: left;margin-left: 5%;margin-top: 1%;transition: all 1s;-webkit-transition: all 1s;cursor: pointer;}
.logofy:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.navfy_list{width: 73%;margin-left: 27%;overflow: hidden;margin-top: 50px;height: 18px;line-height: 18px;}
.navfy_list ul li{float: left;border-left: 1px solid #6b6b6b;border-right:1px solid #8d8d8d;width: 12%;text-align: center;overflow: hidden;}
.navfy_list ul li a{display: block;width: 100%;font-size: 14px;}
.navfy_list ul li a:hover{background: url(../images/nav_hbg.png) no-repeat center;color: #fff;}

/*公司简介*/
#Main{width: 100%;background: url(../images/page2_bg.jpg) no-repeat center top;padding-bottom: 140px;min-height: 400px;}
.about_bt{width: 290px;margin: 0 auto;position: relative;padding-top: 40px;height: 60px;animation: animation1_aboutbt 1.5s ease 0s;-webkit-animation:animation1_aboutbt 1.5s ease 0s;}
.about_bt img{width: 100%;padding-top: 5%;}
@keyframes animation1_aboutbt {
	0% {  top: -200px;}
	100% { top:0;}
}
@-webkit-keyframes animation1_aboutbt {
	0% {  top: -200px;}
	100% { top:0;}
}

.about_text{color: #fff;position: absolute;top: 40px;left: 0;width: 290px;text-align: center;}
.about_text .ch{font-size: 18px;}
.about_text .en{font-size: 14px;}
.about_con{width: 56%;margin:0 auto;position: relative;overflow: hidden;}
.about_con img{width: 100%;}
.con_all{position: absolute;bottom: 20px;left: 0;padding:0 34% 0px 5%;overflow: hidden;overflow-y:auto;color: #000;line-height: 23px;margin-top: 40px;
	animation:animation1_dumascroll_area 1.5s ease 0s;
	-webkit-animation: animation1_dumascroll_area 1.5s ease 0s;
	-o-animation: animation1_dumascroll_area 1.5s ease 0s;
	transition: all 1s;
	-webkit-transition: all 1s;
	font-size: 14px;
}
.con_all:hover{
	text-shadow: 2px 2px 5px #11aa63;
	-webkit-text-shadow: 2px 2px 5px #11aa63;
}
@keyframes animation1_dumascroll_area {
	0% {  bottom: -800px;}
	100% { bottom:20px;}
}
@-webkit-keyframes animation1_dumascroll_area {
	0% {  bottom: -800px;}
	100% { bottom:20px;}
}


.about_pic{width: 29%;position: absolute;top: 30px;right: 24px;cursor: pointer;
	animation:animation1_about_pic 1.5s ease 0s;
	-webkit-animation:animation1_about_pic 1.5s ease 0s;
	-o-animation: animation1_about_pic 1.5s ease 0s;
}
.about_pic img{width: 100%;transition: all 1.5s;-webkit-transition: all 1.5s;}
.about_pic img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
@keyframes animation1_about_pic {
	0% {  right: -800px;transform: rotate(0deg);}
	100% { right:24px;transform: rotate(1080deg);}
}
@-webkit-keyframes animation1_about_pic {
	0% {  right: -800px;transform: rotate(0deg);}
	100% { right:24px;transform: rotate(1080deg);}
}

/*联系我们*/
.main1{width: 100%;background: url(../images/page2_bg.jpg) no-repeat center top;padding: 250px 0;}
.lxwm{width: 40%;background: url(../images/lxwm_bg.png) no-repeat center bottom;margin: 0 auto;overflow: hidden;}
.lxwm_db{width: 14%;float: left;margin: 20% 0 5% 6%;text-align: center;}
.db{text-align: center;}
.lxwm_con{width: 70%;float: left;margin-left: 10%;}
.lxwm_con h3{color: #333;padding-top: 5%;}
.lxwm_con h3 img{padding-left: 15px;}
.lxwm_xq{background: url(../images/ppp.png) no-repeat left top;margin-top: 25px;padding-left: 10px;}
.lxwm_xq li{padding-left: 30px;height: 18px;margin-bottom: 20px;}

/*listpage*/
.page{height: 28px;text-align: center;line-height: 25px;position: relative;bottom: 0;left: 0;
	animation: animation0_page 1.5s ease 0s;
	-webkit-animation:animation0_page 1.5s ease 0s;
}
.page a{display: inline-block;color: #333;width: 25px;height: 25px;border: 1px solid #fff;margin-left: 5px;background: #fff;border-radius: 6px;transition: all 1s;-webkit-transition: all 1s;}
.page a.page0{margin: 0 5px;}
.page a.page10{margin: 0 5px;}
.page a:hover{background: none;border: 1px solid #fff;color: #fff;}
.page .select{background: none;border: 1px solid #fff;color: #fff;}
@keyframes animation0_page{
	0% { bottom: -400px;}
	100% { bottom: 0px;}
}
@-webkit-keyframes animation0_page{
	0% { bottom: -400px;}
	100% { bottom: 0px;}
}

/*新闻中心*/
#Main1{width: 100%;background: url(../images/page3_bg.jpg) no-repeat center top;padding-bottom: 150px;min-height: 400px;}
.news_type{width: 100%;text-align: center;height: 30px;line-height: 30px;}
.type1{background: #fff;color:#000;border:1px solid #fff;padding: 5px 3%;border-radius: 15px;margin: 0 2%;cursor: pointer;transition: all 1s;-webkit-transition: all 1s;}
.type1:hover{background: none;color: #fff;}

.news_list{width: 55%;margin: 0 auto;margin-top: 1.5%;}
.news_list ul li{width: 100%;background: #0ea961;padding: 10px;overflow: hidden;margin: 4% 0;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_pic{width: 20%;float: left;}
.newslist_pic img{width: 100%;}
.newslist_text{width:75%;float: left;margin-left: 5%;}
.newslist_text_bt{color: #fff;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_date{font-size: 12px;color: #d8edff;border-bottom: 1px solid #d8edff;opacity: 0.7;padding-bottom: 5px;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_description{font-size: 12px;color: #d8edff;padding-top: 5px;transition: all 1.5s;-webkit-transition: all 1.5s;}

#news_li0{
	position: relative;top: 0;right: 0;
	animation: animation0_li 1.7s ease 0s;
	-webkit-animation:animation0_li 1.7s ease 0s;
}
@keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
#news_li1{
	position: relative;top: 0;right: 0;
	animation: animation1_li 2s ease 0s;
	-webkit-animation:animation1_li 2s ease 0s;
}
@keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
@-webkit-keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
#news_li2{
	position: relative;top: 0;right: 0;
	animation: animation2_li 2.4s ease 0s;
	-webkit-animation:animation2_li 2.4s ease 0s;
}
@keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}

/*新闻详情页*/
.news_show{width: 55%;margin: 0 auto;background: #fff;margin-top: 3%;padding: 20px 30px;
	transition: all 1s;
	-webkit-transition:all 1s;
	animation: animation1_newsshow 3s ease 0s;
	-webkit-animation: animation1_newsshow 3s ease 0s;
}
.news_show:hover{transform: scale(1.1);-webkit-transform: scale(1.1);text-shadow: 3px 3px 10px #333;}
.news_show_title{width: 100%;text-align: center;}
.news_show_xd img{width: 100%;}

@keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
@-webkit-keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
.newsshow_bt{font-size: 14px;font-weight: bold;}
.newsshow_date{float: right;font-size: 11px;padding-top: 15px;color: #b6b6b6;}
.news_show_con{height: 310px;padding: 15px 20px 0 0;}
.detail_page{margin-top: 20px;}
.detail_page a{transition: all 1s;-webkit-transition: all 0.5s;}
.detail_page a:hover{color: #0ea961;}
.page_sx{width: 22px;height: 22px;display:inline-block;border: 1px solid #0ea961;border-radius: 15px;background: #0ea961;text-align: center;line-height: 22px;color: #fff;margin-right: 5px;}

/*产品list*/
#Main2{width: 100%;background: url(../images/page3_bg.jpg) no-repeat center top;padding-bottom: 200px;min-height: 400px;}
.products_list{width: 64%;margin: 5% auto;overflow: hidden;}
.products_list ul .prolist_one{width: 21%;float: left;margin:10px 2%;position: relative;
	transition: all 1s;
	-webkit-transition: all 1s;
}

#prolist0{
	animation: animation0_prolist 2s ease 0s;
	-webkit-animation: animation0_prolist 2s ease 0s;
}
@keyframes animation0_prolist{
	0%{left: -800px;opacity: 0.1;}
	100%{left: 0;opacity: 1;}
}
@-webkit-keyframes animation0_prolist{
	0%{left: -800px;opacity: 0.1;}
	100%{left: 0;opacity: 1;}
}

#prolist1{
	animation: animation1_prolist 2s ease 0s;
	-webkit-animation: animation1_prolist 2s ease 0s;
}
@keyframes animation1_prolist{
	0%{right: -800px;opacity: 0.1;}
	100%{right: 0;opacity: 1;}
}
@-webkit-keyframes animation1_prolist{
	0%{right: -800px;opacity: 0.1;}
	100%{right: 0;opacity: 1;}
}
.products_list ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);box-shadow: 2px 2px 5px #333;}
.pro_list_title{width:100%;text-align: center;color: #fff;text-shadow: 2px 2px 5px #000;display: block;background: #000;opacity:0.8;line-height: 22px;position: absolute;bottom: 0;left: 0;}
.products_list ul li img{width: 100%;}

/*员工风采*/
.main_ygfc{width: 100%;background: url(../images/page3_bg.jpg) no-repeat center top;padding-bottom: 300px;min-height: 400px;}
.ygfc_list{width: 65%;margin: 0 auto;}
.ygfc_list ul{overflow: hidden;}
.ygfc_list ul li{width: 21%;margin: 5% 2%;float: left;position: relative;transition: all 1.5s;}
.ygfc_list ul li:hover{
	transform: rotate(360deg);
}
.ygfc_list ul li img{width: 100%;}
.ygfc_name{width: 100%;height: 50px;background: url(../images/ygfc_textbg.png) no-repeat center;position: absolute;bottom: 0;left: 0;color: #fff;text-align: center;line-height: 50px;}

/*产品详情页*/
.products_show{width: 50%;margin: 5% auto;overflow: hidden;}
.proshow_pic{width: 100%;float: left;}
.proshow_pic img{width: 100%;}
.proshow_text{width: 44%;float: right;background: #fff;padding: 20px 3%;position: relative;}
.proshow_text_bt{width:100%;font-size: 16px;color: #044275;font-weight: bold;}
.proshow_text_con{width:100%;margin-top: 3%;}
.detail_propage{position: absolute;bottom: 5%;right: 5%;}
.proshow_pageleft{width: 31px;height: 31px;display: block;background: url(../images/ps_left.png) no-repeat center;float: left;line-height: 31px;}
.proshow_pageright{width: 31px;height: 31px;display: block;background: url(../images/ps_right.png) no-repeat center;float: left;line-height: 31px;margin-left: 10px;}

/*客户留言*/
.gbook_all{width: 65%;position: absolute;top: 0;left: 0;margin-top: 3.4%;}
.gbook_all ul li{width: 74%;border: 1px solid #fff;background: url(../images/gb_inputbg.png) no-repeat;margin-left: 8%;margin-top: 3.6%;}
.gbook_all ul li input{width: 70%;padding-left: 5px;background: none;border: medium none;height: 30px;}
.gbook_content{padding: 1% 0;}
.gbook_all ul li textarea{vertical-align: top;resize: none;width: 65%;background: none;border: medium none;min-height: 22px;padding: 2%;}
#gb_submit{width: 100%;padding: 0;background: #0da861;color: #fff;cursor: pointer;}

/*招聘中心*/
.job_all{position: absolute;top: 10%;left: 0;padding:0 34% 0px 5%;overflow: hidden;overflow-y:auto;color: #000;line-height: 23px;width: 60%;}
.job_sequence{float: left;background: #0da861;color: #fff;border: 1px solid #0da861;width: 22px;height: 22px;border-radius: 15px;text-align: center;}
.job_zw{float: left;font-weight: bold;margin-left: 10px;}
.job_number{float: left;font-weight: bold;margin-left: 20px;}
.job_top{overflow: hidden;font-size: 16px;}
.job_bot{padding-left: 34px;margin-top: 2%;}

.type{ /*height:40px;*/ margin:20px auto;  text-align:center}
.type a{width:125px; height:40px; line-height:40px; background:#028EDB;font-family:"微软雅黑"; font-size:15px; color:#ffffff; padding:10px 30px;}
.type a:hover{ background:#fc820b; color:#FFFFFF; padding:10px 30px;}
.type .on{ background:#fc820b; color:#FFFFFF; padding:10px 30px;}