﻿/*------ home ------*/

  /*header*/


.nav {
	margin-left: 70px;
}

.nav li {
	float:left;

}
.nav li a {
	display: block;
	width: 135px;
	height: 160px;
	line-height: 160px;
	color: #132490;
	font-weight: bold;
	text-align: center;
	margin-left: 20px;
}
.nav li a:hover {
	color: #fff;
	background-color: #132490;
}
.ibg_1 {
	height: 697px;
	background-image: url(../images/i1.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.ibg_2 {
	height: 571px;
	background-image: url(../images/i2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 120px;
}
.ibg_3 {
	height: 597px;
	background-image: url(../images/i3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 120px;
}
.ibg_4 {
	height: 557px;
	background-image: url(../images/i4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 140px;
}
.ibg_pro {
	height: 431px;
	background-image: url(../images/i_pro.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 200px;
}
.ibg_index {
	height: 904px;
	background-image: url(../images/index_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0px;
}
.ibg_index2 {
	height: 630px;
	background-image: url(../images/index_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 272px;
}
.ibg_index3 {
	height: 864px;
	background-image: url(../images/index_ry.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0px;
}
.ibg_index_foot {
	height: 690px;
	background-image: url(../images/index_foot.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 90px;
}
.ibg_index_foot_con {
	height: 200px;
	width: 800px;
	padding-left: 70px;
}
.ibg_index_foot_list {
	height: 200px;
	width: 157px;
	line-height: 30px;
	padding-left: 43px;
}
.index_vedio {
	height: 400px;
	width: 712px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
}
#video {
	width: 712px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}
.index_pro {
	height: 591px;
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
.index_pro1 {
	height: 534px;
	width: 204px;
	float: left;
	margin-right: 18px;
	margin-left: 18px;
	padding-right: 55px;
	padding-left: 55px;
	padding-top: 57px;
}
.index_pro1 P {
	line-height: 36px;
	padding-left: 10px;
	padding-right: 10px;
}
.ibg_about1 {
	height: 631px;

}
.ibg_about {
	height: 381px;
	background-image: url(../images/i_about.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 250px;
}
.ibg_cyjd {
	height: 797px;
	background-image: url(../images/i_cyjd.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0px;
}
.ibg_gcgy {
	height: 600px;
	background-image: url(../images/i_gcgy.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0px;
}
.ibg_news {
	height: 691px;
	background-image: url(../images/i_news.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0px;
}
.ibg_con {
	height: 431px;
	background-image: url(../images/i_con.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 200px;
}



.pageTitle_top1 {
	border-bottom:#999 solid 1px;
	width: 1180px;
	line-height: 36px;padding-bottom:30px;
}
.pageTitle_bot1 {
	line-height: 45px;
	height: 45px;
}
.about p img {
	margin:0px;
}


.about1 {
	font-size:16px;
	line-height:32px;
	text-align:justify;
	color:#555;
	padding-bottom: 100px;
	width: 550px;
}
.about1 p {
	margin:0px 0px;
	font-size:16px;
	line-height:32px;
}
.about1 p img {
	margin:0px;
}



.about_scon li {
	height:50px;
	overflow:hidden;
	border-bottom:#e3e3e3 solid 1px;
	line-height: 50px;
	width: 1180px;
	color: #bbb;
	font-size: 16px;
}
.about_scon li a{
	color: #333;
}
.about_scon li a:hover{
	color: #4492d0;
}
.about_scon1 {
	width:600px;
}
.about_scon1 li {
	height:50px;
	overflow:hidden;
	border-bottom:#e3e3e3 solid 1px;
	line-height: 50px;
	width: 600px;
	color: #bbb;
	font-size: 16px;
}
.about_scon1 li a{
	color: #333;
}
.about_scon li a:hover{
	color: #4492d0;
}

.mudanyou {
	float:left; display:inline;margin-left: 100px;
	margin-bottom: 50px;border-bottom:1px solid #CCC; 
}
.mudanyou ul li{width:100px; border-right:1px solid #3e6194}
.mudanyou ul li:last-child{ border-right:none}
.mudanyou ul li .blue{ color:#3e6194}
.chanpin_zd li {
	width: 230px;
	position: relative;
	margin-left: 65px;
	margin-bottom: 30px;
	border: 1px solid #0a4b22;
	border-radius: 10px 10px 0 0;
	text-align: center
}
.pro_main{
	flex-wrap: wrap;
	width:80%;
	margin-top:3rem; }
.pro_main li{
	margin-bottom: 3rem;
	width:33%
	
 }	
	
.pro_main li div{
	border: 1px solid #0a4b22;
	border-radius: 10px 10px 0 0;
	width:300px	
 }
.pro_main li a{
	display: block;

 } 
.pro_main li a:nth-child(2){
	width: 100%;
	padding: 2rem 0 2rem 0;
	letter-spacing: 3px;
	text-align:center;
	font-size:1.3rem	
 } 
.pro_main .qixia{
	border: none;
	margin: -50px 0 -50px -2%;
	width: 100%;
 }
.pro_main li img{
	border-radius: 10px 10px 0 0; 
 }

.pro_main li:nth-child(odd) a:nth-child(2){  background-color:#F5EFEF;}
.pro_main li:nth-child(even)  a:nth-child(2){  background-color:#e4e6ef;}
.pro_main li a:nth-child(2):hover{ 
        color:#fff; background-color:#4492d0
        }
    /*chanpin.asp*/
.pro.chanpin_zd li:first-child{ margin-left:0px;}

.pro{
	width:250px;
	position: relative;
    margin-left:30px;margin-right:30px;
	margin-bottom: 30px;
	border:1px solid #0a4b22;border-radius: 10px 10px 0 0; 
	text-align:center}
.pro_title {
	width:230px;
	height:50px;
	background-color: #000000;
	filter:Alpha(opacity=50);
	background-color:rgba(0,0,0,0.8); 
	line-height: 50px;
	position: absolute;
	bottom: 0px;
}
.pro_title1 {
	width:250px;
	height:50px;
	line-height: 50px;
}
/*chanpin.asp End*/
.index_wby {
	height: 50px;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3d3b37;
	border-right-color: #cac1ad;
	border-bottom-color: #cac1ad;
	border-left-color: #3d3b37;
	background-color: #eceefb;
	font-size: 16px;
	color: #333;
	margin-left: 0px;
	margin-top: 25px;
	line-height: 50px;
	padding-right: 15px;
	padding-left: 15px;
}
.index_wby1 {
	height: 120px;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3d3b37;
	border-right-color: #cac1ad;
	border-bottom-color: #cac1ad;
	border-left-color: #3d3b37;
	background-color: #eceefb;
	font-size: 16px;
	color: #333;
	margin-left: 0px;
	margin-top: 25px;
	line-height: 40px;
	padding-right: 15px;
	padding-left: 15px;
}
.tj_anniu {
	height: 50px;
	width: 150px;
	font-size: 18px;
	color: #fff;
	margin-left: 175px;
	text-align: center;
	line-height: 40px;
	margin-top: 55px;
	cursor:pointer;
	background-color: #4492d0;
}




.main-title{
	height: 33px;
	overflow: hidden;
	pointer-events: none;
	font-size:21px;
	margin:12px 0 0 56px;

}



.main-title ul{

	position:relative;

	height: 33px;

	text-transform: uppercase;

	z-index: 100;

}

.main-title ul li{

	width: 100%;

	position: absolute;

	opacity: 0;

	top: 33px; line-height:33px; letter-spacing:-0.1px;

	

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	transition-timing-function: ease;

	-webkit-transition-timing-function: ease; /* Safari and Chrome */

}

.main-title li.t-current{
	opacity: 1;
	top: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease; /* Safari and Chrome */

}

.wby {
	height: 24px;
	width: 180px;
	border: 1px solid #dadada;
	line-height: 24px;
}
.wbqy {
	width: 380px;
	height: 70px;
	border: 1px solid #dadada;
}
.homehexin {
	width:145px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: center;
}

.homehexin img {
	width:145px;
	height:145px;

  
}
.homehexin span {
	width:145px;
	height:50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}
.homehexin span a { 
}
  /*核心业务*/
.homeTitle { position:relative; line-height:1; }

.homeTitle span { position:relative; z-index:2; background:url(../images/titleBg.png) no-repeat center #fff; width:180px; height:100%; display:inline-block; }

.homeTitle.homeTitle02 span { background-color:#f2f2f2; }

.homeTitle em { width:100%; height:1px; display:inline-block; background:#e1e1e1; position:absolute; left:0; top:50%; z-index:1; }





  /*成功案例*/

.homeCaseBg { padding-top:60px; padding-bottom:90px; }

.homeCase { margin-top:28px; }

.homeCase a { display:inline-block; width:19.256%; margin-left:0.62%; float:left; margin-top:12px; }

.homeCase a img { max-width:100%; }

.caseJoin { margin-top:-28px; }

.caseJoin a{ display:inline-block; line-height:56px; background:#009dec; color:#fff; padding:0 50px; }

.caseJoin a:hover { background:#006db2; }

.homeCaseYc { height:130px; display:inline-block;  position:absolute; left:0; width:100%; top:50%; margin-top:-65px; z-index:2; }

.homeCaseLm a { display:inline-block; line-height:36px; padding:0 15px; margin:0 5px; }

.homeCaseLm a:hover { background:#e64241; color:#fff; }

  /*业务*/
.homeyewu {
	height:740px;
}

.homeyewulist {
	width:510px;
	line-height: 1.75;
	margin-right: 12px;
	margin-left: 12px;
}
  /*优势*/

.homeAdvantage {
	height:747px;
	background:url(../images/yewu.jpg) no-repeat center 0;
}

.homeAdvantage dl { width:182px; padding-top:90px; margin-right:145px; }

.homeAdvantage dl.last { margin-right:0; }

.homeAdvantage dt { width:130px; height:150px; margin:0 auto; background:url(../images/homeYs.png) no-repeat; }

/*.homeAdvantage dl,.homeAdvantage dt div,.homePartner a,.car-img p{ -webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out; }
*/
.homeAdvLjT { width: 0;

border-bottom: 38px solid transparent;

border-left: 65px solid transparent;

border-right: 65px solid transparent;}

.homeAdvLjC { width: 130px;

height: 75px; background-position:center center; background-repeat:no-repeat; }

.homeAdvLjB { width: 0;

border-top: 35px solid transparent;

border-left: 65px solid transparent;

border-right: 65px solid transparent; }

.homeAdvantage dl:hover .homeAdvLjT { border-bottom: 38px solid #009dec; }

.homeAdvantage dl:hover .homeAdvLjC { background-color: #009dec; }

.homeAdvantage dl:hover .homeAdvLjB { border-top: 35px solid #009dec; }

.homeAdvantage01 { background-image:url(../images/trait01.png); }

.homeAdvantage02 { background-image:url(../images/trait02.png); }

.homeAdvantage03 { background-image:url(../images/trait03.png); }

.homeAdvantage04 { background-image:url(../images/trait04.png); }

.homeAdvantage dl:hover .homeAdvantage01 { background-image:url(../images/trait01H.png); }

.homeAdvantage dl:hover .homeAdvantage02 { background-image:url(../images/trait02H.png); }

.homeAdvantage dl:hover .homeAdvantage03 { background-image:url(../images/trait03H.png); }

.homeAdvantage dl:hover .homeAdvantage04 { background-image:url(../images/trait04H.png); }

.homeAdvantage dd { line-height:1.6; }

.homeAdvantage dl:hover dd h2 { color:#009dec; }

.homeAdvantage dl:hover { padding-top:70px; }

.foot {
	color:#fff;
	padding:28px 0;
	background-color: #4492d0;
}

.foot a { color:#fff; }



  /* Scroll Up */

.scrollup {
	z-index: 500;
	width: 47px;
	height: 49px;
	position: fixed;
	bottom: 200px;
	right: 0px;
	display: none;
	background:url(../images/fd_10.jpg) no-repeat;
	color: #fff;
	line-height: 55px;
	font-family:"Times New Roman", serif;
	font-size: 25px;
	text-align: center;
}

.scrollup:hover { color:#fff; }



/*------ new ------*/

.listBanner { height:289px; background-repeat:no-repeat; background-position:center 0; }

.newBanner { background-image:url(../images/newBanner.jpg); }



  /*新闻栏目*/

.newNav { position: relative; border-bottom:1px solid #e1e1e1; padding-bottom:20px; }

.newNav li { display:inline-block; }

.curBg { background: #ea615b; height: 5px; position: absolute; bottom: 0; width: 66px; left: 0px; }



  /*新闻列表*/

.newList:hover .newListRl { width:120px; height:120px; border:none; background:#f05c58; color:#fff; }

.newListRl { width:118px; height:118px; border:1px solid #e0e0e0; position:relative; line-height:42px; margin-top:20px; }

.newListRl em { width:70px; height:30px; background:url(../images/newListRl.png) no-repeat; position:absolute; left:50%; margin-left:-35px; top:-12px; }

.newListRl span { display:block; font-size:42px; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-top:20px; }

.newList dl { width:1004px; }

.newList dt { width:276px; }

.newList dd { width:688px; }

.newList dd h1 { line-height:1.1; }

.newList dd h6 { border-top:1px solid #eee; padding-top:15px; }

.newList:hover dd h1 a { color:#cd291f; }



/*------ advantage ------*/

.adv { padding:60px 0; }

.advantageBanner { background-image:url(../images/advantageBanner.jpg); }

.adv:hover{background-color:#f2f2f2;}

.advIcon{width:240px; height:240px; border:1px solid #acacac; background-position:center -240px; background-repeat:no-repeat;}

.adv:hover .advIcon{background-color:#e53131; background-position:center 0;}

.adv01{ background-image:url(../images/adv01.png);}

.adv02{ background-image:url(../images/adv02.png);}

.adv03{ background-image:url(../images/adv03.png);}

.adv04{ background-image:url(../images/adv04.png);}

.adv05{ background-image:url(../images/adv05.png);}

.adv06{ background-image:url(../images/adv06.png);}

.adv_nr{width:380px; line-height:2; min-height:240px;}

.adv_nr.v_middle{text-align:left;}

.advTitle{width:578px; height:158px; text-transform:uppercase; background:url(../images/advJt.png) no-repeat center 0; padding-top:80px; line-height:1.4;}



/*------ case ------*/

.caseBanner { background-image:url(../images/caseBanner.jpg); }

.f-single { width: 368px; margin:50px 30px 0 0; position: relative; }

.f-single.last { margin-right:0; }

.f-single:hover .f-image { opacity:1; }

.f-single .portfolio-meta { width:22px; height:22px; background:url(../images/more3.png) no-repeat; 

	position: absolute;

	bottom: 0;

	left: 50%; margin-left:-16px;

	z-index: 20;

	zoom: 1;

	filter: alpha(opacity=0);

	opacity: 0;

	

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.portfolio-meta em,.ch-grid em { width:14px; height:2px; background:#fff; filter:alpha(opacity=50); opacity:0.5; display:block; margin:6px auto; }

.f-single:hover .portfolio-meta{

	bottom: 50%; margin-bottom:-7px;

	zoom: 1;

	filter: alpha(opacity=100);

	opacity: 1;

	

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.f-single:hover .f-category{

	top: 50%; margin-top:-30px;

	zoom: 1;

	filter: alpha(opacity=100);

	opacity: 1;

	

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.f-image .f-category{

	position: absolute;

	top: 3%;

	left: 50%;

	z-index: 20;

	display: block;

	margin-left: -30px;

	width: 60px;

	height: 59px;

	zoom: 1;

	filter: alpha(opacity=0);

	opacity: 0;

	background:url(../images/more.png) no-repeat;

	

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



.f-info { height:65px; }

.f-single a:hover { color:#878787; }

.f-single:hover .f-info span{ color:#e33131; }

.image-hover-overlay { position:absolute; left:0; top:0; z-index:2; width:368px; height:220px; 

-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;}

.f-single:hover .image-hover-overlay { background:#e33131; filter:alpha(opacity=75); opacity:0.75; }

.f-image{

	cursor: pointer;

	position: relative;

	

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.f-image img { position:relative; z-index:1; }



/*------ about ------*/

.aboutBanner{background-image:url(../images/aboutBanner.jpg);}

.newList:hover .newListRl { width:120px; height:120px; border:none; background:#f05c58; color:#fff; }

.aboutLn { padding:60px 0; }

.aboutList01{
	width:450px;
	line-height:1.95;
}
.aboutList02{
	width:300px;
}
.aboutList01 span{line-height:1.2;}

.aboutLn a{display:inline-block; width:310px; float:left; margin-right:117px; line-height:2;}

.aboutLn a.last{margin-right:0;}

.aboutLn a span{display:inline-block; margin-bottom:20px; line-height:1;}

.aboutGg img{max-width:100%;}



.aboutZp { width:332px; line-height:2; margin-right:84px; }

.aboutZp.last { margin-right:0; }



.tjl a { display:inline-block; line-height:54px; background:#e95b5a; color:#fff; padding:0 50px; margin-top:10px; }



/*------ service ------*/

.serviceBanner{background-image:url(../images/serviceBanner.jpg);}



.serviceList dl { width:310px; line-height:1.6; margin:50px 117px 0 0; }

.serviceList dl.last { margin-right:0; }

.serviceList dt { width:166px; height:186px; margin:0 auto; background:#f2f2f2; background:url(../images/serviceBg.jpg) no-repeat; }

.serviceList01{ background-image:url(../images/service01.png);}

.serviceList02{ background-image:url(../images/service02.png);}

.serviceList03{ background-image:url(../images/service03.png);}

.serviceList04{ background-image:url(../images/service04.png);}

.serviceList05{ background-image:url(../images/service05.png);}

.serviceList06{ background-image:url(../images/service06.png);}

.serviceListLjT,.serviceListLjTC,.serviceListLjTB { -webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out;  }

.serviceListLjT { width: 0;

border-bottom: 46px solid transparent;

border-left: 83px solid transparent;

border-right: 83px solid transparent;

}

.serviceListLjTC { width: 166px;

height: 93px;

 background-repeat:no-repeat; background-position:0 center; 

}

.serviceListLjTB { width: 0;

border-top: 47px solid transparent;

border-left: 83px solid transparent;

border-right: 83px solid transparent; }



.serviceList dl:hover .serviceListLjT { border-bottom: 46px solid #ea615b;}

.serviceList dl:hover .serviceListLjTC { background-color: #ea615b; }

.serviceList dl:hover .serviceListLjTB{ border-top: 47px solid #ea615b; }

.serviceList dl:hover .serviceList01{ background-image:url(../images/service01H.png); }

.serviceList dl:hover .serviceList02{ background-image:url(../images/service02H.png); }

.serviceList dl:hover .serviceList03{ background-image:url(../images/service03H.png); }

.serviceList dl:hover .serviceList04{ background-image:url(../images/service04H.png); }

.serviceList dl:hover .serviceList05{ background-image:url(../images/service05H.png); }

.serviceList dl:hover .serviceList06{ background-image:url(../images/service06H.png); }



.servicePic { background:url(../images/servicePic.jpg) no-repeat center 0; height:455px; }



.serviceKh li { width:194px; float:left; }

.serviceKh li img { max-width:100%; max-height:100%; }

.serviceKh li a { width:194px; height:80px; }



.listNewBanner { height:680px; overflow:hidden; position:relative; margin-bottom:-80px; }

/*联系 详情*/

.contactXq{ height:560px; background:#fff; position:absolute; left:50%; margin-left:-582px; top:60px;z-index:2;}

.tel_code{background:#e53131; color:#fff; padding:20px 60px; line-height:1.8;}

.tel_code dt{padding-top:12px;}

.message{width:542px; margin:50px 60px 0 0;}

.message_txt{width:245px; height:38px; line-height:38px; padding:0 10px; border:1px solid #d0d0d0;color:#666;}

.message p{overflow:hidden; margin-bottom:8px;}

.message_textarea{width:520px; height:170px; line-height:1.8; padding:5px 10px; border:1px solid #d0d0d0;color:#666;}

.message_btn{line-height:40px; border:none; background:#515151; color:#fff; cursor:pointer; padding:0 60px; margin-top:10px;}

.message_btn:hover{background-color:#e53131;}

.bsc{width:460px; margin:40px 0 0 60px; line-height:1.8;}

.bsc strong{line-height:1;}

.bsc_bb{border-bottom:1px solid #d0d0d0; padding-bottom:15px; margin-bottom:8px;}

#allmap{width:100%;  position:relative; z-index:1;}

.contactMap{height:680px;}



.p-category{

	position: relative;

	margin: 0 auto 15px;

	z-index: 20;

	display: block;

	width: 60px;

	height: 59px;

	zoom: 1;

	filter: alpha(opacity=0);

	opacity: 0;

	background: url(../images/more2.png) no-repeat;

	cursor: pointer;

	

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.ch-grid:hover .p-category{opacity: 1;}



.ch-item{float: left; width: 100%; cursor: pointer;}

.ch-item img{width: 100%;}

.ch-grid img{

    opacity: 1;

	

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.ch-grid:hover img{

    opacity: 0.2;

}

.ch-grid:hover div{

	opacity: 1;

	

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.ch-grid {

    overflow: hidden;

	background-color: #006db2; color:#fff; width:19.256%; margin-left:0.62%; margin-top:12px; float:left; display:inline;

}

.ch-grid div {

	cursor: pointer;

    position: absolute;

    width: 100%;

    height: 100%;

	left: 100%;

	opacity: 0;

	

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.ch-grid a{color:#fff}

/*QQ*/

.color-picker .picker-btn{

	position: absolute;

	left: -40px;

	top:0; width:40px; height:40px;

	background:url(../images/pfL.png) no-repeat center center #fff; filter:alpha(opacity=90); opacity:0.9;

	cursor: pointer;

}

.color-picker{

	width: 130px;

	height: auto;

	position: fixed;

	top: 155px;

	right: 0;

	background: #f8f8f8;

	z-index: 500;

}

.color-picker .pwrapper{

	padding: 20px;

	width: 90px;

	height:auto;

}

.pwrapper a { width:90px; background-position:center 0; background-repeat:no-repeat; padding-top:60px; display:block; border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:15px; }

.pwrapper1 { background-image:url(../images/qq_03.jpg); }

.pwrapper2 { background-image:url(../images/qq_06.jpg); }

.color-picker .pickerTitle{font-family: 'Montserrat', sans-serif;text-transform: uppercase;

	padding:8px 5px;

	cursor: auto;

	border: none;

	color:#fff;

	background:#f80a2c;

	line-height:30px;

}



.newXq { line-height:2; border-bottom:1px solid #f2f2f2; padding-bottom:45px; }

.newXq p { text-indent:2em; }

.newXq img { display:block; margin:0 auto; max-width:100%; }



.page a { margin: 0 1px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #b3b3b3; padding: 0 12px; background: #f6f6f6; }

.page a:hover {  background: #e33a3a; color: #fff; border: 1px solid #e33a3a; }



.aboutXqL { width:600px; }

.aboutXqL span { overflow:hidden; display:block; float:left; }

.aboutXqL001 { width:192px; height:349px;  margin-right:5px;}

.aboutXqL002 { width:230px; height:163px;margin-right:5px; }

.aboutXqL003 { width:164px; height:163px; }

.aboutXqL004 { width:399px; height:181px;  margin-top:5px;}



.sjList { margin-top:30px; }

.sjList dd{ width:324px; height:587px; background:url(../images/sjBg.jpg) no-repeat; overflow:hidden; padding-top:75px; margin:20px 96px 0 0; float:left; display:inline; }

.sjList dd a { width:324px; height:514px; overflow:hidden; display:block; }

.sjList dd.last { margin-right:0; }

.sjList dd img,.aboutXqL span img{ width: 100%; 

  -webkit-transition: all .5s ease-out; 

  -moz-transition: all .5s ease-out; 

  -ms-transition: all .5s ease-out; 

  -o-transition: all .5s ease-out; 

  transition: all .5s ease-out; }

.sjList dd:hover img,.aboutXqL span:hover img{

  -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); 

  -moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0); 

  -ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0); 

  -o-transform: matrix(1.1, 0, 0, 1.1, 0, 0); 

  transform: matrix(1.1, 0, 0, 1.1, 0, 0); }





.serviceListX { width:1062px; }  

.serviceListX dl { width:480px; margin-top:35px; padding-top:20px; padding-top:30px; }

.serviceListXPl { padding-right:50px; border-right:1px solid #eaeaea; }

.serviceListX dt { width:143px; height:143px; overflow:hidden; float:left; background-repeat:no-repeat; background-position:0 0; margin-top:15px;  

-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.serviceListX dd { width:280px; float:right; line-height:1.8; }

.serviceListX dd h3 { margin-bottom:15px; color:#333; }

.serviceListX1 { background-image:url(../images/fu0_1.jpg); }

.serviceListX dl:hover .serviceListX1 { background-image:url(../images/fu0_1H.jpg); }

.serviceListX2 { background-image:url(../images/fu0_2.jpg); }

.serviceListX dl:hover .serviceListX2 { background-image:url(../images/fu0_2H.jpg); }

.serviceListX3 { background-image:url(../images/fu0_3.jpg); }

.serviceListX dl:hover .serviceListX3 { background-image:url(../images/fu0_3H.jpg); }

.serviceListX4 { background-image:url(../images/fu0_4.jpg); }

.serviceListX dl:hover .serviceListX4 { background-image:url(../images/fu0_4H.jpg); }

.serviceListX5 { background-image:url(../images/fu0_5.jpg); }

.serviceListX dl:hover .serviceListX5 { background-image:url(../images/fu0_5H.jpg); }

.serviceListX6 { background-image:url(../images/fu0_6.jpg); }

.serviceListX dl:hover .serviceListX6 { background-image:url(../images/fu0_6H.jpg); }


/*------ wx ------*/
.wxBanner { height:687px; background:url(../images/wx_02.jpg) no-repeat center 0; }
.wxTitle { text-transform:uppercase; font-size:18px; background:url(../images/wx_1.png) no-repeat bottom center; padding-bottom:55px; }
.wxTitle span { display:block; font-size:34px; color:#000; }
.pt60 { padding-top:60px; }
.pb60 { padding-bottom:60px; }
.wxHy li { width:85px; float:left; margin:20px 184px 0 0; }
.wxHy li.last { margin-right:0; }
.wxHy li a { display:block; color:#333; }
.wxHy li span { width:83px; height:83px; display:block; border:1px solid #d5d5d5; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; margin-bottom:15px; transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all; }
.wxHy li a:hover span { border:1px solid #e33131; -webkit-box-shadow:0 0 10px #ff7b7b;  
  -moz-box-shadow:0 0 10px #ff7b7b;  
  box-shadow:0 0 10px #ff7b7b;  }
.wxAl li { width:28%; float:left; margin:30px 0 0 4%; display:inline; }
.wxAl li img { width:100%; display:block; margin-bottom:25px; transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all; }
.wxAl a { color:#333; }
.wxAl li:hover img{ opacity:0.7; }
.wxAl span { color:#999; font-style:italic; margin-left:25px; font-size:12px; }
.gzhKfTg a { width:435px; height:124px; background-position:0 0; background-repeat:no-repeat; display:inline-block; color:#fff; padding:40px 0 0 55px; font-size:24px; text-align:left; margin:0 8px; }
.gzhKf { background-image:url(../images/wx_47.jpg); }
.gzhTg { background-image:url(../images/wx_49.jpg); }
.gzhKfTg a span { color:#ccc; font-size:32px; display:block; line-height:1.2; }
.gzhKfTg a:hover { opacity:0.7; }
.wxgn { width:1125px; height:423px; background:url(../images/wx_13.jpg) no-repeat center 0; padding-top:35px; }
.wxgn li { width:182px; text-transform:uppercase; font-size:16px; line-height:1.5; }
.wxgn li span { display:block; font-size:28px; color:#333; }
.wxgn34 { margin-top:190px; }
.wxfwkf { width:1198px; height:379px; background:url(../images/wx_09.jpg) no-repeat; }
.wxfwkf li { float:left; font-size:18px; color:#333;transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all; }
.wxfwkf img { display:block; margin-left:auto; margin-right:auto; transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all; }
.wxfwkf1 img,.wxfwkf3 img { margin-bottom:80px; }
.wxfwkf2 img,.wxfwkf4 img { margin-top:95px; }
.wxfwkf1 { margin-left:106px; margin-top:50px; }
.wxfwkf2 { margin-left:204px; margin-top:120px; }
.wxfwkf3 { margin-left:180px; }
.wxfwkf4 { margin-left:150px; margin-top:170px;}

.wxfwkf1:hover img,.wxfwkf3:hover img { margin-bottom:58px; margin-top:15px; }
.wxfwkf2:hover img,.wxfwkf4:hover img { margin-top:65px;}
.wxfwkf2:hover,.wxfwkf4:hover { padding-top:15px; }

/*------ app ------*/
.appBanner { height:687px; background:url(../images/app_02.jpg) no-repeat center 0; }
.appBMain { width:1164px; height:687px; margin:0 auto; }
.appFw { width:340px; height:200px; border:1px solid #e0e0e0; padding:50px 60px; margin:70px 0 0 80px; float:left; display:inline; }
.appFw p { text-align:left; line-height:2; margin-top:25px; }
.appFw h3 { font-size:32px; color:#333; }
.appFw:hover { -webkit-box-shadow:0 0 10px #ccc;  
  -moz-box-shadow:0 0 10px #ccc;  
  box-shadow:0 0 10px #ccc; }
.apphyjjfa { position:relative; }
.apphyjjfaNr { position:absolute; left:0; top:0; z-index:2; }
.dzapp a:hover { opacity:0.7; }

/*------ 新浮动 ------*/
.xFd {width: 47px; overflow: visible; position: fixed; right: 0; bottom:250px; _position: absolute; _bottom: auto; _top:expressio n(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

}
.xFd li { margin-top:1px; position:relative; }
.xFd li span { display:none; position:absolute; right:50px; bottom:0; }
.xFd li:hover span { display:block; }



/*------ guanyu ------*/
.pageBg {
	background:url(../images/pageBg.gif);
	min-height:500px;
	_height:500px;
}
.pageBanner {
	height:353px;
}
.pageBg2 {
	background:url(../images/line.gif) 231px top repeat-y;
	min-height:500px;
	_height:500px;
}
.sideBoxNow {
	position:fixed;
	left:50%;
	margin-left:-600px;
	top:0px;
	width:209px;
}
.sideBoxNow2 {
	position:absolute;
}
.sideNav h1 {
	font-size:24px;
	font-weight:400;
	border-bottom:#006db2 solid 2px;
	height:40px;
	padding-top:46px;
}
.sideNav a {
	display:block;
	height:41px;
	line-height:41px;
	padding-left:0px;
	border-bottom:#e6e6e6 solid 1px;
	font-size:16px;
	background:url(../images/ico2.png) right center no-repeat;
}
.sideNav a:hover, .sideNav .aNow {
	color:#fff;
	background:#006db2 url(../images/ico2on.png) right center no-repeat;
	padding-left:10px;
}
.sideNav ul {
	margin-top:10px;
}

.sideNav11 h1 {
	font-size:24px;
	font-weight:400;
	border-bottom:#006db2 solid 2px;
	height:40px;
	padding-top:20px;
}
.sideNav11 a {
	display:block;
	height:35px;
	line-height:35px;
	padding-left:0px;
	border-bottom:#e6e6e6 solid 1px;
	font-size:14px;
	width:209px;
	overflow: hidden;
}
.sideNav11 a:hover, .sideNav11 .aNow {
	color:#006db2;
}
.sideNav11 ul {
	margin-top:10px;
}

.sideNav22 h1 {
	font-size:24px;
	font-weight:400;
	border-bottom:#006db2 solid 3px;
	height:40px;
	padding-top:0px;
}
.sideNav22 ul li {
	display:block;
	height:26px;
	line-height:26px;
	padding-left:0px;
	font-size:14px;
	width:209px;
	overflow: hidden;
}
.sideNav22 a:hover, .sideNav22 .aNow {
	color:#006db2;
}
.sideNav22 ul {

}
.sideTel {
	padding-top: 10px;
}
.sideBtn {
	width:209px;
	overflow:hidden;
	position:relative;
}
.sideBtn ul {
	width:110%;
}
.sideBtn li {
	float:left;
	width:103px;
	height:47px;
	padding-right:3px;
}
.sideBtn a {
	display:block;
	height:44px;
	line-height:44px;
	overflow:hidden;
	position:relative;
	padding-left:42px;
	font-size:14px;
	color:#FFF;
	background:#cc9933;
}
.sideBtn a img {
	position:absolute;
	left:0px;
	top:0px;
}
.sideBtn .li_02 a {
	background:#66cc99;
}
.sideBtn .li_03 a {
	background:#ff6600;
}
.sideBtn .li_04 a {
	background:#ff9900;
}
.sideBar2 {
	position:fixed;
	z-index:20;
	left:0px;
	top:50%;
	margin-top:-300px;
	width:64px;
	border:4px solid #ff6600;
}
.sideBar2 li {
	height:65px;
}
.sideBar2 a {
	display:block;
	height:64px;
	text-align:center;
	background:#999;
	font-size:13px;
	color:#FFF;
}
.sideBar2 a div {
	height:32px;
	padding-top:8px;
	height:32px;
}
.sideBar2 a:hover {
	background:#ff6600;
}



.news {
	padding:13px 0;
}
.news li {
	height:135px;
	overflow:hidden;
	position:relative;
	border-bottom:#e3e3e3 solid 1px;
	padding-left:0px;
}
.news li a{
	color: #666666;
}
.news li a:hover{
	color: #006db2;
}
.news .imgDiv {
	position:absolute;
	left:0px;
	top:21px;
}
.news .name {
	font-size:18px;
	padding-top:18px;
	padding-bottom:10px;
}
.news .ff1 {
	font-size:14px;
	color: #999999;
}
.news dl {
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:13px;
	color:#ccc;
}
.news dd {
	float:left;
	padding-right:20px;
}
.news dd img {
	float:left;
	margin-right:5px;
	position:relative;
	top:8px;
}
.news .content {
	font-size:14px;
	line-height:24px;
	color:#999;
}

.newShow .title {
	text-align:center;
	padding:35px 0 15px 0;
	font-size:24px;
}
.newShow .time {
	color:#999;
	text-align:center;
	background:url(../images/line1.png) top repeat-x;
	height:29px;
	line-height:29px;
	overflow:hidden;
}
.newShow .time a {
	color:#999;
}
.newShow .content {
	padding:5px 0px;
	font-size:14px;
	line-height:28px;
	text-align:justify;
}
.newShow .content p {
	margin:15px 0px;
}
.newShow .content p img {
	margin:0 auto;
	display:block;
	max-width:850px;
}
.newShow .btnDiv {
	height:70px;
	line-height:45px;
	overflow:hidden;
	font-size:16px;
	background:url(../images/line2.png) top repeat-x;
}
.news_case {
	width:1100px;
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
}
.news_case li {
	height:235px;
	width:275px;
	overflow:hidden;
	position:relative;
	float: left;
	margin-right:30px;
	background-color: #FFFFFF;
	border: 1px solid #e3e3e3;
	padding: 9px;
	margin-bottom: 30px;
}
.news_case .imgDiv {
	position:absolute;
	left:10px;
	top:10px;
}
.news_case .name {
	font-size:18px;
	padding-top:210px;
	width:280px;
	text-align: center;	
}
.news_case .ff1 {
	font-size:14px;

}
.news_case dl {
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:13px;
	color:#999;
}
.news_case dd {
	float:left;
	padding-right:20px;
}
.news_case dd a {
    color:#ccc;
}
.news_case dd a:hover {
	color:#006db2;
}
.news_case dd img {
	float:left;
	margin-right:5px;
	position:relative;
	top:8px;
}
.news_case .content {
	font-size:14px;
	line-height:24px;
	color:#999;
}
.news_kc {
	padding:13px 0;
}
.news_kc li {
	height:200px;
	overflow:hidden;
	position:relative;
	border-bottom:#e3e3e3 solid 1px;
	padding-left:230px;
	margin-top: 5px;
}
.news_kc .imgDiv {
	position:absolute;
	left:0px;
	top:21px;
}
.news_kc .name {
	font-size:22px;
	padding-top:55px;
	padding-bottom:10px;
	
}
.news_kc .ff1 {
	font-size:14px;

}
.news_kc dl {
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:13px;
	color:#ccc;
}
.news_kc dd {
	float:left;
	padding-right:20px;
}
.news_kc dd a {
    color:#ccc;
}
.news_kc dd a:hover {
    color:#426694;
}
.news_kc dd img {
	float:left;
	margin-right:5px;
	position:relative;
	top:8px;
}
.news_kc .content {
	font-size:14px;
	line-height:24px;
	color:#999;
}

.pageMore {
	display:block;
	text-align:center;
	padding:35px 0 35px 0;
	font-size:14px;
	color: #999999;
}

.case_kc {
	width: 920px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}

	#imageFlow {
		position: absolute;
		width: 100%;
		height: 60%;
		left: 0%;
		top: 0px;
		background: #fff;
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
		background: #181818;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
