.fl{float:left;}
.fr{float:right;}
img{display:block;}
/*��ҳ����*/
.indextitle{ width:100%; padding:18px 0; font-size:18px; text-align:center;
    background: url(../webimages/pt-line.jpg) 50% 50% no-repeat; color:#B0B0B0;margin-top:15px;}
.indextitle h1{line-height:65px; color:#004098; font-size:40px; font-weight:bold; letter-spacing:1.1px; margin-top:10px;}
.indextitle h1 strong{font-size:56px;}
.indextitle h2{line-height:45px; font-size:38px; font-style:oblique; font-family:Franklin Gothic Demi; font-weight:bold}
.indextitle h3{ font-size:42px; margin-bottom:6px; color:#004098; line-height:42px; letter-spacing:2px;}
.indextitle em{ width:100px; border-bottom:2px solid #004098; display:block; margin:0 auto 8px;}
.indextitle p{ border-bottom:1px solid #CCC; margin-bottom:-1px; margin-top:5px;}
.indextitle .indexaa{ color:#666; text-align:center; width:1200px; margin:0 auto;  padding-top:10px;}
.indextitle .indexaa .title_da{ border:none; color:#004098; padding:0}
.indextitle .indexaa a{ display: inline-block; border:1px solid #000; color:#B0B0B0; padding:5px 15px;font-size:16px; border-radius:15px; margin-bottom:10px; margin-right:25px;}
.indextitle .indexaa a:hover{ color:#fff; background-color:#004098; border:1px solid #004098;}
/*��ҳ����*/



.div-move{text-align:center;}
.div-move a{display:inline-block; padding:5px 30px; border:1px solid #fff; color:#fff;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.div-move a:hover{background:#004098; color:#fff; border-color:#004098;}
/* ҵ�� */
.index-serbox{padding-bottom:30px; background:url(../webimages/index-servicebg.jpg) no-repeat center center;}
.index-service{width:1200px; margin:auto;}
.index-service ul{ margin-bottom:20px;}
.index-service ul li {width:300px; float:left;}
.index-service ul li.four{width:240px;}
.index-service .cont{margin:5px;}
.index-service .figure{overflow:hidden;}
.index-service .figure img{width:100%;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.index-service .cont p{height:55px; line-height:55px; overflow:hidden; font-size:16px;text-align:center; color:#fff; background:#3e3e3e;
transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.index-service .cont:hover p{background:#004098;}
.index-service .cont:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

/* ҵ�� */




/* �����Ƶ */
.index-spbox{width:100%; overflow:hidden;}
.index-sp{ float:left;width:49.9%;}
.index-sp.fr{float:right}
.index-sp a{display:block; position:relative; overflow:hidden;}
.index-sp a.first{}
.index-sp a img{display:block; width:100%; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}
.index-sp a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.index-sp a span{ display:block; position:absolute; width:90px; height:90px; background:url(../webimages/vi1.png) no-repeat center center; top:50%; left:50%; margin:-45px 0 0 -45px;}


.shipin-box{position:fixed; width:100%; height:100%; left:0px; top:0px; background:url(../webimages/shipin-bg.png); z-index:9999; display:none;}
.shipin-cont{position:absolute; width:1000px; height:600px; left:50%; top:50%; margin:-300px 0 0 -500px;}
.shipin-cont .shipin1{text-align:center;}
.shipin-cont span.close{display:block;width:28px; height:27px;opacity:.6; position:absolute; background:url(../webimages/xsy-8.png) center center; right:-30px; top:-30px;
 cursor:pointer;}
.shipin-cont span.close:hover{opacity:1;}
/* �����Ƶ */

/* we */
.index-about{width:1200px; margin:auto;}
.index-ab-left{float:left;}
.index-ab-right{float:right; width:750px;padding:15px 0; min-height:300px; line-height:26px; font-size:16px;}
.index-ab-right .pa{text-align:right; line-height:10px;}
/* we */



.indexboxcon{ width:100%;}
.indexboxdiv1{ width:1200px; margin:0 auto;overflow:hidden;}


/*���ǵIJ�Ʒ*/
.indexboxul{ width:1200px; position:relative; overflow:hidden; padding-bottom:30px; padding-top:5px;}
.indexboxul li{ float:left; width:340px; margin:0 30px; text-align:center;}
.indexboxul_img{ width:100%; overflow:hidden; padding-bottom:8px; text-align:center;}
.indexboxul_img span{ display:inline-block; width:123px; height:121px; background-position:0px 0px; background-repeat:no-repeat;}
.indexboxul li:hover .indexboxul_img span{ background-position:0px -121px; background-repeat:no-repeat;}
.indexboxul  h3{ line-height:35px; font-size:22px; margin-bottom:10px;}
.indexboxul li p{ font-size:13px;overflow:hidden;}
.indexli01 h3{ color:#004098}
.indexli02 h3{ color:#F99847}
.indexli03 h3{ color:#C4DF16}

/*���ǵIJ�Ʒ*/


/*����*/

.contain{width:1120px;margin:0 auto;position:relative;}
.container-Iabout{padding:5px 0;}
.container-Iabouts{padding:10px 0;}

.container-Iabout ul{overflow:hidden;margin-top:10px;}

.container-Iabout ul li{float:left;width:299px;height:342px;margin-left:20px;overflow:hidden;}

.container-Iabout ul li:first-child{margin-left:0px;}

.container-Iabout ul li img{width:100%;height:auto;    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}
.container-Iabout ul li img:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.Iab-name h2{color:#333333;font-weight:normal;margin-bottom:3px;}

.container-Iabout ul li .Iab-con{display:block;width:275px;text-align:center;font-size:13px;color:#767676;line-height:22px;margin:20px auto 0; height:150px;}


.container-Iabout ul li a{display:block;height:100%;position:absolute;}

.container-Iabout ul li.Iab-l1{width: 477px;height: 671px;}

.container-Iabout ul li.Iab-l1 h3{text-align: center;font-size: 16px;color:#333;width: 477px;height: 33px;line-height: 33px;position: absolute;bottom:0;left: 0;background:rgba(255, 255, 255, 0.45) none repeat scroll 0 0 !important;filter:Alpha(opacity=45); background:#fff;font-weight: normal;}

.container-Iabout ul li.Iab-l1 a{left:-100%;}

.container-Iabout ul li.Iab-l2{width: 299px;height: 342px;}

.container-Iabout ul li.Iab-l2 img{width: 299px;height: 300px;}
.container-Iabout ul li.Iab-l3 img{width: 299px;height: 300px;}
.container-Iabout ul li.Iab-l4 img{width: 299px;height: 300px;}

.container-Iabout ul li.Iab-l2 h3{height: 42px;line-height: 42px;color:#555555;font-size: 14px;text-align: center;font-weight: normal;width: 299px;}

.container-Iabout ul li.Iab-l2 a{top:-100%;}

.container-Iabout ul li.Iab-l3{width: 299px;height: 342px;}

.container-Iabout ul li.Iab-l3 h3{height: 42px;line-height: 42px;color:#555555;font-size: 14px;text-align: center;font-weight: normal;width: 299px;}

.container-Iabout ul li.Iab-l3 a{bottom:-100%;}

.container-Iabout ul li.Iab-l4{width: 299px;height: 342px;}

.container-Iabout ul li.Iab-l4 h3{height: 42px;line-height: 42px;color:#555555;font-size: 14px;text-align: center;font-weight: normal;width: 299px;}

.container-Iabout ul li.Iab-l4 a{left:100%;}

.container-Iabout ul li a:hover{}

.container-Iabout ul li a:hover .Iab-name,

.container-Iabout ul li a:hover .Iab-name h2,

.container-Iabout ul li a:hover .Iab-con{color:#fff; }



.container-Iabout ul li .com-img{display: block; overflow:hidden}


.container-Iabouts ul li{float:left;width:360px;height:372px;margin-left:20px;overflow:hidden;}
.container-Iabouts ul li a{background: url(../webimages/bottom_title.png) 47% 61% no-repeat #f3f3f3;}
.container-Iabouts ul li .Iab-name{padding-bottom:12px;text-align:center;font-size:18px;color:#cfcfcf;border-bottom: none;margin-top: 23px;}
.container-Iabouts ul li h3{width: 107px;height: 30px;display: block;text-align: left;line-height:30px;background: url(../webimages/mores.png) no-repeat;color:#767676;position: absolute;bottom:29px;left:128px;text-indent: 20px;font-weight: normal; }
.container-Iabouts ul li a:hover{background: url(../webimages/bottom_title1.png) 47% 63% no-repeat #1462b3;}
.container-Iabouts ul li a:hover h3{color:#fff;}



/*����*/




/*gd_website*/
.gtop{ text-align:center; padding-top:60px;}
.gtop h2{ font-size:32px; color:#000; font-weight:bold;}
.gtop h2 span{ font-size:16px; color:#bfbfbf; display:block; font-weight:normal;}
.gtop h2 em{  color:#004098; font-weight:bold;}
.gtop h3{ font-weight:normal; font-size:18px; color:#004098; margin-top:15px; margin-bottom:23px;}
.gtop i{ display:block; background:url(Img/line.png) no-repeat center; width:69px; height:3px; margin:0 auto;}
.gcont{ margin:38px 0px;}
.gcont ul{ overflow:hidden;}
.gcont li{ float:left; width:200px; text-align:center; margin:0 20px 20px;background-repeat:no-repeat; background-position:center top;}
.gcont li h4{ overflow:hidden; margin:0 auto; width:157px; height:174px; display:block; background-repeat:no-repeat; background-position:center top;}
.gcont li h5{ font-size:20px; color:#004098; font-weight:normal; margin:15px 0;}
.gcont li p{ font-size:13px; line-height:22px; color:#666;}
.gcont li:hover h4{ background-position:center bottom;}



/* partner */
.partner-box{background:url(../webimages/p-bg.png) no-repeat center center; width:100%; padding-bottom:30px;}
.index-partner{width:960px; margin:0 auto; padding:0 120px; position:relative;}
.index-partner .prev,.index-partner .next{position:absolute; width:37px; height:71px; display:block; top:50%; margin-top:-35px; background-image:url(../webimages/p-btn.png);
background-repeat:no-repeat;}
.index-partner .prev:hover,.index-partner .next:hover{background-image:url(../webimages/p-btnh.png);}
.index-partner .prev{background-position:left top; left:0;}
.index-partner .next{background-position:right top; right:0;}

.index-partner ul  li{width:960px; overflow:hidden; float:left;}
.index-partner ul li a{ display:block; float:left; width:180px; height:80px; margin:5px; border:1px solid #efefef;}
.index-partner ul li a:hover{border:1px solid #004098;}
.index-partner ul li a img{display:block; width:100%; height:100%;}

/* partner */

/*���̰���*/
.index-probtn{text-align:center; margin-bottom:15px;}
.index-probtn a{display:inline-block;margin:0 20px; height:33px; width:145px; line-height:33px; color:#fff; background:url(../webimages/a-btn.png) no-repeat center center;}
.index-probtn a.on{ background:url(../webimages/a-btnh.png) no-repeat center center; color:#fff;}

.indexbox_pro{ width:1200px; padding:0 40px; margin:0px auto  0px; position:relative; display:none;}
.indexbox_pro .prev, .indexbox_pro .next{ display:block;width:65px; height:100px; position:absolute; top:50%; margin-top:-38px; cursor:pointer;}
.indexbox_pro .prev{ left:0px;background:url(../webimages/left.png) center center no-repeat}
.indexbox_pro .prev:hover{background: url(../webimages/lefth.png) center center no-repeat}
.indexbox_pro .next{ right:0px;background:url(../webimages/right.png) center center no-repeat}
.indexbox_pro .next:hover{background:url(../webimages/righth.png) center center no-repeat}


.indexbox_prodiv{ overflow:hidden;}
.indexbox_proul li{ float:left; width:270px; padding:15px;}
.indexbox_proul li a.pro-a{display:block; background:#fff; padding-bottom:15px;background:#f5f5f5; text-align:left; position:relative; border:#CCCCCC solid 1px;}
.indexbox_proul li h3{ margin-top:10px; padding:0 8px;line-height:26px; height:45px; color:#616161;font-size:18px; }
.indexbox_proul li a:hover{ color:#fff; background:#004098;}
.indexbox_proul li a:hover h3{color:#fff;}
.indexbox_proul li p{height:66px; line-height:22px; overflow:hidden;padding:0 8px;}

.indexbox_proul li .xq_a { display: block; line-height: 24px; margin-top: 28px; color: #000; background: url(../webimages/arrow2.png) no-repeat 60px -15px; }
.indexbox_proul li:hover h3, .indexbox_proul li:hover .xq_a { color: #0B69C9; }
.indexbox_proul li:hover .xq_a { background-position: 60px 5px }


.li_imgdiv{ width:100%; height:270px; margin:0 auto; overflow:hidden;}
.li_imgdiv img{display:block; width:100%; height:100%;transition: all 0.5s ease-in 0s;
 -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;}
.li_imgdiv img:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.li_bgdiv{ position:absolute; right:0; top:0; width:100px; height:55px;background:url(../webimages/li_bg.png);text-align:center; z-index:99; color:#fff;}
.li_bgdiv span{display:block; padding-top:8px; line-height:20px; font-size:14px;}
.li_bgdiv em{font-size:18px;}
.li_bgdiv img{ position:absolute; left:50%; margin-left:-21px; top:50%; margin-top:-21px; width:43px; height:43px;}

.li_imgdiv .icodiv{ position:absolute; display: inline-block; left:50%; margin-left:-30px; width:60px; height:60px; bottom:-30px; background:url(../webimages/li_img01.png) left top no-repeat; z-index:99999}
.indexbox_proul li:hover .li_imgdiv .icodiv{background:url(../webimages/li_img01.png) left -60px no-repeat}

/*���̰���*/









/* ���̰���2 */
.index-case{}
.index-case-left{float:left; width:600px; position:relative;}
.index-case-left ul li{float:left; width:600px;}
.index-case-left ul li img{display:block; width:100%;}
.index-case-left .prev, .index-case-left .next{ display:block;width:30px; height:76px; position:absolute; top:50%; margin-top:-38px; cursor:pointer;}
.index-case-left .prev{ left:0px;background:url(../webimages/left.png) center center no-repeat}
.index-case-left .prev:hover{background: url(../webimages/lefth.png) center center no-repeat}
.index-case-left .next{ right:0px;background:url(../webimages/right.png) center center no-repeat}
.index-case-left .next:hover{background:url(../webimages/righth.png) center center no-repeat}

.index-case-right{float:right; width:600px; margin-right:-6px;}
.index-case-right .ri-divimg{float:left; width:50%; margin-bottom:17px;}
.index-case-right .ri-divimg a{display:block; margin:0 6px; position:relative; overflow:hidden;}
.index-case-right .ri-divimg  a  img{display:block;width:100%; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
.index-case-right .ri-divimg  a:hover img{transform:scale(1.04);-webkit-transform:scale(1.04); -moz-transform:scale(1.04); -o-transform:scale(1.04); -ms-transform:scale(1.04);}
.index-case-right .ri-divimg a p{position:absolute; left:0px; bottom:0px;line-height:30px; width:100%; text-indent:1em; background:rgba(0,0,0,.5); color:#fff;}
/* ���̰���2end */

/*four-chnal*/
.four_chList{ width:1200px; margin:15px auto; }
.four_chList ul{overflow:hidden;  width:1245px; }
.four_chList li{ float:left; width:220px; margin-right:25px; display:inline;}
.four_chList a{ display:block; position:relative; padding:10px;}
.four_chImg{ position:relative; width:160px; height:145px; margin:0 auto;}
.four_chImg img{ position:absolute; width:100%; height:100%;}
.four_chList li h3{ color:#333; font-size:22px; line-height:normal; margin:10px 0 0px;height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.four_chList li a:hover h3{ color:#004098;}
.four_chIntro{ color:#888; font-size:15px; overflow:hidden; text-align:center; height:120px;}
.brand_img{ left:0; width:140px; height:140px;}
.brand_shimg{ display:none; top:0; left:0px; width:0;cursor:pointer;overflow:hidden;}
/*four-chnal*/

.index-more{ text-align:center; margin-top:20px;}
.index-more a{display:inline-block; padding:6px 30px; background:#004098;  color:#fff; font-size:16px; letter-spacing:2px; border-radius:5px;}
.index-more a:hover{background-color:#05BB5C}

.index-logo{width:1200px; margin:0 auto; overflow:hidden;}
.index-logo div.alt{width:16.66%; float:left;}
.index-logo div.alt a{display:block; padding:10px;}


.indexlogo3{background:#fff url(../webimages/bg24.jpg) repeat-x top;}
.indexlogo3 .title{ height:113px; line-height:113px; text-align:center;padding:0; border:0; font-size:40px; color:#fff; background:url(../webimages/titleBg3.png) no-repeat left 20px;}
.indexlogo3 p{ text-align:center; color:#fff; font-size:14px;}
.logo3box{width:1200px; margin:0 auto;}


.indexlabel{width:100%; overflow:hidden;}
.indexlabel div{float:left;}
.label-01{width:48%;padding:0 1%;}
.indexlabel div p{padding:5px 0;}
.indexlabel label{display:block; padding:5px; border:1px solid #d0d0d0; background:#fff;}
.indexlabel label input{width:100%; font-size:13px; color:#999999;}
.indexlabel input[type='radio']{margin:0 3px 0 13px;}
.indexlabel div.label-04{padding-top:10px;}
.indexlabel .label-04 input{ width:70px; height:30px; color:#fff; margin-right:10px; cursor:pointer;}
.indexlabel input[type='submit']{background-color:#004098;}
.indexlabel input[type='reset']{background-color:#ccc;}
.indexlabel .label-02{width:98%; padding:0 1%;}
.indexlabel .label-02 input[type='text']{border:1px solid #d0d0d0; padding:2px 3px;  font-size:13px;  color:#999999;}
.indexlabel .label-02 img{width:70px;}
.indexlabel div textarea{height:60px; line-height:20px; width:98%; padding:1%; font-size:13px; color:#999999;border:1px solid #d0d0d0;}




/* ���̰��� */
.home-case-list{
	clear:both;
	overflow:hidden
}
.home-case-slide{
	width:345px;
	background-color:#efefef;
	position:relative;
	overflow:hidden
}
.home-case-slide .item-bd{
	width:100%;
	height:520px;
	position:relative;
	overflow:hidden
}
.home-case-slide .item-bd li{
	width:100%;
	height:520px;
	position:relative
}
.home-case-slide .item-bd li img{
	width:100%;
	height:410px;
}
.home-case-slide .item-bd li .tit{
	display:block;
	width:230px;
	position:absolute;
	left:110px;
	bottom:30px;
	color:#004098;
}
.home-case-slide .item-hd{
	text-align:center;
	position:absolute;
	left:10px;
	bottom:75px;
	z-index:9
}
.home-case-slide .item-hd li{
	display:block;float:left;
	width:8px;
	height:8px;
	background-color:#999999;
	border-radius:100%;
	text-indent:-99999px;
	margin-left:10px;
	cursor:pointer
}
.home-case-slide .item-hd li.on{
	background-color:#ff3121
}
.home-case-group{
	width:855px;
	overflow:hidden;
	cursor:pointer;
}
.fs18{font-size:18px; color:#888}
.home-case-group li{
	position:relative;
	width:285px;
	height:260px;
	position:relative;
	float:left;
	background-color:#efefef;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;
}
.home-case-group li img{
	display:block;
	width:100%;
	height:100%;
}
.home-case-group li .text-block{
	padding:15px;
	overflow:hidden
}
.home-case-group li .info{
	padding-top:8px;
	font-size:12px;
	line-height:18px;
}
.home-case-group li.c1, .home-case-group li.c2, .home-case-group li.c3{
	z-index:1
}
.home-case-group li.c3, .home-case-group li.d2{float:right;}
.home-case-group li.c1:after,.home-case-group li.c1 after{
	content:"";
	border-width:20px;
	border-style:solid;
	border-color:transparent transparent transparent #efefef;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:-40px;
	z-index:2
}
.home-case-group li.c2:after{
	content:"";
	border-width:20px;
	border-style:solid;
	border-color:#efefef transparent transparent transparent;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:-40px;
	z-index:2
}
.home-case-group li.c3:after{
	content:"";
	border-width:20px;
	border-style:solid;
	border-color:transparent #efefef transparent transparent;transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;
	position:absolute;
	top:50%;
	margin-top:-10px;
	left:-40px;
	z-index:2
}
.home-case-group li.on{
	background-color:#004098;
}

.home-case-group li.on .tit, .home-case-group li.on .info{
	color:#fff
}
.home-case-group li.c1.on:after{
	border-color:transparent transparent transparent #004098;
}
.home-case-group li.c2.on:after{
	border-color:#004098 transparent transparent transparent;
}
.home-case-group li.c3.on:after{
	border-color:transparent #004098 transparent transparent;
}
/*���̰���*/



/*��ҳ����*/
.Brandtitle{  text-align:center;}
.indexColumn3{width:100%; padding:0px 0 30px;}
.newsTitle{ text-align:center;}

.indexnews{width:1200px;margin:0 auto; overflow:hidden; position:relative;padding-bottom:30px;}
.indexnews-h3{height:45px; line-height:45px; font-size:22px; color:#000; margin-bottom:10px;}
.indexnews-h3 .more{ float:right; display:inline-block; background:url(../webimages/more.png) no-repeat right center; line-height:45px; padding-right:22px; font-size:14px; color:#333;}
.indexnews-h3 .more:hover{color:#e63d00;}
.indexnews-right{float:right; width:610px;}
.news-dl{width:100%; padding-bottom:10px; margin-bottom:10px;overflow:hidden; border-bottom:1px solid #eee;}
.news-dl dt{float:left; width:155px; height:105px;}
.news-dl dt img{width:100%; display:block;}
.news-dl dd{float:right; width:440px;}
.news-dl dd h3{font-size:16px; color:#333; margin-bottom:8px;}
.news-dl dd p{font-size:13px; color:#666;}
.news-dl dd p span{ color:#333; margin-left:5px;}
.news-dl dd h3:hover{color:#004098;}

.indexnews-left{float:left; width:540px;}
.nxwgd{position:relative;width:540px;height:366px; float:left; overflow:hidden}
.nupic-no {
  position: absolute;
  z-index: 20;
  right: 20px;
  bottom: 16px;text-align:center;
}
.nxwgd .swiper-pagination-switch {
  display:block;float:left;
  width: 10px;
  height: 10px;
  background:url(../webimages/news_bg02.png);
  margin-right: 5px;
  opacity: 0.8;

  cursor: pointer;
}
.nxwgd .swiper-active-switch {
  background:url(../webimages/news_bg01.png);
}
.xw-b-l{width:100%; height:100%;position:relative;}
.nxwgd .swiper-slide .xw-b-l img{width:100%; height:100%;display:block;}

.nxwgd .swiper-slide .xw-b-l  .nhd-t{ text-indent:1em; position:absolute; bottom:0; left:0; background:url(../webimages/news_bg.png); width:100%; line-height:45px; color:#FFF}

.pprepn .arrow-left{left:-50px;}
.pprepn .arrow-right{right:-50px;}
.pprepn .arrow-left,.pprepn .arrow-right{position:absolute;font-size:60px;top:120px;transition:all 0.2s linear;}
.nxwgd .swiper-slide{position:relative;}
.nxwgd .swiper-slide img{width:100%;}


.nbb-li{width:100%;height:50px;line-height:50px;overflow:hidden;font-size:13px;border-bottom:1px #ccc dashed;}
.nbb-li a{font-size:13px;display:block;}
.nbb-li .icon-right-dir{font-size:20px;margin-right:10px;}
.nbb-li .w-titm{float:right;}


.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

.index_newsr{ float:right; width:630px; overflow:hidden}
.index_newsr ul li{ border-bottom:1px dashed #CCC; color:#666; padding-left:10px; background:url(../webimages/news_bg03.png) left center no-repeat; line-height:33px;}
.index_newsr ul li:hover{ color:#8cca00}
.index_newsr ul li span{ float:right;}
.index_newsp{ text-align:center; float:left; width:100%; padding-top:30px;}
.index_newsp a{ display:inline-block; border:1px solid #8cca00; padding:5px 10px; color:#8cca00;}
.index_newsp a:hover{ background-color:#8cca00; color:#fff;}



/*��ҳ����*/





.container{overflow:hidden; display: block; margin-top: 30px;}

.indextit{width:100%;overflow:hidden;padding:15px 0 ;position: relative;z-index: 1; text-align: center; }
.indextit .indexitle{font-size: 30px;display: block;line-height: 42px;color: #555; margin-bottom: 8px; font-weight: bold;}
.indextit .indle{font-size: 16px;display: block;color: #999; margin-top: 0px;}

.hzhbindex{width: 1180px;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px; margin-bottom: 60px;}

.hzhbindex ul{zoom: 1;margin: 0 -10px;}
.hzhbindex ul li {  float: left; margin:0 10px; width: 220px; display: block;cursor: pointer;margin-bottom: 15px; }
.hzhbindex ul li .img {padding: 10px; overflow: hidden; overflow: hidden; border: solid 1px #ccc; height:65px; }
.hzhbindex ul li .img img { max-width: 100%;  transition: all 0.8s ease 0s;}
.hzhbindex ul li .img:hover img{transform: scale(1.1,1.1)}
.hzhbindex ul li .text { font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 5px; }